:root{color:#1d252f;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}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-shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{color:#f7fbff;background:#112033;flex-direction:column;gap:20px;padding:20px 14px;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{color:#0d2216;background:#68d391;border-radius:7px;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.nav-list{gap:6px;display:grid}.nav-list button{color:#cbd7e4;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;height:40px;padding:0 10px;display:flex}.nav-list button.active,.nav-list button:hover{color:#fff;background:#20324a}.cloud-state{color:#d7e4f0;background:#1c2d43;border-radius:7px;align-items:center;gap:8px;min-height:44px;margin-top:auto;padding:10px;font-size:12px;line-height:1.35;display:flex}.cloud-state.error,.cloud-state.blocked,.cloud-state.offline{color:#ffd9df;background:#47222b}.cloud-state.preview{color:#d9edff;background:#1c3b54}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar h1{margin:0;font-size:28px}.topbar p,.panel p{color:#657386;margin:4px 0 0}.icon-button{color:#1d2b3c;background:#fff;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.notice{border-radius:7px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;display:flex}.notice.warning{color:#644400;background:#fff5d8}.notice.info{color:#1c4f82;background:#e7f1ff}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric,.panel{background:#fff;border:1px solid #dce5ee;border-radius:8px;padding:16px}.metric{min-height:104px}.metric span{color:#657386;font-size:13px;display:block}.metric strong{margin-top:10px;font-size:30px;display:block}.metric.wide{grid-column:span 2}.panel h2{margin:0 0 12px;font-size:18px}.task-list{grid-column:1/-1}.task-row{border-top:1px solid #edf2f7;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;display:grid}.task-row:first-of-type{border-top:0}.task-row strong,.task-row span{display:block}.task-row span{color:#657386;margin-top:2px;font-size:13px}.task-row p{color:#425267;margin:6px 0 0;font-size:13px}.task-row .done{color:#2f855a}.task-row.completed strong{color:#657386;text-decoration:line-through}.task-row.pending-sync{background:#fff8e6}.task-pending-banner{background:#fff8e6;border:1px solid #f2c46d;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.task-pending-banner strong,.task-pending-banner span{display:block}.task-pending-banner span{color:#7a4b00;margin-top:3px;font-size:12px}.pending-sync-badge{color:#7a4b00;background:#ffe8a3;border-radius:999px;width:fit-content;margin-top:6px;padding:2px 7px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.task-actions{gap:6px;display:flex}.task-actions button{color:#1d2b3c;background:#edf4fb;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.pending-detail-note{color:#7a4b00;background:#fff8e6;border:1px solid #f2c46d;border-radius:7px;margin:0 0 12px;padding:9px 10px;font-size:13px}.task-form{grid-template-columns:1fr 86px;gap:8px;margin-bottom:14px;display:grid}.task-form input{border:1px solid #cbd7e4;border-radius:7px;height:40px;padding:0 12px}.task-form button,.settings-layout button{color:#fff;background:#2364aa;border-radius:7px;min-height:40px;padding:0 14px}.tasks-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.task-editor,.task-browser{min-width:0}.task-form.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:0}.task-form label,.task-toolbar{min-width:0}.task-form label span{color:#657386;margin-bottom:5px;font-size:12px;display:block}.task-form input,.task-form select,.task-form textarea,.task-toolbar input,.task-toolbar select{color:#1d252f;background:#fff;border:1px solid #cbd7e4;border-radius:7px;width:100%;min-height:40px;padding:0 12px}.task-form textarea{resize:vertical;min-height:86px;padding-top:10px}.task-form .full-row,.task-form button{grid-column:1/-1}.task-toolbar{grid-template-columns:minmax(0,1fr) 150px 96px;gap:8px;margin-bottom:14px;display:grid}.task-toolbar button{color:#fff;background:#20324a;border-radius:7px;min-height:40px}.calendar-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.calendar-editor,.calendar-browser{min-width:0}.calendar-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.calendar-form label span{color:#657386;margin-bottom:5px;font-size:12px;display:block}.calendar-form input,.calendar-form select{color:#1d252f;background:#fff;border:1px solid #cbd7e4;border-radius:7px;width:100%;min-height:40px;padding:0 12px}.calendar-form button{color:#fff;background:#2364aa;border-radius:7px;grid-column:1/-1;min-height:40px;padding:0 14px}.calendar-list h2{margin:0 0 12px;font-size:18px}.event-row{border-top:1px solid #edf2f7;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;display:grid}.event-row:first-of-type{border-top:0}.event-row strong,.event-row span{display:block}.event-row span{color:#657386;margin-top:2px;font-size:13px}.event-main{cursor:pointer;min-width:0}.event-main:focus{outline-offset:2px;outline:2px solid #2364aa}.event-actions{gap:6px;display:flex}.event-row button{color:#1d2b3c;background:#edf4fb;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.settings-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-layout pre{color:#d8f2ff;background:#0d1624;border-radius:7px;max-height:220px;padding:12px;overflow:auto}.sync-readiness-diagnostics,.sync-enable-simulation-diagnostics,.sync-replay-safety-diagnostics,.pending-task-queue,.sync-replay-diagnostics,.sync-conflict-diagnostics{grid-column:span 2}.readiness-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.readiness-grid span{color:#657386;background:#f8fbfe;border:1px solid #d8e3ee;border-radius:7px;gap:4px;padding:10px;font-size:12px;display:grid}.readiness-grid strong{color:#1d252f;font-size:18px}.sync-outcome-list,.sync-conflict-list{gap:8px;margin-top:12px;display:grid}.sync-outcome-row,.sync-conflict-row{border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:center;gap:10px;padding:10px 0;display:grid}.sync-conflict-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pending-task-list{gap:8px;margin-top:12px;display:grid}.pending-task-row{border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) minmax(210px,auto);align-items:center;gap:10px;padding:10px 0;display:grid}.pending-task-row:first-child{border-top:0}.pending-task-row span{color:#657386;margin-top:3px;font-size:12px;display:block}.pending-task-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.sync-outcome-row:first-child,.sync-conflict-row:first-child{border-top:0}.sync-outcome-row strong,.sync-outcome-row span,.sync-conflict-row strong,.sync-conflict-row span{display:block}.sync-outcome-row span,.sync-conflict-row span{color:#657386;margin-top:3px;font-size:12px}.sync-outcome-detail,.sync-conflict-detail{margin-top:12px}.empty-state{text-align:center;align-content:center;justify-items:center;min-height:300px;display:grid}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.dashboard-grid,.settings-layout,.tasks-layout,.calendar-layout,.task-toolbar{grid-template-columns:1fr}.metric.wide,.sync-readiness-diagnostics,.sync-enable-simulation-diagnostics,.sync-replay-diagnostics,.sync-conflict-diagnostics{grid-column:auto}.readiness-grid{grid-template-columns:1fr}}.compact-form{grid-template-columns:minmax(0,1fr) 46px 108px;gap:8px;margin:12px 0;display:grid}.compact-form input,.compact-form select{color:#1d252f;background:#fff;border:1px solid #cbd7e4;border-radius:7px;width:100%;min-height:38px;padding:0 10px}.compact-form input[type=color]{padding:4px}.compact-form button{color:#fff;background:#2364aa;border-radius:7px;min-height:38px;padding:0 12px}.container-form{grid-template-columns:minmax(0,1.2fr) 86px 86px 104px 120px}.structure-panel{grid-column:span 2}.structure-list{gap:6px;margin-top:10px;display:grid}.structure-list h3{color:#657386;margin:6px 0 2px;font-size:13px;font-weight:700}.structure-row{border-top:1px solid #edf2f7;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:6px 0;display:grid}.structure-row:first-of-type{border-top:0}.structure-row strong,.structure-row span{display:block}.structure-row span:not(.swatch){color:#657386;margin-top:2px;font-size:12px}.swatch{border:1px solid #cbd7e4;border-radius:4px;width:16px;height:16px}.structure-actions{gap:6px;display:flex}.structure-row button{color:#1d2b3c;background:#edf4fb;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.structure-detail-panel{border-top:1px solid #edf2f7;margin-top:14px;padding-top:12px}.structure-detail-panel.empty-detail{background:#f8fbff;border:1px solid #d8e3ef;border-radius:7px;padding:12px}.structure-detail-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.structure-detail-form label span{color:#657386;margin-bottom:5px;font-size:12px;display:block}.structure-detail-form input,.structure-detail-form select{color:#1d252f;background:#fff;border:1px solid #cbd7e4;border-radius:7px;width:100%;min-height:38px;padding:0 10px}.structure-detail-form input[type=color]{padding:4px}.structure-detail-form .check-row{align-items:center;gap:8px;display:flex}.structure-detail-form .check-row input{width:16px;min-height:16px}.structure-detail-form .check-row span{color:#1d252f;margin:0;font-size:14px}.structure-detail-form button{grid-column:1/-1}@media (width<=920px){.compact-form,.container-form,.structure-detail-form{grid-template-columns:1fr}.structure-panel{grid-column:auto}}.settings-form{gap:10px;display:grid}.settings-form label span{color:#657386;margin-bottom:5px;font-size:12px;display:block}.settings-form input,.settings-form select{color:#1d252f;background:#fff;border:1px solid #cbd7e4;border-radius:7px;width:100%;min-height:40px;padding:0 12px}.settings-form .check-row{align-items:center;gap:8px;display:flex}.settings-form .check-row input{width:16px;min-height:16px}.settings-form .check-row span{color:#1d252f;margin:0;font-size:14px}.settings-form button{color:#fff;background:#2364aa;border-radius:7px;min-height:40px;padding:0 14px}.plan-form{grid-template-columns:minmax(0,1fr) 46px 64px 108px}.account-panel{gap:12px;display:grid}.account-card{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.account-card img,.account-initial{border-radius:50%;width:42px;height:42px}.account-card img{object-fit:cover}.account-initial{color:#fff;background:#2364aa;place-items:center;font-weight:700;display:grid}.account-card strong,.account-card span{display:block}.account-card span{color:#657386;margin-top:2px;font-size:12px}.account-card button{grid-column:1/-1}.google-sso-button{min-height:44px}.sso-state{margin-top:0;font-size:12px}.sso-state.error,.sso-state.not_configured{color:#9b1c31}.sso-state.connected,.sso-state.ready{color:#1f7a4d}.task-main{cursor:pointer;min-width:0}.task-main:focus{outline-offset:2px;outline:2px solid #2364aa}.panel-heading-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-heading-row h2,.panel-heading-row h3{margin:0}.task-detail-panel{margin-top:14px}.task-detail-panel.empty-detail,.calendar-event-detail.empty-detail{background:#f8fbff}.source-boundary-note{color:#744210;background:#fffaf0;border:1px solid #f6ad55;border-radius:7px;margin:10px 0 0;padding:8px 10px;font-size:13px}.cloud-session-status{background:#f8fbff;border:1px solid #d8e3ef;border-radius:7px;gap:6px;margin-top:12px;padding:10px;display:grid}.cloud-session-status span{color:#425267;font-size:13px}.cloud-session-status button{justify-self:start;min-height:32px}.account-profile-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;display:grid}.account-profile-form label span{color:#657386;margin-bottom:5px;font-size:12px;display:block}.account-profile-form input{color:#1d252f;background:#fff;border:1px solid #cbd7e4;border-radius:7px;width:100%;min-height:38px;padding:0 10px}.calendar-event-detail{margin-top:14px}.task-detail-form,.calendar-detail-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.task-detail-form label span,.calendar-detail-form label span,.date-picker-row span{color:#657386;margin-bottom:5px;font-size:12px;display:block}.task-detail-form input,.task-detail-form select,.task-detail-form textarea,.calendar-detail-form input,.calendar-detail-form select,.date-picker-row input{color:#1d252f;background:#fff;border:1px solid #cbd7e4;border-radius:7px;width:100%;min-height:38px;padding:0 10px}.task-detail-form textarea{resize:vertical;min-height:80px;padding-top:9px}.task-detail-form .full-row,.task-detail-form button,.calendar-detail-form .full-row,.calendar-detail-form button{grid-column:1/-1}.reminder-state.due{background:#fffaf0;border-color:#f6ad55}.reminder-state.disabled{background:#f7fafc}.reminder-state p{color:#425267;margin:8px 0 0;font-size:13px}.reminder-session-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.reminder-session-actions button{color:#1d252f;background:#fff;border:1px solid #cbd7e4;border-radius:7px;min-height:32px;padding:0 10px}.calendar-projection{grid-column:span 2}.calendar-projection.compact{min-height:160px}.projection-counts{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.projection-counts span{color:#425267;background:#edf4fb;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;display:inline-flex}.projection-list{gap:6px;display:grid}.projection-row{border-top:1px solid #edf2f7;grid-template-columns:54px minmax(0,1fr) 72px auto;align-items:center;gap:8px;min-height:34px;padding-top:6px;display:grid}.projection-row:first-child{border-top:0;padding-top:0}.projection-row span,.projection-row em{color:#657386;font-size:12px;font-style:normal}.date-picker-row{margin-bottom:12px;display:block}.migration-conflicts{border-top:1px solid #edf2f7;gap:10px;margin-top:14px;padding-top:12px;display:grid}.conflict-row{border:1px solid #dce5ee;border-radius:8px;gap:8px;padding:10px;display:grid}.conflict-row span{color:#657386;margin-top:2px;font-size:12px;display:block}.conflict-row pre{max-height:180px;margin:0}.conflict-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=920px){.task-detail-form,.calendar-detail-form,.projection-row{grid-template-columns:1fr}.calendar-projection{grid-column:auto}}