:root{--bg: #f7f6f4;--surface: #ffffff;--surface-2: #f2f0ed;--surface-3: #ebe8e4;--border: #e6e2dc;--border-strong: #d4cfc7;--text: #232120;--text-muted: #6b6560;--text-faint: #726c63;--accent: #2c5545;--accent-hover: #224437;--accent-soft: #e7efe9;--accent-contrast: #ffffff;--ok: #3a6b4f;--ok-soft: #e8f0ea;--warn: #8f6a2a;--warn-soft: #f7efdf;--danger: #a34b3d;--danger-soft: #f6e9e6;--radius: 8px;--radius-sm: 6px;--radius-pill: 999px;--shadow: 0 1px 2px rgba(35, 33, 32, .05);--shadow-lg: 0 8px 24px rgba(35, 33, 32, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--gap: 12px;--sidebar-w: 236px;--topbar-h: 52px;--font-sans: ui-sans-serif, -apple-system, "Segoe UI", Inter, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-1)}h2{font-size:15px;font-weight:600;margin:0 0 var(--space-2)}h3{font-size:14px;font-weight:600;margin:0 0 var(--space-1)}.eyebrow,.sidebar .nav-label,.palette-group,.stat-label,.stat .label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--bg);border-right:1px solid var(--border);padding:var(--space-3) var(--space-2);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text);padding:var(--space-1) var(--space-2) var(--space-4)}.sidebar .brand:hover{text-decoration:none}.sidebar .nav-section{margin-bottom:var(--space-4)}.sidebar .nav-label{padding:0 var(--space-2) var(--space-1)}.sidebar .nav-item{display:block;padding:5px var(--space-2);border-radius:var(--radius-pill);font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s ease,color .12s ease}.sidebar .nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.sidebar .nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar .nav-item.with-count{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.sidebar .nav-count{font-size:11px;font-weight:600;padding:0 6px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-6);background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar .topbar-left,.topbar .topbar-right{display:flex;align-items:center;gap:var(--space-2);min-width:0}.topbar-search{display:inline-flex;align-items:center;gap:var(--space-2);height:30px;width:260px;max-width:100%;padding:0 var(--space-2) 0 var(--space-3);font-family:inherit;font-size:13px;color:var(--text-faint);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.topbar-search:hover{border-color:var(--border-strong);color:var(--text-muted);text-decoration:none}.topbar-search .topbar-search-icon{flex:none}.topbar-search .topbar-search-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .user-name{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .user-role{font-size:11px;padding:1px 8px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);text-transform:capitalize}.topbar-sep{width:1px;height:20px;background:var(--border);flex:none}.content{padding:var(--space-6) var(--space-6) var(--space-8);max-width:1400px;width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.page-header .page-sub{color:var(--text-muted);font-size:13px}.page-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 12px;font-size:13px;font-weight:500;font-family:inherit;line-height:1;color:var(--text);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:transparent;border-color:var(--border-strong);color:var(--danger)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{height:24px;padding:0 8px;font-size:12px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-family:inherit;font-size:13px;line-height:1;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn-icon:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.btn-icon.btn-danger:hover{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.btn-icon:disabled{opacity:.4;cursor:default}.btn-icon.btn-sm{width:24px;height:24px;font-size:12px}.btn-link{border:none;background:none;color:var(--accent);padding:0;cursor:pointer;font-size:13px;font-family:inherit}.btn-link:hover{text-decoration:underline}.segmented{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented>a,.segmented>button{display:inline-flex;align-items:center;gap:6px;flex:none;height:26px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s ease,color .12s ease}.segmented>a:hover,.segmented>button:hover{color:var(--text);text-decoration:none}.segmented>.active,.segmented>[aria-current=page],.segmented>[aria-selected=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.input,.select,.textarea{font-family:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:5px 8px;width:100%;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:70px;line-height:1.5}.select{width:auto}.input-quiet{background:transparent;border-color:transparent}.input-quiet:hover{background:var(--surface);border-color:var(--border)}.input-quiet:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{margin-bottom:var(--space-3)}.field>label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-1)}.field-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.field-row .field{flex:1;min-width:160px}.checkbox-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--surface)}.checkbox-list label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:var(--space-3)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.table td{height:38px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--surface-2)}.table th{height:34px;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--surface);position:sticky;top:0;z-index:1}.table th a{color:inherit}.table th a:hover{color:var(--accent)}.table th .sort-arrow{font-size:10px}.row-actions{display:inline-flex;align-items:center;gap:2px;opacity:0;pointer-events:none;transition:opacity .12s ease}tr:hover .row-actions,tr:focus-within .row-actions,.row:hover .row-actions,.row:focus-within .row-actions,.stage-row:hover .row-actions,.stage-row:focus-within .row-actions,.member-row:hover .row-actions,.member-row:focus-within .row-actions,.link-row:hover .row-actions,.link-row:focus-within .row-actions,.milestone-row:hover .row-actions,.milestone-row:focus-within .row-actions,.note-row:hover .row-actions,.note-row:focus-within .row-actions,.row-actions:focus-within,.row-actions.show{opacity:1;pointer-events:auto}.stats{display:flex;flex-wrap:wrap;gap:var(--space-8)}.stat{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-value,.stat .value{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}.stat-sub{font-size:12px;color:var(--text-muted)}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);white-space:nowrap}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.tag-chip{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:600;padding:1px 8px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;border:1px solid transparent}.tag-chip a{color:inherit;text-decoration:none}.tag-chip a:hover{text-decoration:underline}.tag-chip[data-color=pine]{background:var(--accent-soft);color:var(--accent)}.tag-chip[data-color=clay]{background:var(--danger-soft);color:var(--danger)}.tag-chip[data-color=sand]{background:var(--warn-soft);color:var(--warn)}.tag-chip[data-color=sky]{background:#e6edf3;color:#3c5a72}.tag-chip[data-color=plum]{background:#efe8f0;color:#6a4a70}.tag-chip[data-color=slate]{background:var(--surface-3);color:var(--text-muted)}.tag-remove{border:0;background:none;color:inherit;cursor:pointer;opacity:0;padding:0 2px;font-size:12px;line-height:1;transition:opacity .12s ease}.tag-chip:hover .tag-remove,.tag-chip:focus-within .tag-remove{opacity:.7}.flag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--warn);white-space:nowrap}.flag-scope{color:var(--danger)}.flag-guest{color:var(--text-faint);font-weight:500}.assignee-chips{display:flex;gap:var(--space-1);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);white-space:nowrap}.chip.done{background:var(--ok-soft);color:var(--ok);text-decoration:line-through}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--border-strong);flex:none}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-danger{background:var(--danger)}.avatars{display:inline-flex;align-items:center}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:50%;font-size:10px;font-weight:600;background:var(--surface-3);color:var(--text-muted);box-shadow:0 0 0 2px var(--surface);user-select:none;--avatar-overlap: -6px}.avatar+.avatar{margin-left:var(--avatar-overlap)}.avatar.done{background:var(--ok-soft);color:var(--ok);box-shadow:0 0 0 2px var(--ok)}.avatar-more{background:var(--surface);color:var(--text-faint);border:1px solid var(--border)}.avatar-empty{background:var(--surface);color:var(--text-faint);border:1px dashed var(--border-strong)}.assign-pop{display:inline-block}.assign-pop>summary{display:inline-flex;align-items:center;list-style:none;cursor:pointer}.assign-pop>summary::-webkit-details-marker{display:none}.assign-menu{position:fixed;z-index:90;min-width:200px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.due{white-space:nowrap;font-variant-numeric:tabular-nums}.due.overdue{color:var(--danger);font-weight:600}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono);font-size:12px}.nowrap{white-space:nowrap}dialog{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-6);min-width:380px;max-width:560px;color:var(--text);background:var(--surface)}dialog::backdrop{background:#23212047}.kbd{display:inline-block;font-family:var(--font-mono);font-size:11px;line-height:1.4;padding:0 5px;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap}.palette{width:min(620px,92vw);max-width:none;padding:var(--space-2);margin-top:12vh;margin-bottom:auto}.palette-input{font-size:15px;padding:var(--space-2) var(--space-3)}.palette-results{max-height:50vh;overflow-y:auto;margin-top:var(--space-2)}.palette-group{padding:var(--space-2) var(--space-2) var(--space-1)}.palette-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--text)}.palette-item:hover,.palette-item.active{background:var(--accent-soft);color:var(--accent);text-decoration:none}.palette-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item-meta{font-size:12px;color:var(--text-faint);flex-shrink:0}.palette-hint{padding:var(--space-2);font-size:12px;color:var(--text-faint)}.shortcut-rows{display:flex;flex-direction:column}.shortcut-row{display:flex;align-items:center;gap:var(--space-2);padding:3px 0;font-size:13px}.shortcut-keys{display:flex;gap:var(--space-1);width:96px;flex-shrink:0}.help-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}#toast-host{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:100;display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--text);color:var(--surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:13px;max-width:360px}.toast.error{background:var(--danger);color:#fff}.save-pill{position:fixed;top:calc(var(--topbar-h) + 12px);right:var(--space-6);z-index:80;padding:3px 10px;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow);pointer-events:none;opacity:0;transition:opacity .12s ease}.save-pill.show{opacity:1}.input.title-input{width:100%;font-size:13px;padding:2px 6px}.bulkbar{position:sticky;bottom:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-2) var(--space-3);display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-top:var(--space-3)}.addrow .input,.addrow .select{width:100%;font-size:12px;padding:2px 4px}.addrow .add-title{font-size:13px;background:transparent;border-color:transparent}.addrow .add-title:hover{background:var(--surface);border-color:var(--border)}.addrow .add-title:focus{background:var(--surface);border-color:var(--accent)}.addrow .add-plus{color:var(--text-faint);user-select:none}.addrow .btn{width:100%;justify-content:center}.empty{padding:var(--space-8) var(--space-6);text-align:center;color:var(--text-faint)}.empty p{margin:0 0 var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.inbox-row{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);cursor:default}.inbox-row:last-child{border-bottom:none}.inbox-row:hover{background:var(--surface-2)}.inbox-row.unread{background:var(--accent-soft);cursor:pointer}.inbox-row.unread:hover{background:var(--accent-soft)}.inbox-row.unread .inbox-text{font-weight:600}.inbox-icon{width:16px;flex-shrink:0;text-align:center;color:var(--text-faint)}.inbox-body{display:flex;align-items:baseline;gap:var(--space-2);flex:1;min-width:0;flex-wrap:wrap}.inbox-label{flex-shrink:0}.inbox-text{min-width:0}.inbox-when{font-size:12px;flex-shrink:0}.mention{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);padding:0 3px}a.mention,a.mention:visited{color:var(--accent);cursor:pointer}a.mention:hover{text-decoration:underline}.mention-menu{position:absolute;z-index:90;display:flex;flex-direction:column;min-width:180px;padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.mention-item{border:none;background:none;font-family:inherit;font-size:13px;color:var(--text);text-align:left;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.mention-item:hover,.mention-item.active{background:var(--accent-soft);color:var(--accent)}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-right:none;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar .brand{flex:none;padding:0 var(--space-2) 0 0}.sidebar .nav-section{display:flex;align-items:center;gap:2px;flex:none;margin:0}.sidebar .nav-label{display:none}.sidebar .nav-section+.nav-section{padding-left:var(--space-2);border-left:1px solid var(--border)}.sidebar .nav-item{flex:none;padding:5px var(--space-3)}.topbar{padding:0 var(--space-3);gap:var(--space-2)}.topbar-search{width:auto;min-width:0}.topbar-search .topbar-search-label,.topbar-search .kbd,.topbar .user-name{display:none}.content{padding:var(--space-4) var(--space-3) var(--space-8)}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.card{padding:var(--space-4)}.table-wrap{overflow-x:visible}.table,.table tbody,.table:has(td[data-label]) tr,.table:has(td[data-label]) td{display:block!important;width:auto!important}.table:has(td[data-label]) thead{display:none!important}.table:has(td[data-label]) tr{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.table:has(td[data-label]) tbody tr:last-child{border-bottom:none}.table:has(td[data-label]) td{display:flex!important;align-items:center;gap:var(--space-3);height:auto!important;min-height:28px;padding:3px var(--space-3)!important;border-bottom:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.table td[data-label]:before{content:attr(data-label);flex:none;width:92px;font-size:12px;color:var(--text-faint)}.table:has(td[data-label]) td:empty{display:none!important}.row-actions{opacity:1;pointer-events:auto}.stats{gap:var(--space-6)}dialog{min-width:0;width:calc(100vw - var(--space-6))}}