.stale-save{margin:0;padding:8px 12px;border:1px solid var(--warn);border-radius:var(--radius);background:var(--bg-surface);color:var(--warn);font-family:var(--font-sans);font-size:var(--font-size-body)}.company{padding:16px;color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-body)}.company h1,.company h2,.company h3{margin:0;font-weight:600}.company h1{font-size:var(--font-size-24)}.company h2{margin-top:16px;font-size:var(--font-size-16)}.company h3{font-size:var(--font-size-14)}.tiles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tiles article,.north-star,.company [data-product-row],.north-star-empty{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-surface)}.tiles p,.north-star p{margin:4px 0 0}.company button{margin-top:8px;margin-right:8px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--chip);color:var(--text);font:inherit}.company input,.company select,.company textarea{box-sizing:border-box;width:100%;margin-top:4px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit}.company label{display:block;margin-top:12px}.company-error{color:var(--danger)}.home{padding:16px;color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-body)}.home h1,.home h2,.home h3{margin:0;font-weight:600}.home h1{font-size:var(--font-size-24)}.home h2{margin-top:16px;font-size:var(--font-size-16)}.home h3{font-size:var(--font-size-14)}.home-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.home-bar p{margin:0;color:var(--text-muted)}.new-menu{margin-left:auto;position:relative}.home button{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--chip);color:var(--text);font:inherit}.home ul,.home p{margin:4px 0 0}.home [data-new-menu]{position:absolute;right:0;z-index:1;min-width:140px;margin:4px 0 0;padding:4px 0;list-style:none;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card)}.home [data-new-menu] li{padding:6px 10px}.tiles{display:flex;flex-wrap:wrap;gap:8px}.tiles article,.home [data-north-star],.home [data-checklist],.home [data-goals],.home [data-now],.home [data-needs-person],.home [data-recent]{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-surface)}.tiles article{min-width:140px}.home table{width:100%;margin-top:8px;border-collapse:collapse}.home th,.home td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left}.home [data-done=true]{color:var(--ok)}.home time{color:var(--text-muted)}.home-error{color:var(--danger)}.plan,.project-page{color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-body);padding:16px}.plan h1,.project-page h1{margin:0;font-size:var(--font-size-24);font-weight:600}.plan header,.plan nav,.phase-strip,.plan section,.project-page form{margin-top:16px}.plan nav,.phase-strip,.plan header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.plan a,.projects a,.project-page button,.plan button{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--chip);color:var(--text);font:inherit;text-decoration:none}.phase-strip{list-style:none;margin:16px 0 0;padding:0}.phase-strip li,.plan article,.plan section,.project-page li{background:var(--bg-panel);border-radius:var(--radius-card);padding:8px}[data-pill]{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--chip)}[data-health=Late]{color:var(--danger)}[data-health="At risk"]{color:var(--warn)}[data-health="On track"],[data-health=Done]{color:var(--ok)}.plan input,.project-page input{box-sizing:border-box;width:100%;margin-top:4px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font:inherit}.products,.drawer,.product-picker{color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-body)}.products{padding:16px}.products h1,.drawer h2{margin:0;font-weight:600}.products h1{font-size:var(--font-size-24)}.products-header,.chips,.product-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.products-header,.chips,.product-picker,.products table,.products-error{margin-top:16px}.products input,.products select,.products textarea,.drawer input,.drawer select,.drawer textarea{box-sizing:border-box;width:100%;margin-top:4px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font:inherit}.products button,.drawer button,.product-picker button{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--chip);color:var(--text);font:inherit}.products button[aria-pressed=true]{background:var(--accent-solid);color:var(--bg-app)}.products table{width:100%;border-collapse:collapse}.products th,.products td{padding:8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.products th{color:var(--text-muted);font-size:var(--font-size-12);font-weight:600}.products tr[data-stage] td{color:var(--text-muted);font-weight:600;background:var(--bg-raised)}.products a{color:var(--text)}.dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:var(--radius-pill)}.drawer{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-panel)}.drawer label,.drawer fieldset{display:block;margin-top:12px}.products-error{color:var(--danger)}.projects{color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-body);padding:16px}.projects h1{margin:0;font-size:var(--font-size-24);font-weight:600}.projects-header,.projects .product-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.projects button,.projects a,.status-menu button{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--chip);color:var(--text);font:inherit;text-decoration:none}.projects button[aria-pressed=true]{background:var(--accent-solid);color:var(--bg-app)}.board{display:flex;gap:12px;align-items:flex-start;margin-top:16px}.board [data-column],.list [data-column]{flex:1;min-width:140px;background:var(--bg-panel);border-radius:var(--radius-card);padding:8px}.list{margin-top:16px}.list [data-column]{margin-top:12px}.projects [data-hint],.projects h2,.projects h3{margin:0 0 8px;font-weight:600}.projects [data-hint]{color:var(--text-muted);font-size:var(--font-size-12);font-weight:400}.projects article{margin-top:8px;padding:8px;background:var(--bg-surface);border-radius:var(--radius-card)}.status-menu{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.status-menu input,.projects input{box-sizing:border-box;margin-top:4px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font:inherit}.tasks{color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-body);padding:16px}.tasks h1{margin:0;font-size:var(--font-size-24);font-weight:600}.tasks-header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.tasks button,.task-drawer button,.task-drawer a{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--chip);color:var(--text);font:inherit;text-decoration:none}.tasks button[aria-pressed=true]{background:var(--accent-solid);color:var(--bg-app)}.tasks .board,.tasks .list,.tasks .inbox{display:flex;gap:12px;align-items:flex-start;margin-top:16px}.tasks .inbox{flex-direction:column}.tasks [data-column]{flex:1;min-width:160px;background:var(--bg-surface);border-radius:var(--radius-card);padding:8px}.task-drawer{margin-top:16px;padding:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-panel)}.task-drawer label,.task-drawer fieldset{display:flex;flex-direction:column;gap:4px;margin-top:12px}.task-drawer input,.task-drawer select,.task-drawer textarea{padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font:inherit}.task-drawer [data-project-group]{margin-top:8px}.team{padding:16px;color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-body)}.team h1,.team h2,.team h3{margin:0;font-weight:600}.team h1{font-size:var(--font-size-24)}.team h2{font-size:var(--font-size-16)}.team h3{font-size:var(--font-size-14)}.team-filters,.add-member,.member-cards,.product-matrix{margin-top:16px}.team-filters{display:flex;flex-wrap:wrap;gap:8px}.team-filters button,.add-member button,.member-card button,.token-panel button,.product-matrix button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-hover);color:var(--text);font:inherit;font-size:var(--font-size-13);padding:6px 10px;cursor:pointer}.team-filters button[aria-pressed=true]{background:var(--accent-solid)}.add-member,.member-card,.product-matrix,.token-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px}.add-member{display:grid;gap:8px;max-width:360px}.add-member label,.edit-member label,.token-panel label{display:grid;gap:4px;color:var(--text-muted);font-size:var(--font-size-12)}.add-member input,.add-member select,.edit-member input,.token-panel input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit;padding:6px 8px}.member-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.member-card{display:grid;gap:8px;align-content:start}.member-card .member-role,.inactive-flag{margin:4px 0 0;color:var(--text-muted)}.member-card a{color:var(--accent)}.token-panel{display:grid;gap:8px;background:var(--bg-raised)}.token-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.token-once{margin:0;padding:8px;border-radius:var(--radius);background:var(--bg-app);color:var(--warn);font-family:var(--font-mono);font-size:var(--font-size-12);overflow-wrap:anywhere}.matrix-scroll{overflow-x:auto}.product-matrix table{border-collapse:collapse;width:100%}.product-matrix th,.product-matrix td{padding:8px;border-bottom:1px solid var(--border);text-align:left;font-size:var(--font-size-13)}.team-error{color:var(--danger)}:root{--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-sans-weights: 400, 500, 600, 700;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-mono-weights: 400, 500;--bg-app: #0d0f14;--bg-panel: #12141a;--bg-surface: #1b1e26;--bg-raised: #161920;--bg-hover: #2a2e38;--chip: #2a2e38;--border: #323744;--text: #e9ebf0;--text-muted: #a3a9b7;--text-faint: #8a90a0;--accent: #8ea6f5;--accent-solid: #6e8ef0;--warn: #e3a83a;--danger: #f07272;--ok: #4fc58a;--radius: 6px;--radius-card: 8px;--radius-panel: 10px;--radius-pill: 999px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-body: 13px;--font-size-14: 14px;--font-size-16: 16px;--font-size-24: 24px;--product-palette-1: #a888f2;--product-palette-2: #9aa3b2;--product-palette-3: #4cc4b4;--product-palette-4: #ec78ad}html,body,#app{height:100%;margin:0}body{background:var(--bg-app);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:400}.app-shell{display:flex;min-height:100%;background:var(--bg-app)}.sidebar{width:220px;height:100vh;position:sticky;top:0;box-sizing:border-box;flex:none;display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--bg-panel);border-right:1px solid var(--border)}.company-card{display:block;flex:none;padding:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text);font-size:var(--font-size-14);font-weight:600;text-decoration:none}.nav{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0;overflow:auto}.nav a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:var(--radius);color:var(--text-muted);font-size:var(--font-size-14);text-decoration:none}.nav-count{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--font-size-12)}.nav a.router-link-exact-active{background:var(--bg-hover);color:var(--text)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:2;padding:12px 16px;background:var(--bg-raised);border-bottom:1px solid var(--border)}.crumb{display:flex;gap:8px;margin:0;padding:0;list-style:none;color:var(--text);font-size:var(--font-size-13)}.content{flex:1}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--border);color:var(--text);font-size:var(--font-size-13)}.member-name,.member-role{margin:0}.member-name{font-weight:600}.member-role{margin-top:4px;color:var(--text-muted)}.sign-out{margin-top:8px;padding:0;border:0;background:transparent;color:var(--text-muted);font:inherit;cursor:pointer}.auth-page{min-height:100%;display:grid;place-items:center;background:var(--bg-app);color:var(--text);font-family:var(--font-sans)}.sign-in{display:inline-block;margin-top:12px;padding:8px 12px;background:var(--accent-solid);color:var(--text);border-radius:var(--radius);text-decoration:none}.nav-toggle{display:none;margin-right:8px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--chip);color:var(--text);font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:767px){html,body,#app,.app-shell{max-width:100%;overflow-x:hidden}.app-shell{display:block}.sidebar{display:none}.app-shell.nav-open .sidebar{display:flex;position:fixed;z-index:5;top:56px;left:0;height:calc(100% - 56px);max-width:100%}.app-shell.nav-open .nav-backdrop{display:block;position:fixed;z-index:4;top:56px;right:0;left:0;height:calc(100% - 56px);margin:0;padding:0;border:0;background:transparent;cursor:pointer}.app-shell.nav-open .topbar{z-index:6}.nav-toggle{display:inline-flex;align-items:center}.topbar{display:flex;align-items:center;gap:8px;box-sizing:border-box;height:56px}.main,.content,.home,.products,.projects,.tasks,.team,.company,.plan,.project-page,.auth-page{min-width:0;max-width:100%}.board,.tasks .board{min-width:0;max-width:100%;overflow-x:auto}.board [data-column],.tasks .board [data-column]{flex:0 0 220px}.list,.tasks .list,.tasks .inbox{flex-direction:column}.list [data-column],.tasks .list [data-column]{flex:none;min-width:0;width:100%}.tiles,.phase-strip{flex-direction:column}.tiles article{min-width:0;width:100%}.member-cards{grid-template-columns:1fr}.hscroll,.matrix-scroll{display:block;max-width:100%;overflow-x:auto}.drawer,.task-drawer,.add-member{max-width:100%;box-sizing:border-box}}