:root{--color-sidebar:#0b2a66;--color-sidebar-active:#fff3;--color-bg:#f1f5f9;--color-context:#fff6;--color-panel:#ffffffb3;--color-border:#e2e8f0cc;--column-bg:#f8fafc80;--card-bg:#fffffff2;--border-light:#fff9;--border-stroke:#e2e8f0cc;--text-main:#1e293b;--text-sub:#64748b;--text-muted:#94a3b8;--accent:#1d8cf8;--accent-glow:#1d8cf852;--green:#10b981;--orange:#f59e0b;--red:#ef4444;--blue:#3b82f6;--purple:#8b5cf6;--pink:#ec4899;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:all .25s cubic-bezier(.2, .8, .2, 1);--shadow-soft:0 10px 25px -5px #0000000d;color:var(--text-main);background:var(--bg-app);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(135deg, #f1f5f9eb 0%, #e2e8f0d9 100%), url(/assets/bg.jpg) center / cover no-repeat fixed, var(--color-bg);margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}.app-layout{gap:12px;height:100vh;padding:12px;display:flex;overflow:hidden}.sidebar{background:var(--color-sidebar);color:#f7fbff;border-radius:var(--radius-lg);z-index:10;flex-direction:column;flex-shrink:0;align-items:center;width:64px;min-width:64px;padding:20px 0;display:flex;box-shadow:0 10px 25px -5px #0000001a}.logo{place-items:center;width:44px;height:44px;display:grid}.logo-icon{width:36px;height:36px;color:var(--color-sidebar);letter-spacing:0;background:#fff;border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:grid}.nav-menu,.sidebar-bottom{flex-direction:column;align-items:center;gap:16px;display:flex}.nav-menu{flex:1;width:100%}.sidebar-bottom{margin-top:auto}.nav-item{color:#fff9;width:40px;height:40px;transition:var(--transition);background:0 0;border-radius:10px;justify-content:center;place-items:center;display:flex}.nav-item:hover,.nav-item.active{background:var(--color-sidebar-active);color:#fff}.nav-item.active{box-shadow:none}.nav-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.user-avatar{width:32px;height:32px;color:var(--color-sidebar);background:#f4f8ff;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:relative;overflow:visible}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.account-status-dot{background:#a8b5c4;border:2px solid #fffffff2;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.account-status-dot.ready,.account-status-dot.checking{background:#38a169}.account-status-dot.preview{background:#3182ce}.account-status-dot.offline,.account-status-dot.disconnected{background:#fff;border-color:#9fb0c2}.account-status-dot.error,.account-status-dot.blocked{background:var(--red)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#a8b5c4 transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.board-layout{flex:1;grid-template-columns:minmax(250px,1.05fr) minmax(430px,1.72fr) minmax(220px,.86fr) minmax(220px,.86fr);gap:12px;min-width:0;height:calc(100vh - 24px);display:grid;overflow:auto}.board-column,.panel,.glass-panel{background:var(--color-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.board-column{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.column-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:12px 14px;display:flex}.column-header h2,.panel h2,.sidebar-header h2{margin:0;font-size:16px;line-height:1.2}.column-content{flex:1;min-height:0;padding:12px;overflow:auto}.icon-btn,.icon-button{color:#1d2b3c;background:#edf4fb;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.current-container-card,.feed-card{background:#f8fbff;border:1px solid #dce7f2;border-radius:8px;padding:12px}.current-container-card span,.feed-card span,.metric span{color:var(--text-sub);font-size:12px;display:block}.current-container-card strong,.feed-card strong,.metric strong{margin-top:5px;font-size:18px;display:block}.current-container-card p,.feed-card p,.panel p{color:var(--text-sub);margin:6px 0 0;font-size:13px;line-height:1.45}.dashboard-projection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gcal-container{background:linear-gradient(#eef4fb 1px,#0000 1px) 0 0/100% 42px,#fff;flex:1;min-height:0;padding:12px;overflow:auto}.calendar-heading .cal-actions{color:var(--text-sub);font-size:12px}.week-stat-grid,.readiness-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.week-stat-grid div,.readiness-grid span{background:#f8fbfe;border:1px solid #d8e3ee;border-radius:8px;gap:4px;padding:10px;display:grid}.week-stat-grid span,.readiness-grid span{color:var(--text-sub);font-size:12px}.week-stat-grid strong,.readiness-grid strong{color:var(--text-main);font-size:20px}.week-stats-section h3{margin:0 0 10px;font-size:14px}.reminder-state{margin-top:12px}.reminder-session-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.reminder-session-actions button{color:#20324a;background:#edf4fb;border-radius:7px;min-height:30px;padding:0 8px;font-size:12px}.cloud-state{color:#245b38;background:#edf7f0;border-radius:8px;gap:3px;padding:12px;font-size:13px;display:grid}.logo-icon img{object-fit:cover;border-radius:9px;width:100%;height:100%}.cloud-state.offline,.cloud-state.disconnected{color:#526173;background:#f3f6fa}.cloud-state.error,.cloud-state.blocked{color:#8d1f1f;background:#fff1f1}.notice{border-radius:8px;align-items:flex-start;gap:8px;padding:10px;font-size:13px;line-height:1.45;display:flex}.notice.warning{color:#744a00;background:#fff5d8}.notice.info{color:#1c4f82;background:#e7f1ff}.column-feed .column-content{align-content:start;gap:10px;display:grid}.planner-layout,.calendar-layout{flex:1;grid-template-columns:240px minmax(0,1fr) minmax(310px,360px);gap:12px;min-width:0;height:calc(100vh - 24px);display:grid;overflow:hidden}.context-sidebar{width:240px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:8px 4px;display:flex;overflow:hidden}.sidebar-header{border-bottom:0;align-items:center;min-height:0;padding:12px 12px 24px;display:flex}.btn-create-plan,.context-item,.plan-link{border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--text-sub);text-align:left;background:0 0;align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:500;display:flex}.btn-create-plan{background:var(--accent);color:#fff;justify-content:center;font-weight:600;box-shadow:0 4px 12px #1d8cf83d}.context-item:hover,.plan-link:hover{color:var(--text-main);background:#00000008}.context-item.active{color:var(--accent);background:#ffffff80;font-weight:600;box-shadow:0 2px 8px #00000005}.sidebar-content{min-height:0;padding:0 4px;overflow:auto}.context-menu,.plans-list{gap:6px;display:grid}.menu-divider{background:var(--color-border);height:1px;margin:8px 0}.section-title{color:var(--text-sub);font-size:12px;font-weight:800}.main-content{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-xl);min-width:0;min-height:0;box-shadow:var(--shadow-soft);background:#ffffffb3;flex-direction:column;display:flex;overflow:hidden}.board-header{border-bottom:0;justify-content:space-between;align-items:center;gap:12px;padding:24px 32px 8px;display:flex}.header-breadcrumb{color:var(--text-sub);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.header-breadcrumb strong{color:var(--text-main)}.view-caption{color:var(--text-sub);margin-right:auto;font-size:13px;font-weight:700}.view-tabs{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:18px;padding:0 32px;display:flex}.view-tab-buttons{align-items:center;gap:6px;display:flex}.btn-tab{min-height:0;color:var(--text-sub);background:0 0;border-radius:0;padding:12px 4px;font-size:14px;font-weight:600;position:relative}.btn-tab.active{color:var(--accent);background:0 0;font-weight:600}.btn-tab.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.header-actions{align-items:center;gap:8px;min-width:0;display:flex}.header-actions .search-bar{min-width:220px}.header-actions .icon-btn{min-height:34px;color:var(--text-sub);background:#ffffffb3;border:1px solid #cbd5e1bf;border-radius:999px;padding:0 12px;font-weight:700}.header-actions .icon-btn:hover,.header-actions .icon-btn.filter-active{color:var(--accent);border-color:var(--accent);background:#eaf5ff}.search-bar input,.header-actions select,.quick-task-compose input,.quick-task-compose select,.calendar-control-row input,.date-picker-row input,.task-form input,.task-form select,.task-form textarea,.task-detail-form input,.task-detail-form select,.task-detail-form textarea,.calendar-form input,.calendar-form select,.calendar-detail-form input,.calendar-detail-form select,.settings-form input,.settings-form select,.compact-form input,.compact-form select,.structure-detail-form input,.structure-detail-form select{width:100%;min-height:38px;color:var(--text-main);background:#fff;border:1px solid #cbd7e4;border-radius:8px;padding:0 10px}.task-form textarea,.task-detail-form textarea{resize:vertical;min-height:84px;padding-top:10px}.quick-task-compose{border-bottom:1px solid #0000000d;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.8fr) 96px 120px minmax(120px,.6fr);gap:8px;padding:12px 32px;display:grid}.quick-task-compose button,.task-form button,.calendar-form button,.settings-layout button,.compact-form button,.structure-detail-form button,.calendar-detail-form button,.task-detail-form button,.conflict-actions button,.pending-task-actions button,.sync-conflict-actions button{background:var(--accent);color:#fff;white-space:nowrap;border-radius:8px;min-height:38px;padding:0 12px;font-weight:700}.kanban-board{scroll-behavior:smooth;flex:1;gap:16px;min-height:0;padding:20px 32px;display:flex;overflow:auto hidden}.kanban-column{background:0 0;border:0;border-radius:0;flex-direction:column;flex-shrink:0;gap:8px;width:calc(33.3333% - 10.6667px);min-width:220px;padding:0;display:flex}.kanban-column-header{color:var(--text-sub);justify-content:space-between;align-items:center;padding:4px 0;display:flex}.kanban-column-header h3{color:var(--text-main);margin:0;font-size:14px}.kanban-column-header span{min-width:24px;height:20px;color:var(--text-sub);background:#0000000f;border-radius:999px;place-items:center;font-size:11px;font-weight:600;display:grid}.kanban-task-card{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border-light);cursor:pointer;gap:7px;padding:12px;display:grid;box-shadow:0 2px 6px #0000000a}.kanban-task-card.completed strong,.task-row.completed strong{color:var(--text-sub);text-decoration:line-through}.kanban-task-card.pending-sync,.task-row.pending-sync{background:#fff8e6;border-color:#f2c46d}.kanban-task-card span,.task-row span,.event-row span,.structure-row span:not(.swatch){color:var(--text-sub);font-size:12px}.task-card-header,.task-card-footer,.task-list-main,.task-list-title-wrap,.task-list-meta,.task-actions,.task-status-badges,.task-card-labels{align-items:center;min-width:0;display:flex}.task-card-header{justify-content:space-between;gap:8px}.task-title,.task-list-title,.task-calendar-item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-card-menu-btn{width:28px;height:28px;color:var(--text-muted);opacity:0;background:0 0;border-radius:999px}.task-card:hover .task-card-menu-btn,.task-card-menu-btn:focus-visible{opacity:1}.task-card-labels,.task-status-badges,.task-list-meta{flex-wrap:wrap;gap:6px}.task-card-labels span,.task-start-badge,.task-due-badge,.task-checklist-badge,.task-list-priority,.task-list-bucket,.task-list-due,.pending-sync-badge{color:var(--text-sub);background:#e2e8f0bf;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.task-due-badge{color:var(--orange)}.pending-sync-badge{color:#9a5b00;background:#fff3cf}.task-card-footer{justify-content:space-between;align-items:flex-start;gap:8px}.task-actions{justify-content:flex-end;gap:6px}.task-actions button{width:30px;height:30px;color:var(--text-sub);background:#f1f5f9e6;border-radius:8px}.task-actions button:hover:not(:disabled){color:var(--accent);background:#eaf5ff}.filter-panel{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#ffffffdb;align-items:end;gap:16px;margin:0 32px;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0f172a0f}.filter-section{min-width:160px}.filter-section h4{color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:12px}.filter-select{min-height:36px;color:var(--text-main);background:#fff;border:1px solid #cbd7e4;border-radius:8px;padding:0 10px}.filter-actions button{min-height:36px;color:var(--text-sub);background:#edf4fb;border-radius:8px;padding:0 12px;font-weight:700}.task-list-view,.task-calendar-view{flex:1;min-height:0;padding:20px 32px;overflow:auto}.task-list{gap:8px;display:grid}.task-list-row{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border-light);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:grid;box-shadow:0 2px 6px #00000009}.task-list-row:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a12}.task-list-main{flex-direction:column;align-items:flex-start;gap:6px}.task-calendar-months{gap:18px;display:grid}.task-calendar-month{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#ffffffc7;overflow:hidden}.task-calendar-month-title{border-bottom:1px solid #e2e8f0cc;margin:0;padding:14px 16px;font-size:15px}.task-calendar-weekdays,.task-calendar-grid{grid-template-columns:repeat(7,minmax(120px,1fr));display:grid}.task-calendar-weekdays span{color:var(--text-sub);background:#f8fafcd9;padding:8px 10px;font-size:12px;font-weight:800}.task-calendar-day,.task-calendar-spacer{background:#ffffffb8;border-top:1px solid #e2e8f0cc;border-right:1px solid #e2e8f0cc;min-height:132px;padding:8px}.task-calendar-day.today{background:#f0f8ff}.task-calendar-date{color:var(--text-sub);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.task-calendar-items{gap:5px;display:grid}.task-calendar-item{border-left:3px solid var(--orange);width:100%;min-height:34px;color:var(--text-main);text-align:left;background:#fff7ed;border-radius:7px;gap:2px;padding:5px 7px;display:grid}.task-calendar-item.start{border-left-color:var(--blue);background:#eff6ff}.task-calendar-item-type,.task-calendar-more{color:var(--text-sub);font-size:10px;font-weight:700}.empty-column{color:var(--text-sub);margin:8px 0;font-size:13px}.planner-detail-rail,.calendar-detail-rail{min-height:0;overflow:auto}.task-detail-panel,.calendar-event-detail{min-height:100%}.calendar-page{flex:1;height:calc(100vh - 24px);padding:0}.calendar-section{flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;position:relative;overflow:hidden}.calendar-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.toolbar-left,.toolbar-right,.nav-arrows,.view-selector{align-items:center;gap:8px;display:flex}.btn-today,.btn-dropdown,.tb-icon,.btn-arrow{border:1px solid var(--border-light);min-height:36px;color:var(--text-sub);background:#ffffffbd;border-radius:999px;padding:0 12px;font-weight:800}.btn-today{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 4px 12px #1d8cf838}.current-date{color:var(--text-main);margin:0 0 0 8px;font-size:22px;font-weight:800}.calendar-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#ffffffbf;flex:1;min-height:0;overflow:auto;box-shadow:inset 0 2px 4px #00000005}.calendar-workbench{background:#ffffffbf}.projection-compat-title{color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0bf;margin:0;padding:10px 14px;font-size:12px;font-weight:800}.calendar-form{gap:10px;padding:12px;display:grid}.calendar-form label span,.task-form label span,.task-detail-form label span,.calendar-detail-form label span,.settings-form label span,.structure-detail-form label span{color:var(--text-sub);margin-bottom:5px;font-size:12px;display:block}.calendar-control-row{border-bottom:0;grid-template-columns:220px minmax(220px,1fr);gap:10px;padding:12px 32px;display:grid}.date-picker-row span{color:var(--text-sub);margin-bottom:5px;font-size:12px;display:block}.calendar-week-view,.calendar-month-view{min-width:860px}.calendar-header-row{background:#f8fafce6;border-bottom:1px solid #e2e8f0e6;grid-template-columns:74px minmax(0,1fr);display:grid}.timezone-cell{color:var(--text-muted);border-right:1px solid #e2e8f0e6;place-items:center;font-size:11px;font-weight:800;display:grid}.days-wrapper,.allday-grid,.columns-layer{grid-template-columns:repeat(7,minmax(110px,1fr));display:grid}.day-header{min-height:58px;color:var(--text-sub);border-right:1px solid #e2e8f0e6;place-items:center;gap:2px;display:grid}.day-header strong{color:var(--text-main);font-size:16px}.day-header.today{color:var(--accent)}.allday-row{border-bottom:1px solid #e2e8f0e6;grid-template-columns:74px minmax(0,1fr);min-height:46px;display:grid}.allday-spacer,.allday-cell{border-right:1px solid #e2e8f0e6}.allday-cell{padding:5px}.calendar-body{grid-template-columns:74px minmax(0,1fr);display:grid}.time-axis{border-right:1px solid #e2e8f0e6}.time-label{height:52px;color:var(--text-muted);text-align:right;border-bottom:1px solid #e2e8f08c;padding:5px 8px 0 0;font-size:11px;font-weight:700}.day-column{background:#ffffff6b;border-right:1px solid #e2e8f0e6;min-height:832px;padding:6px;position:relative}.hour-line{border-bottom:1px solid #e2e8f08c;height:52px}.day-column-items{pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;inset:6px}.calendar-mini-item{pointer-events:auto;border-left:3px solid var(--green);width:100%;min-height:28px;color:var(--text-main);text-align:left;background:#ecfdf5f0;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:4px 6px;font-size:11px;display:grid}.calendar-mini-item.event{border-left-color:var(--accent);background:#eaf5ff}.calendar-mini-item.task{border-left-color:var(--orange);background:#fff7ed}.calendar-mini-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.calendar-mini-item em{color:var(--text-sub);font-size:10px;font-style:normal;font-weight:800}.month-header-row,.month-grid{grid-template-columns:repeat(7,minmax(124px,1fr));display:grid}.month-day-header{min-height:38px;color:var(--text-sub);background:#f8fafce6;border-bottom:1px solid #e2e8f0e6;border-right:1px solid #e2e8f0e6;place-items:center;font-size:12px;font-weight:800;display:grid}.month-cell{background:#ffffff94;border-bottom:1px solid #e2e8f0e6;border-right:1px solid #e2e8f0e6;min-height:138px;padding:8px}.month-cell.today{background:#f0f8ff}.month-cell.other-month{background:#f8fafc66}.month-day-number{color:var(--text-sub);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.calendar-projection{box-shadow:none}.calendar-projection.compact{min-height:100%}.calendar-projection.compact .projection-row{grid-template-columns:54px minmax(0,1fr)}.calendar-projection.compact .projection-row em,.calendar-projection.compact .projection-row button{display:none}.calendar-projection h2{margin:0 0 6px}.projection-date-label{margin:0 0 10px}.projection-counts{flex-wrap:wrap;gap:6px;margin:8px 0 10px;display:flex}.projection-counts span{color:var(--text-sub);background:#edf4fb;border-radius:999px;padding:3px 8px;font-size:12px}.projection-list{gap:7px;display:grid}.projection-row{background:#f5f9fd;border-left:3px solid #8bb8f0;border-radius:7px;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:grid}.projection-row.event{border-left-color:var(--accent)}.projection-row.task{border-left-color:var(--orange)}.projection-row.container{border-left-color:var(--green)}.projection-row em{color:var(--text-sub);font-size:11px;font-style:normal}.calendar-list{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#ffffffbd;margin:14px 0 0;padding:14px 16px}.event-modal{z-index:40;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.event-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a47;position:absolute;inset:0}.event-modal-content{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#fffffff5;width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 24px 80px #0f172a38}.event-modal-header,.event-modal-footer{border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.event-modal-footer{border-top:1px solid #e2e8f0cc;border-bottom:0;justify-content:flex-end;padding:0}.event-modal-close{width:32px;height:32px;color:var(--text-sub);background:#f1f5f9e6;border-radius:999px;font-size:20px}.event-modal-body{padding:16px}.calendar-section>.calendar-event-detail{z-index:12;width:min(360px,100vw - 120px);min-height:0;position:absolute;top:92px;bottom:24px;right:24px;overflow:auto}.calendar-list h2{color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:14px}.event-row,.task-row,.structure-row,.pending-task-row,.sync-outcome-row,.sync-conflict-row,.conflict-row{border-top:1px solid #e2e8f0cc;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.event-row:first-of-type,.task-row:first-of-type,.structure-row:first-of-type{border-top:0}.event-main,.task-main{cursor:pointer;min-width:0}.event-main strong,.event-main span,.task-main strong,.task-main span,.kanban-task-card strong,.kanban-task-card span{display:block}.event-main span,.task-main span,.kanban-task-card span{margin-top:3px}.task-actions,.event-actions,.structure-actions,.sync-conflict-actions,.pending-task-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.task-actions button,.event-row button,.structure-row button{color:#1d2b3c;background:#edf4fb;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.pending-sync-badge{color:#7a4b00;background:#ffe8a3;border-radius:999px;width:fit-content;margin-top:4px;padding:2px 7px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.task-pending-banner{background:#fff8e6;border:1px solid #f2c46d;border-radius:8px;justify-content:space-between;gap:12px;margin:12px 16px 0;padding:10px 12px;display:flex}.task-pending-banner span{color:#7a4b00;margin-top:3px;font-size:12px;display:block}.panel{min-width:0;padding:14px}.panel-heading-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.view-settings.app-layout{--bg-app:#f1f5f9;--color-sidebar:#0b2a66;--column-bg:#ffffff80;--card-bg:#ffffffe6;--text-main:#1e293b;--text-sub:#64748b;--border-light:#fff9;--border-stroke:#e2e8f0;--accent:#1d8cf8;--accent-glow:#1d8cf852;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;background:linear-gradient(135deg, #f1f5f9eb 0%, #e2e8f0d9 100%), url(/assets/bg.jpg) center / cover no-repeat fixed, var(--bg-app);gap:12px;padding:12px;display:flex;position:relative}.view-settings .sidebar{border-radius:var(--radius-lg);padding:20px 0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.view-settings .nav-menu{gap:16px}.view-settings .nav-item{color:#fff9;border-radius:10px}.view-settings .nav-item:hover,.view-settings .nav-item.active{color:#fff;background:#fff3}.view-settings .user-avatar{border:2px solid #ffffff80;width:32px;height:32px}.main-wrapper{flex:1;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex;overflow-y:auto}.settings-main-wrapper{height:calc(100vh - 24px)}.settings-container{background:var(--column-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:800px;max-height:100%;animation:.5s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{border-bottom:1px solid var(--border-stroke);background:#ffffff4d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header h1{margin:0;font-size:20px;font-weight:700}.save-btn,.action-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 6px var(--accent-glow);border:none;padding:10px 20px;font-weight:700;transition:all .25s cubic-bezier(.2,.8,.2,1)}.save-btn:hover,.action-btn:hover{box-shadow:0 6px 12px var(--accent-glow);transform:translateY(-2px)}.action-btn.danger{background:var(--red);box-shadow:0 4px 6px #ef44443d}.settings-view{flex-direction:column;min-height:0;display:flex}.content{max-height:calc(100vh - 140px);padding:24px;overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.section{margin-bottom:32px}.section-title{color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:700;display:flex}.settings-group{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid #fff;overflow:hidden}.webdev-settings-form{display:block}.setting-row{border-bottom:1px solid var(--border-stroke);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex}.setting-row:last-child{border-bottom:none}.setting-info{flex-direction:column;gap:4px;min-width:0;display:flex}.setting-label{font-size:15px;font-weight:700}.setting-desc{color:var(--text-sub);font-size:13px;line-height:1.45}.settings-container select,.settings-container input[type=number],.settings-container input[type=text],.settings-container input[type=time],.settings-container input[type=color],.settings-container input:not([type]),.settings-container textarea{border-radius:var(--radius-sm);border:1px solid var(--border-stroke);background:#fff;outline:none;padding:8px 12px;font-size:14px;transition:all .25s cubic-bezier(.2,.8,.2,1)}.settings-container input[type=color]{width:46px;min-height:38px;padding:3px}.setting-control-inline{color:var(--text-sub);align-items:center;gap:8px;font-size:13px;display:flex}.setting-control-inline input{width:80px}.toggle-control{color:var(--text-main);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.toggle-control input[type=checkbox]{width:18px;height:18px}.google-sync-group{flex-direction:column;gap:12px;padding:12px;display:flex;overflow:visible}.google-sync-card,.settings-container .panel{border:1px solid var(--border-stroke);border-radius:var(--radius-md);background:#ffffffbd;padding:14px 16px}.google-sync-recovery-card{background:#eff6ffd1;border-color:#2563eb47}.google-sync-card-header,.panel-heading-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.google-sync-account-actions,.google-sync-status-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.google-sync-account{color:var(--text-main);font-size:13px;font-weight:700}.google-sync-status{color:#475569;background:#e2e8f0;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:700}.google-sync-status[data-status=connected]{color:#047857;background:#d1fae5}.google-sync-status[data-status=syncing],.google-sync-status[data-status=queued],.google-sync-status[data-status=retry],.google-sync-status[data-status=conflict]{color:#92400e;background:#fef3c7}.google-sync-status[data-status=failed],.google-sync-status[data-status=not_configured]{color:#991b1b;background:#fee2e2}.google-sync-state-line,.google-sync-meta-line{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.google-sync-meta-line span,.account-card span,.pending-task-row span,.sync-outcome-row span,.sync-conflict-row span{color:var(--text-sub);margin-top:3px;font-size:12px;display:block}.account-card{border-radius:var(--radius-sm);background:#f8fbff;border:1px solid #dce7f2;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.account-card img,.account-initial{border-radius:50%;width:44px;height:44px}.account-initial{background:var(--color-sidebar);color:#fff;place-items:center;font-weight:800;display:grid}.account-profile-form,.task-detail-form,.calendar-detail-form,.structure-detail-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.account-profile-form button,.task-detail-form .full-row,.calendar-detail-form .full-row,.task-detail-form button,.calendar-detail-form button{grid-column:1/-1}.google-sso-button{min-height:44px;margin:0}.sso-state{color:var(--text-sub);margin:8px 0;font-size:13px}.settings-container pre{color:#d8f2ff;background:#0d1624;border-radius:8px;max-height:240px;padding:12px;font-size:12px;overflow:auto}.link-setting-row{flex-direction:column;align-items:stretch;gap:12px}.inline-link-control{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;display:grid}.structure-settings-group{padding:12px;overflow:visible}.compact-form,.plan-form,.container-form{grid-template-columns:minmax(0,1fr) 46px 88px;gap:8px;margin:12px 0;display:grid}.plan-form{grid-template-columns:minmax(0,1fr) 46px 80px 90px}.container-form{grid-template-columns:minmax(0,1.2fr) 86px 86px 110px 110px}.structure-list{gap:6px;margin-top:10px;display:grid}.structure-list h3{color:var(--text-sub);margin:8px 0 2px;font-size:13px}.structure-row,.pending-task-row,.sync-outcome-row,.sync-conflict-row,.conflict-row{border:1px solid var(--border-stroke);border-radius:var(--radius-sm);background:#ffffffd1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.swatch{border:1px solid #cbd7e4;border-radius:4px;width:16px;height:16px}.structure-detail-panel{border-top:1px solid var(--border-stroke);margin-top:14px;padding-top:12px}.migration-conflicts,.pending-task-list,.sync-outcome-list,.sync-conflict-list{gap:8px;margin-top:12px;display:grid}.conflict-row{grid-template-columns:minmax(0,1fr);align-items:start}.conflict-row pre{margin:0}.source-boundary-note,.pending-detail-note{border-radius:8px;margin:0 0 12px;padding:9px 10px;font-size:13px;line-height:1.4}.source-boundary-note{color:#1c4f82;background:#ebf8ff;border:1px solid #bee3f8}.pending-detail-note{color:#7a4b00;background:#fff8e6;border:1px solid #f2c46d}.empty-detail,.empty-state{align-content:center;min-height:240px;display:grid}.done{color:var(--green)}@media (width<=1280px){.board-layout{grid-template-columns:minmax(260px,1fr) minmax(420px,1.5fr)}.planner-layout,.calendar-layout{grid-template-columns:220px minmax(0,1fr)}.planner-detail-rail,.calendar-detail-rail{grid-column:2;min-height:320px}.settings-layout{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (width<=920px){body{overflow:auto}.app-layout{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{flex-direction:row;justify-content:space-between;width:100%;min-width:0;min-height:64px;padding:10px 12px}.nav-menu,.sidebar-bottom{margin-top:0;display:flex}.board-layout,.planner-layout,.calendar-layout,.settings-workspace{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 64px);overflow:visible}.dashboard-projection-grid,.kanban-board,.settings-layout,.account-profile-form,.settings-form,.task-detail-form,.calendar-detail-form,.structure-detail-form,.quick-task-compose,.calendar-control-row{grid-template-columns:1fr}.sync-readiness-diagnostics,.sync-enable-simulation-diagnostics,.sync-replay-safety-diagnostics,.pending-task-queue,.sync-replay-diagnostics,.sync-conflict-diagnostics,.structure-panel{grid-column:auto}}