:root{--bg-base: #1a1b26;--bg-surface: #24283b;--bg-overlay: #414868;--bg-selection: #364a82;--fg-default: #c0caf5;--fg-emphasis: #e0e0e0;--fg-muted: #565f89;--fg-dim: #414868;--accent: #7aa2f7;--accent-2: #bb9af7;--ok: #9ece6a;--warn: #e0af68;--err: #f7768e;--info: #7dcfff;--p-urgent: #f7768e;--p-high: #e0af68;--p-medium: #7dcfff;--p-low: #9ece6a;--p-none: #565f89;--s-backlog: #565f89;--s-unstarted: #e0af68;--s-started: #7aa2f7;--s-completed: #9ece6a;--s-cancelled: #f7768e;--mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;--row-h: 1.7rem;--pad: .5rem .7rem;--gap: .5rem}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--fg-default);font-family:var(--mono);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--bg-selection);color:var(--fg-emphasis)}*{scrollbar-width:thin;scrollbar-color:var(--bg-overlay) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:0}*::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden}.header{display:flex;align-items:center;gap:1rem;padding:.4rem .8rem;background:var(--bg-surface);border-bottom:1px solid var(--bg-overlay)}.header .brand{font-weight:700;color:var(--accent);letter-spacing:.5px}.header .brand .sep{color:var(--fg-muted);font-weight:400}.header .crumbs{color:var(--fg-muted)}.header .crumbs b{color:var(--fg-emphasis);font-weight:500}.header .spacer{flex:1}.header .me{display:flex;align-items:center;gap:.4rem;color:var(--fg-muted)}.header .me .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--ok)}.header .me b{color:var(--fg-default);font-weight:500}.body{display:grid;grid-template-columns:17rem 1fr;min-height:0;overflow:hidden}.sidebar{background:var(--bg-surface);border-right:1px solid var(--bg-overlay);overflow-y:auto;padding:.4rem 0}.sidebar .group-label{color:var(--fg-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:.6rem .8rem .2rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.28rem .8rem;cursor:pointer;color:var(--fg-default);border-left:2px solid transparent;white-space:nowrap}.nav-item:hover{background:var(--bg-overlay)}.nav-item.active{background:var(--bg-overlay);border-left-color:var(--accent);color:var(--fg-emphasis)}.nav-item .glyph{color:var(--accent);width:1.2rem;display:inline-block}.nav-item .count{margin-left:auto;color:var(--fg-muted);font-size:11px}.nav-item.disabled{opacity:.4;cursor:not-allowed}.project-pick{padding:.5rem .8rem;border-bottom:1px solid var(--bg-overlay)}.project-pick select{width:100%;background:var(--bg-base);color:var(--fg-default);border:1px solid var(--bg-overlay);padding:.3rem .4rem;font-family:var(--mono);font-size:12px}.main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.footer{display:flex;gap:1rem;padding:.3rem .8rem;background:var(--bg-surface);border-top:1px solid var(--bg-overlay);color:var(--fg-muted);font-size:11px;overflow-x:auto;white-space:nowrap}.footer kbd{background:var(--bg-overlay);border:1px solid var(--bg-selection);border-radius:3px;padding:0 .3rem;color:var(--fg-emphasis);font-family:var(--mono);font-size:10px}.footer .msg{margin-left:auto;color:var(--accent)}.footer .msg.err{color:var(--err)}.footer .msg.ok{color:var(--ok)}.panel{border:1px solid var(--bg-overlay);background:var(--bg-surface);display:flex;flex-direction:column;min-height:0;min-width:0}.panel.focused{border-color:var(--accent)}.panel>.panel-title{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background:var(--bg-overlay);color:var(--fg-emphasis);font-weight:700;border-bottom:1px solid var(--bg-overlay);font-size:12px}.panel.focused>.panel-title{border-bottom-color:var(--accent)}.panel-title .corner{color:var(--accent)}.panel-title .sub{color:var(--fg-muted);font-weight:400;margin-left:.4rem}.panel-title .actions{margin-left:auto;display:flex;gap:.3rem}.panel>.panel-body{flex:1;overflow:auto;min-height:0}.content{padding:.6rem;display:flex;flex-direction:column;gap:.6rem;height:100%;overflow:auto}.content-col{display:grid;gap:.6rem}.content-col.two{grid-template-columns:1fr 1fr}.content-col.three{grid-template-columns:1fr 1fr 1fr}.table{width:100%;border-collapse:collapse;font-size:12px}.table thead th{text-align:left;color:var(--fg-muted);font-weight:500;padding:.35rem .6rem;border-bottom:1px solid var(--bg-overlay);position:sticky;top:0;background:var(--bg-surface);z-index:1;white-space:nowrap}.table tbody td{height:var(--row-h);padding:0 .6rem;border-bottom:1px solid rgba(65,72,104,.35);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:24rem}.table tbody tr{cursor:pointer}.table tbody td .flex{flex-wrap:nowrap;overflow:hidden}.table tbody tr:nth-child(2n){background:#24283b80}.table tbody tr:hover{background:var(--bg-overlay)}.table tbody tr.selected{background:var(--bg-selection);color:var(--fg-emphasis)}.table .muted{color:var(--fg-muted)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .truncate{max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem;cursor:pointer;border-left:2px solid transparent}.list-row:nth-child(2n){background:#24283b80}.list-row:hover{background:var(--bg-overlay)}.list-row.selected{background:var(--bg-selection);color:var(--fg-emphasis);border-left-color:var(--accent)}.list-row .primary{color:var(--fg-default);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row.selected .primary{color:var(--fg-emphasis)}.list-row .secondary{color:var(--fg-muted);font-size:11px}.dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;vertical-align:middle}.dot.prio-urgent{background:var(--p-urgent)}.dot.prio-high{background:var(--p-high)}.dot.prio-medium{background:var(--p-medium)}.dot.prio-low{background:var(--p-low)}.dot.prio-none{background:var(--p-none)}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:0 .4rem;border-radius:9px;font-size:11px;background:var(--bg-overlay);color:var(--fg-default);white-space:nowrap}.chip .swatch{width:.55rem;height:.55rem;border-radius:50%}.state-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:11px}.state-pill .swatch{width:.6rem;height:.6rem;border-radius:50%}.tag-id{color:var(--fg-muted);font-size:11px}.tag-id b{color:var(--accent);font-weight:500}.bar{font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--accent)}.bar .rest{color:var(--bg-overlay)}.detail{padding:.8rem;display:flex;flex-direction:column;gap:.6rem;overflow:auto}.detail h2{margin:0;font-size:16px;color:var(--fg-emphasis);font-weight:700}.detail .meta{color:var(--fg-muted);font-size:11px}.kv{display:grid;grid-template-columns:9rem 1fr;gap:.15rem .8rem;font-size:12px}.kv .k{color:var(--fg-muted)}.kv .v{color:var(--fg-default);word-break:break-word}.kv .v.mono-id{font-size:11px;color:var(--fg-muted)}.section-title{display:flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:700;font-size:12px;margin-top:.4rem;padding-bottom:.2rem;border-bottom:1px dashed var(--bg-overlay)}.section-title .rule{flex:1;height:0;border-bottom:1px dashed var(--bg-overlay)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--bg-overlay)}.tab{padding:.3rem .8rem;cursor:pointer;color:var(--fg-muted);border-bottom:2px solid transparent;font-size:12px}.tab:hover{color:var(--fg-default)}.tab.active{color:var(--fg-emphasis);border-bottom-color:var(--accent)}.tab .badge-count{margin-left:.3rem;color:var(--fg-muted);font-size:10px}.prose{color:var(--fg-default);line-height:1.55;white-space:pre-wrap;word-break:break-word}.prose.empty{color:var(--fg-dim);font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c14b3;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(48rem,92vw);max-height:86vh;background:var(--bg-surface);border:1px solid var(--accent);display:flex;flex-direction:column;box-shadow:0 0 0 1px #00000080}.modal .modal-title{padding:.5rem .8rem;background:var(--bg-overlay);color:var(--fg-emphasis);font-weight:700;border-bottom:1px solid var(--bg-overlay);display:flex;align-items:center}.modal .modal-title .corner{color:var(--accent);margin-right:.4rem}.modal .modal-body{padding:.8rem;overflow:auto;display:flex;flex-direction:column;gap:.7rem}.modal .modal-foot{padding:.5rem .8rem;border-top:1px solid var(--bg-overlay);display:flex;gap:.5rem;justify-content:flex-end}.field{display:flex;flex-direction:column;gap:.25rem}.field label{color:var(--fg-muted);font-size:11px}.field input[type=text],.field input[type=email],.field input[type=url],.field input[type=date],.field input[type=number],.field input[type=color],.field input[type=search],.field textarea,.field select{background:var(--bg-base);color:var(--fg-default);border:1px solid var(--bg-overlay);padding:.4rem .5rem;font-family:var(--mono);font-size:12px;border-radius:0;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:5rem}.field .hint{color:var(--fg-dim);font-size:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.check-grid{display:flex;flex-wrap:wrap;gap:.3rem;max-height:9rem;overflow:auto;border:1px solid var(--bg-overlay);padding:.4rem;background:var(--bg-base)}.check-grid label{display:inline-flex;align-items:center;gap:.3rem;font-size:11px;color:var(--fg-default);cursor:pointer}.btn{background:var(--bg-overlay);color:var(--fg-default);border:1px solid var(--bg-overlay);padding:.3rem .7rem;font-family:var(--mono);font-size:12px;cursor:pointer;border-radius:0}.btn:hover{border-color:var(--accent);color:var(--fg-emphasis)}.btn.primary{background:var(--accent);color:var(--bg-base);border-color:var(--accent);font-weight:700}.btn.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn.danger{color:var(--err);border-color:var(--err)}.btn.danger:hover{background:var(--err);color:var(--bg-base)}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-muted)}.btn.ghost:hover{color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.toolbar{display:flex;gap:.4rem;align-items:center;padding:.4rem .6rem;border-bottom:1px solid var(--bg-overlay)}.toolbar .grow{flex:1}.toolbar input.search{background:var(--bg-base);color:var(--fg-default);border:1px solid var(--bg-overlay);padding:.3rem .5rem;font-family:var(--mono);font-size:12px;min-width:12rem}.toolbar input.search:focus{outline:none;border-color:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:3rem 1rem;color:var(--fg-muted);text-align:center}.empty-state .big{font-size:22px;color:var(--fg-dim)}.loading{display:flex;align-items:center;gap:.5rem;padding:.8rem;color:var(--fg-muted)}.spinner{color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:2.2rem;right:1rem;background:var(--bg-overlay);border:1px solid var(--accent);color:var(--fg-emphasis);padding:.5rem .8rem;font-size:12px;z-index:100;animation:fadeIn .15s ease}.toast.err{border-color:var(--err);color:var(--err)}.toast.ok{border-color:var(--ok);color:var(--ok)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1499;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:80}.palette{width:min(34rem,92vw);background:var(--bg-surface);border:1px solid var(--accent);box-shadow:0 8px 40px #00000080}.palette input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--bg-overlay);color:var(--fg-default);padding:.7rem .9rem;font-family:var(--mono);font-size:13px;outline:none}.palette .results{max-height:18rem;overflow:auto}.palette .p-item{padding:.4rem .9rem;cursor:pointer;display:flex;gap:.6rem;align-items:center}.palette .p-item .glyph{color:var(--accent);width:1.2rem}.palette .p-item.active{background:var(--bg-selection);color:var(--fg-emphasis)}.palette .p-item .hint{margin-left:auto;color:var(--fg-muted);font-size:10px}.raw{background:var(--bg-base);border:1px solid var(--bg-overlay);padding:.6rem;font-size:11px;color:var(--fg-default);white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:24rem}a.linkish{color:var(--info);text-decoration:underline dotted}a.linkish:hover{color:var(--accent)}.divider{height:1px;background:var(--bg-overlay);border:0;margin:.2rem 0}.dim,.muted{color:var(--fg-muted)}.err-text{color:var(--err)}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.accent-text{color:var(--accent)}.flex{display:flex;gap:.4rem;align-items:center}.flex.wrap{flex-wrap:wrap}.flex.between{justify-content:space-between}.mt{margin-top:.4rem}.login-screen{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-base)}.login-card{width:min(28rem,100%);background:var(--bg-surface);border:1px solid var(--bg-overlay);padding:1.6rem;display:flex;flex-direction:column;gap:.6rem}.login-brand{font-weight:700;color:var(--accent);letter-spacing:.5px;font-size:18px}.login-brand .sep{color:var(--fg-muted);font-weight:400}.login-sub{color:var(--fg-muted);font-size:12px;line-height:1.6;margin:0 0 .4rem}.login-label{color:var(--fg-muted);font-size:11px}.login-input{background:var(--bg-base);color:var(--fg-default);border:1px solid var(--bg-overlay);padding:.55rem .6rem;font-family:var(--mono);font-size:13px;outline:none}.login-input:focus{border-color:var(--accent)}.login-btn{margin-top:.3rem;padding:.55rem;justify-content:center}.login-err{font-size:12px}.login-hint{color:var(--fg-dim);font-size:10px;line-height:1.5;margin:.4rem 0 0}.hamburger{display:none;font-size:15px;line-height:1;padding:.25rem .5rem}.sidebar-backdrop{display:none}@media (max-width: 1024px){.body{grid-template-columns:14rem 1fr}}@media (max-width: 768px){.hamburger{display:inline-flex;align-items:center;justify-content:center}.header{gap:.6rem;padding:.4rem .6rem}.header .crumbs{display:none}.body{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:16rem;max-width:82vw;z-index:60;transform:translate(-100%);transition:transform .18s ease;box-shadow:2px 0 18px #00000073}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c148c;z-index:55}.nav-item{padding:.55rem .9rem}.btn{padding:.4rem .7rem}.field-row,.content-col.two,.content-col.three{grid-template-columns:1fr}.panel>.panel-title{flex-wrap:wrap}.panel-title .actions{margin-left:0}.table{min-width:34rem}}@media (max-width: 480px){body,.header .brand{font-size:12px}.kv{grid-template-columns:7rem 1fr}.modal .modal-body,.detail,.content{padding:.6rem}}