:root{--ink:#17202a;--muted:#6d7580;--line:#e7e9ec;--paper:#fff;--canvas:#f5f6f8;--navy:#202944;--indigo:#5568df}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{background:var(--canvas);grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{color:#dfe4f4;background:var(--navy);flex-direction:column;height:100vh;padding:25px 18px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:11px;padding:0 9px 24px;font-size:19px;font-weight:720;display:flex}.brand-mark{color:#fff;background:var(--indigo);border-radius:10px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 7px 20px #11182c80}.new-button{color:#fff;background:var(--indigo);border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:42px;margin:0 5px 22px;font-weight:650;display:flex;box-shadow:0 6px 16px #11162d5c}.nav-block,.project-tree{gap:4px;display:grid}.nav-item{color:#adb5cc;border-radius:10px;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;min-height:42px;padding:0 11px;font-size:14px;font-weight:540;text-decoration:none;display:grid}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff12}.nav-item.active{box-shadow:inset 3px 0 var(--indigo)}.nav-item b{color:#cbd1e1;text-align:center;background:#ffffff14;border-radius:12px;min-width:22px;padding:2px 6px;font-size:12px}.nav-heading{color:#78839d;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:28px 11px 10px;font-size:12px;font-weight:700;display:flex}.project-row{color:#c2c8d9;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:16px 9px 1fr auto;align-items:center;gap:7px;width:100%;min-height:39px;padding:0 10px;font-size:14px;display:grid}.project-row:hover{color:#fff;background:#ffffff0d}.project-row small{color:#7f89a1}.project-dot,.mini-dot{border-radius:50%;width:7px;height:7px}.tree-children{border-left:1px solid #ffffff1c;gap:2px;margin:2px 0 7px 34px;padding-left:13px;display:grid}.tree-children a{color:#8f99af;align-items:center;gap:8px;padding:7px;font-size:13px;text-decoration:none;display:flex}.tree-children a:hover{color:#fff}.sidebar-footer{border-top:1px solid #ffffff12;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:14px 8px 2px;display:grid}.avatar{color:#18213d;background:#dce2ff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{color:#fff;font-size:13px}.sidebar-footer small{color:#7f89a2;margin-top:2px;font-size:11px}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;align-items:center;gap:15px;height:70px;padding:0 clamp(24px,5vw,72px);display:flex}.search{color:#9097a0;align-items:center;gap:9px;width:min(430px,48vw);padding:0 13px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.icon-button,.mobile-brand{border:1px solid var(--line);color:#565e6a;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;margin-left:auto;display:grid;position:relative}.icon-button span{background:#eb5b5b;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.date-label{color:#727a86;font-size:13px}.mobile-brand{color:#fff;background:var(--indigo);margin:0;display:none}.content{width:min(100%,1080px);margin:0 auto;padding:48px clamp(24px,5vw,68px) 70px}.page-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.eyebrow{color:var(--indigo);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:750}h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,45px);line-height:1.05}.subdued{color:var(--muted);margin:10px 0 0;font-size:14px}.outline-button{border:1px solid var(--line);color:#505866;background:#fff;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:13px;font-weight:630;display:flex}.capture-card{background:#fff;border:1px solid #dde0e5;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;height:58px;margin-top:30px;padding:0 9px 0 15px;display:grid;box-shadow:0 8px 30px #1d27400a}.capture-plus{color:var(--indigo);place-items:center;display:grid}.capture-card input{background:0 0;border:0;outline:0;min-width:0;font-size:14px}.capture-hint{color:#a1a7b0;font-size:11px}.capture-card button{color:#fff;background:var(--navy);border:0;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.summary-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px;display:grid}.summary-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;grid-template-columns:1fr auto;gap:5px;min-height:116px;padding:18px 19px;display:grid}.summary-card span{color:#606875;align-items:center;gap:8px;font-size:13px;font-weight:640;display:flex}.summary-card strong{letter-spacing:-.04em;grid-row:span 2;align-self:center;font-size:32px}.summary-card small{color:#969ca5;font-size:12px}.summary-card.danger{border-top:3px solid #e05b61}.summary-card.danger svg{color:#d95058}.summary-card.amber{border-top:3px solid #e7a43d}.summary-card.amber svg{color:#cf8519}.summary-card.blue{border-top:3px solid #6678e4}.summary-card.blue svg{color:#5368da}.task-section,.project-peek{margin-top:34px}.section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title h2{letter-spacing:-.015em;margin:0;font-size:17px}.section-title span{color:#8a919b;align-items:center;gap:5px;font-size:12px;display:flex}.task-list{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.task-row{border-bottom:1px solid #eef0f2;grid-template-columns:28px minmax(0,1fr) auto 31px;align-items:center;gap:10px;min-height:69px;padding:10px 13px 10px 17px;transition:background .15s;display:grid}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fafbfc}.check-button,.row-menu{color:#a7adb5;background:0 0;border:0;place-items:center;display:grid}.check-button:hover{color:var(--indigo)}.task-row.is-done{opacity:.55}.task-row.is-done .check-button{color:#fff;background:#45a58a;border-radius:50%;width:20px;height:20px}.task-row.is-done h3{text-decoration:line-through}.task-copy{min-width:0}.task-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:640;overflow:hidden}.task-copy p{color:#8d949e;align-items:center;gap:7px;margin:6px 0 0;font-size:12px;display:flex}.task-copy .mini-dot{background:#6476e0}.due-pill{white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:650}.due-pill.overdue{color:#b53c44;background:#fff0f0}.due-pill.today{color:#a4660d;background:#fff5df}.due-pill.soon{color:#4c5fc9;background:#eef1ff}.due-pill.waiting{color:#167b6b;background:#e9f8f4}.pin-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pin-grid article{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;min-height:78px;padding:13px 15px;display:grid}.pin-grid h3{margin:0;font-size:14px}.pin-grid p{color:#8c939d;margin:5px 0 0;font-size:12px}.pin-grid>article>svg{color:#a4aab2}.pin-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.pin-icon.violet{color:#5266d5;background:#eef0ff}.pin-icon.teal{color:#147c6c;background:#e7f7f3}.updates-panel{margin-top:34px}.update-composer{border:1px solid var(--line);background:#fff;border-radius:14px 14px 0 0;grid-template-columns:36px 1fr 38px;align-items:center;gap:10px;min-height:60px;padding:9px 10px 9px 14px;display:grid}.avatar.light{color:#35406c;background:#e7eafd}.update-composer input{background:0 0;border:0;outline:0;min-width:0;font-size:14px}.update-composer button{color:#fff;background:var(--indigo);border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.update-list{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 14px 14px}.update-row{border-bottom:1px solid #eef0f2;grid-template-columns:36px minmax(0,1fr) 28px;gap:11px;padding:17px 14px;display:grid}.update-row:last-child{border-bottom:0}.update-row p{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.update-row p span{color:#9aa0a9;font-size:11px}.context-chip{color:#5669d4;margin-top:6px;font-size:11px;font-weight:650;display:inline-block}.update-row blockquote{color:#555e6a;margin:7px 0 0;font-size:13px;line-height:1.55}@media (max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-brand{display:grid}.search{width:1fr}.topbar{padding:0 16px}.date-label{display:none}.content{padding:30px 16px 55px}.summary-grid{grid-template-columns:1fr}.summary-card{min-height:86px}.capture-hint,.outline-button{display:none}.task-row{grid-template-columns:27px minmax(0,1fr) 28px}.due-pill{grid-column:2;justify-self:start;margin-top:-4px}.row-menu{grid-area:1/3/span 2}.pin-grid{grid-template-columns:1fr}.update-row{padding-left:11px}}.auth-page{background:radial-gradient(circle at 20% 10%,#eef0ff 0,#0000 35%),#f7f8fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(100%,440px);padding:44px;box-shadow:0 24px 70px #191f371a}.auth-card .brand-mark{width:44px;height:44px;margin-bottom:28px;display:grid}.auth-card h1{letter-spacing:-.04em;margin:7px 0 14px;font-size:34px;line-height:1.12}.auth-card>p:not(.eyebrow){color:var(--muted);margin-bottom:28px;line-height:1.65}.auth-card form{margin:0}.auth-card small{color:var(--muted);margin-top:18px;display:block}.google-button{color:#252a38;cursor:pointer;background:#fff;border:1px solid #cfd3df;border-radius:10px;width:100%;padding:13px 18px;font-weight:700;box-shadow:0 2px 4px #191f370d}.admin-page{background:var(--canvas);min-height:100vh;padding:56px max(24px,50vw - 500px)}.admin-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.admin-heading h1{letter-spacing:-.04em;margin:5px 0;font-size:36px}.admin-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.member-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(240px,1fr) auto minmax(180px,auto);align-items:center;gap:20px;padding:18px 22px;display:grid}.member-row:last-child{border:0}.member-identity{align-items:center;gap:12px;display:flex}.member-identity img{border-radius:50%;width:36px;height:36px}.member-identity>span{flex-direction:column;gap:3px;display:flex}.member-identity small{color:var(--muted)}.access-pill{text-transform:uppercase;letter-spacing:.06em;color:#666;background:#f1f2f5;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.access-pill.approved{color:#08745e;background:#e6f7f1}.access-pill.pending{color:#96620a;background:#fff4da}.access-pill.revoked,.access-pill.rejected{color:#b23a3a;background:#feecec}.member-actions{justify-content:flex-end;gap:8px;display:flex}.member-actions button{color:#fff;cursor:pointer;background:#3346c8;border:0;border-radius:8px;padding:8px 12px;font-weight:700}.member-actions .quiet-danger{color:#b23a3a;background:#fff0f0}@media (max-width:680px){.admin-heading{flex-direction:column;align-items:flex-start}.member-row{grid-template-columns:1fr auto}.member-actions{grid-column:1/-1;justify-content:flex-start}}