:root{--ink:#16201d;--muted:#65716d;--line:#dce3df;--surface:#fff;--canvas:#f3f6f4;--brand:#176b55;--brand-dark:#0e4f3e;--danger:#a43a31;--warn:#9a6415;--radius:14px}*{box-sizing:border-box}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #5cbca2;outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid var(--line);background:#fbfcfb;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:38px}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--brand);color:white;display:grid;place-items:center;font-weight:800}.brand small,.brand strong{display:block}.brand strong{font-size:.92rem}.brand small{color:var(--muted);font-size:.75rem;margin-top:2px}nav{display:grid;gap:6px}.nav-link{padding:11px 14px;border-radius:9px;color:#4d5a55;font-weight:650}.nav-link:hover{background:#edf2ef}.nav-link.active{background:#dfeee8;color:var(--brand-dark)}.local-note{margin-top:auto;color:var(--muted);font-size:.75rem;padding:12px;border:1px solid var(--line);border-radius:10px}.capture-button{margin-top:18px;border:0;border-radius:9px;padding:11px 14px;background:var(--brand);color:white;font-weight:800;cursor:pointer}.capture-button:disabled{opacity:.5;cursor:wait}.capture-notice{color:var(--brand-dark);font-size:.72rem;margin:8px 2px 0;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(11,25,20,.55)}.capture-dialog{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:white;border-radius:18px;padding:26px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.capture-input-step,.capture-preview{display:grid;gap:16px;margin-top:22px}.capture-input-step label,.capture-preview label{display:grid;gap:6px;font-size:.8rem;font-weight:750}.capture-input-step textarea,.capture-preview input,.capture-preview select{width:100%;border:1px solid #bfc9c5;border-radius:8px;padding:10px 11px;color:var(--ink);background:white}.capture-input-step textarea{resize:vertical}.capture-help,.capture-input-step>p{color:var(--muted);font-size:.8rem;margin:0}.interpretation-summary{display:flex;flex-wrap:wrap;gap:8px}.confidence,.intent-chip{display:inline-flex;border-radius:99px;padding:4px 9px;font-size:.7rem;font-weight:800}.confidence-high{background:#e0f2ea;color:#166046}.confidence-medium{background:#f7eedb;color:#795015}.confidence-low{background:#fce8e5;color:#94372f}.intent-chip{background:#e6edf8;color:#345a8a}.capture-preview blockquote{margin:0;padding:12px 14px;border-left:3px solid #a7b7b0;background:#f5f7f6;color:#56625e;font-size:.85rem}.capture-warnings{border:1px solid #ead7ad;background:#fff9ec;border-radius:9px;padding:10px 12px}.capture-warnings p{color:#795015;font-size:.78rem;margin:0}.capture-warnings p+p{margin-top:5px}.follow-up-check{grid-template-columns:auto 1fr;align-items:center;justify-content:start}.follow-up-check input{width:auto}.capture-inbox{display:grid;gap:9px}.capture-inbox article{background:white;border:1px solid var(--line);border-radius:10px;padding:14px}.capture-inbox span{color:var(--brand);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.capture-inbox p{margin:5px 0 0}.main-content{width:100%;max-width:1440px;padding:48px clamp(24px,4vw,64px) 72px;margin:auto}.page-stack{display:grid;gap:40px}.card-top,.form-actions,.form-heading,.page-header,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin-bottom:8px}h2{font-size:1.35rem;margin-bottom:0}h3{font-size:1.1rem;margin:14px 0 0}.eyebrow{margin-bottom:6px;color:var(--brand);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.subtitle{color:var(--muted);margin:0;max-width:55ch}.button{border:0;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer;display:inline-flex;justify-content:center}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:var(--brand-dark)}.button.secondary{background:#edf1ef;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.metrics span{display:block;color:var(--muted);font-size:.85rem}.metrics strong{display:block;font-size:2rem;margin-top:8px}.section-heading{align-items:end;margin-bottom:16px}.section-heading>span{color:var(--muted);font-size:.85rem}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 2px 12px rgba(15,45,35,.035)}.badges{display:flex;gap:7px;flex-wrap:wrap}.badge{display:inline-flex;border-radius:99px;padding:4px 8px;font-size:.7rem;font-weight:750;border:1px solid transparent}.status-active{background:#e0f2ea;color:#166046}.status-blocked{background:#fce8e5;color:#94372f}.status-on_hold{background:#f7eedb;color:#795015}.status-archived,.status-completed{background:#e9edeb;color:#59635f}.priority-high{border-color:#efc9c3;color:#92372f}.priority-medium{border-color:#ead7ad;color:#755113}.priority-low{border-color:#d7dedb;color:#52605b}.icon-button,.text-button{border:0;background:transparent;color:var(--brand);font-weight:750;cursor:pointer;padding:5px}.icon-button{font-size:1.6rem;line-height:1}.card-actions{display:flex;gap:6px;align-items:center}.example-label{color:var(--warn);font-size:.75rem;font-weight:750;margin:10px 0}.project-details{margin:18px 0 0;display:grid;gap:12px}.project-details div{border-top:1px solid #edf0ee;padding-top:10px}.project-details dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:750}.project-details dd{margin:3px 0 0}.project-details .blocker dd{color:var(--danger)}.empty-state,.state-panel{border:1px dashed #bdc9c4;border-radius:var(--radius);padding:28px;color:var(--muted)}.state-panel.error{color:var(--danger)}.attention-panel{border:1px solid #c9d9d2;border-radius:18px;padding:24px;background:#edf5f1}.attention-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.attention-summary span,.attention-summary strong{border-radius:99px;padding:7px 11px;background:white;border:1px solid var(--line);font-size:.78rem}.attention-summary strong{background:var(--brand);color:white;border-color:var(--brand)}.attention-list{display:grid;gap:8px}.attention-row{display:flex;justify-content:space-between;gap:18px;align-items:center;background:white;border:1px solid var(--line);border-radius:11px;padding:14px 16px}.attention-row strong a{color:var(--brand-dark)}.attention-row p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.attention-row .attention-kind{color:var(--warn);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em;margin:0 0 2px}.attention-actions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.project-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.project-layout:has(.form-panel){grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.form-panel{position:sticky;top:24px;align-self:start;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 14px 40px rgba(10,35,27,.1)}.project-form{display:grid;gap:16px}.project-form label{display:grid;gap:6px;font-size:.82rem;font-weight:750}.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid #bfc9c5;border-radius:8px;padding:10px 11px;color:var(--ink);background:white}.project-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px}.form-warning{color:var(--warn);font-size:.82rem;margin:0}.form-error{color:var(--danger);font-size:.82rem;margin:0}.today-date{color:var(--muted);font-weight:700;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:white}.quick-capture{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:10px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 4px 18px rgba(15,45,35,.05)}.quick-capture label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:750}.quick-capture input,.quick-capture select,.reschedule input{min-width:0;width:100%;border:1px solid #bfc9c5;border-radius:8px;padding:10px;color:var(--ink);background:white}.capture-title input{font-weight:650}.task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.task-group{background:#f9fbfa;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.bucket-code{color:var(--brand);font-size:.68rem;letter-spacing:.12em;font-weight:850;margin:0 0 3px}.task-list{display:grid;gap:10px}.task-item{display:grid;gap:13px;background:white;border:1px solid var(--line);border-radius:11px;padding:15px}.task-item h3{margin:5px 0 0;font-size:1rem}.task-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--muted);font-size:.7rem}.priority-dot{border:1px solid var(--line);border-radius:99px;padding:2px 6px;font-weight:750}.task-actions{display:flex;flex-wrap:wrap;gap:6px}.small-action{border:1px solid var(--line);border-radius:7px;background:#f6f8f7;color:#43504b;padding:7px 9px;font-size:.72rem;font-weight:750;cursor:pointer}.small-action:hover{border-color:#94a49d}.small-action.complete{color:var(--brand-dark);background:#e4f2ec}.small-action.waiting{color:#7c5217;background:#faf1df}.reschedule{display:grid;grid-template-columns:auto minmax(140px,1fr);align-items:center;gap:10px;color:var(--muted);font-size:.75rem}.empty-compact{margin:0;padding:10px 0}.breadcrumbs,.empty-compact{color:var(--muted);font-size:.82rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px}.breadcrumbs a{color:var(--brand);font-weight:750}.project-detail-header h1{margin-top:12px}.project-context{display:grid;grid-template-columns:2fr 1.25fr 1fr;gap:14px}.project-context article{display:grid;gap:8px;align-content:start;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.project-context span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:750}.project-context strong{font-size:1rem}.project-context .context-alert{border-color:#e7c4bd}.project-context .context-alert strong{color:var(--danger)}.project-task-form{display:grid;grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) minmax(130px,1fr) auto;gap:10px;align-items:end;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.project-task-form label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:750}.project-task-form input,.project-task-form select{min-width:0;width:100%;border:1px solid #bfc9c5;border-radius:8px;padding:10px;color:var(--ink);background:white}.project-task-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.project-task-section{background:#f9fbfa;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.project-task-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:white;border:1px solid var(--line);border-radius:10px;padding:14px}.project-task-row h3{margin:6px 0 0;font-size:.95rem}.detail-with-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:22px;align-items:start}.detail-with-panel .project-task-sections{grid-template-columns:1fr}.task-panel{top:24px}.task-edit-form h2{font-size:1.1rem}@media (max-width:1100px){.project-task-form,.quick-capture{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-title{grid-column:1/-1}.project-task-form .button,.quick-capture .button{align-self:stretch}.project-task-sections{grid-template-columns:1fr}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:20px}.brand{margin:0 auto 0 0}.sidebar nav{display:flex}.sidebar .capture-button{margin:0}.capture-notice,.local-note{display:none}.main-content{padding-top:30px}.detail-with-panel,.project-layout:has(.form-panel){grid-template-columns:1fr}.form-panel{position:static;grid-row:1}.project-context{grid-template-columns:1fr 1fr}.project-context article:first-child{grid-column:1/-1}}@media (max-width:620px){.sidebar{align-items:flex-start;flex-wrap:wrap}.sidebar nav{width:100%}.nav-link{flex:1 1;text-align:center;padding-inline:8px}.sidebar .capture-button{width:100%}.main-content{padding:26px 16px 50px}.page-header{display:grid}.page-header .button{width:100%}.metrics,.project-context,.project-task-form,.quick-capture,.task-board{grid-template-columns:1fr}.capture-title,.project-context article:first-child{grid-column:auto}.cards-grid,.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}.task-actions{display:grid;grid-template-columns:1fr 1fr}.reschedule{grid-template-columns:1fr}.project-task-row{display:grid}.project-task-row .text-button{justify-self:start}.modal-backdrop{padding:10px;place-items:end center}.capture-dialog{max-height:calc(100vh - 20px);border-radius:16px 16px 0 0;padding:20px}}.project-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}@media (max-width:620px){.project-detail-header{display:grid}.project-detail-header .button{width:100%}.attention-panel{padding:18px}.attention-row{display:grid}.attention-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.attention-actions .small-action{text-align:center}.attention-summary{display:grid}}.sync-control{margin-top:auto;display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.72rem}.sync-control button{border:0;background:transparent;padding:2px;text-align:left;color:var(--brand);font-weight:750;cursor:pointer}.sync-error span,.sync-offline span{color:var(--danger)}.auth-panel{max-width:520px;margin:10vh auto 0;padding:32px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px rgba(15,45,35,.08)}.auth-panel form{display:grid;gap:16px;margin-top:28px}.auth-panel label{display:grid;gap:6px;font-size:.82rem;font-weight:750}.auth-panel input{width:100%;border:1px solid #bfc9c5;border-radius:8px;padding:11px}.success-note{color:var(--brand-dark);margin:18px 0 0}.migration-dialog{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:white;border-radius:18px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.migration-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.migration-counts div{padding:14px;border:1px solid var(--line);border-radius:10px}.migration-counts dt{color:var(--muted);font-size:.75rem}.migration-counts dd{margin:3px 0 0;font-size:1.5rem;font-weight:800}@media (max-width:900px){.sync-control{margin:0;display:flex;flex-wrap:wrap}.sidebar .sync-control{width:100%}}@media (max-width:620px){.auth-panel{margin:0;padding:24px 20px}.migration-dialog{padding:22px 18px}.migration-counts{grid-template-columns:1fr}}