*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--green: #22c55e;--amber: #eab308;--blue: #3b82f6;--rose: #ef4444;--violet: #8b5cf6;--accent: #6366f1}:root,[data-theme=dark]{--bg: #06080f;--bg-raised: #0c1019;--bg-row-hover: #101525;--border: #151c2e;--border-active: #252e48;--text: #c8ceda;--text-secondary: #6b7590;--text-dim: #3d4560;--accent-muted: rgba(99, 102, 241, .12);--status-todo-bg: #1e2538;--status-todo-fg: #94a3b8;--status-todo-bd: #2a3450;--status-ip-bg: #0c1a3a;--status-ip-fg: #60a5fa;--status-ip-bd: #1e3a6e;--status-tv-bg: #1a1800;--status-tv-fg: #fbbf24;--status-tv-bd: #3d3500;--status-done-bg: #042f1a;--status-done-fg: #4ade80;--status-done-bd: #0a5c30;--status-blocked-bg: #2a0a0a;--status-blocked-fg: #f87171;--status-blocked-bd: #5c1a1a;--status-reopen-bg: #1a0a3a;--status-reopen-fg: #a78bfa;--status-reopen-bd: #2e1a5c}[data-theme=light]{--bg: #f8f9fb;--bg-raised: #ffffff;--bg-row-hover: #f0f2f5;--border: #e2e5ea;--border-active: #c8cdd5;--text: #1a1d24;--text-secondary: #5c6370;--text-dim: #8b919e;--accent-muted: rgba(99, 102, 241, .08);--status-todo-bg: #eef1f5;--status-todo-fg: #475569;--status-todo-bd: #d8dde6;--status-ip-bg: #e8f0fe;--status-ip-fg: #1d4ed8;--status-ip-bd: #bfdbfe;--status-tv-bg: #fef9e7;--status-tv-fg: #a16207;--status-tv-bd: #fde68a;--status-done-bg: #e8f8ef;--status-done-fg: #15803d;--status-done-bd: #bbf7d0;--status-blocked-bg: #fef2f2;--status-blocked-fg: #dc2626;--status-blocked-bd: #fecaca;--status-reopen-bg: #f3f0ff;--status-reopen-fg: #7c3aed;--status-reopen-bd: #ddd6fe}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: #f8f9fb;--bg-raised: #ffffff;--bg-row-hover: #f0f2f5;--border: #e2e5ea;--border-active: #c8cdd5;--text: #1a1d24;--text-secondary: #5c6370;--text-dim: #8b919e;--accent-muted: rgba(99, 102, 241, .08);--status-todo-bg: #eef1f5;--status-todo-fg: #475569;--status-todo-bd: #d8dde6;--status-ip-bg: #e8f0fe;--status-ip-fg: #1d4ed8;--status-ip-bd: #bfdbfe;--status-tv-bg: #fef9e7;--status-tv-fg: #a16207;--status-tv-bd: #fde68a;--status-done-bg: #e8f8ef;--status-done-fg: #15803d;--status-done-bd: #bbf7d0;--status-blocked-bg: #fef2f2;--status-blocked-fg: #dc2626;--status-blocked-bd: #fecaca;--status-reopen-bg: #f3f0ff;--status-reopen-fg: #7c3aed;--status-reopen-bd: #ddd6fe}}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh}.shell{max-width:1200px;margin:0 auto;padding:1.5rem 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--border);margin-bottom:0}.topbar-left{display:flex;align-items:center;gap:.65rem}.topbar-logo{width:24px;height:24px;opacity:.7}.topbar-title{font-size:.88rem;font-weight:600;letter-spacing:-.01em}.topbar-sep{color:var(--text-dim);font-weight:300;margin:0 .15rem}.topbar-subtitle{font-size:.88rem;font-weight:400;color:var(--text-secondary)}.topbar-right{display:flex;align-items:center;gap:.6rem}.pill{font-family:var(--mono);font-size:.68rem;font-weight:500;padding:.2rem .55rem;border-radius:3px;letter-spacing:.02em}.pill-live{color:var(--green);background:#22c55e1a}.pill-offline{color:var(--amber);background:#eab3081a}.pill-error{color:var(--rose);background:#ef44441a}.pill-count{color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border)}.btn-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:.85rem;transition:border-color .12s,color .12s}.btn-icon:hover{border-color:var(--border-active);color:var(--text-secondary)}.btn-icon:disabled{opacity:.35;cursor:default}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--border)}.tab-group{display:flex;gap:0}.tab{font-family:var(--font);font-size:.78rem;font-weight:500;padding:.4rem .85rem;border:none;background:none;color:var(--text-dim);cursor:pointer;position:relative;transition:color .12s}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;bottom:-.65rem;left:.85rem;right:.85rem;height:1.5px;background:var(--accent);border-radius:1px}.tab-count{font-family:var(--mono);font-size:.62rem;color:var(--text-dim);margin-left:.25rem;vertical-align:1px}.toolbar-meta{font-family:var(--mono);font-size:.65rem;color:var(--text-dim)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th:nth-child(1),td:nth-child(1){white-space:nowrap}th:nth-child(3),td:nth-child(3){white-space:nowrap}th:nth-child(4),td:nth-child(4){white-space:nowrap;text-align:center}th:nth-child(5),td:nth-child(5){white-space:nowrap;text-align:center}th:nth-child(6),td:nth-child(6){white-space:nowrap;text-align:center}th:nth-child(7),td:nth-child(7){white-space:nowrap;text-align:right}th:nth-child(8),td:nth-child(8){white-space:nowrap;text-align:right}thead{position:sticky;top:0;z-index:1}th{font-family:var(--mono);font-size:.65rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:.5rem .6rem;background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;user-select:none;transition:color .1s}th:hover{color:var(--text-secondary)}th.sorted{color:var(--accent)}th .arr{font-size:.55rem;margin-left:.15rem;opacity:.7}th.r{text-align:right}td{padding:.45rem .6rem;border-bottom:1px solid var(--border);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody tr{transition:background .08s}tbody tr:hover{background:var(--bg-row-hover)}.cell-id{font-family:var(--mono);font-size:.72rem;color:var(--text-dim);white-space:nowrap}.cell-title{font-size:.82rem;font-weight:400;color:var(--text)}.cell-status{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:4px;display:inline-block;line-height:1.4;white-space:nowrap}.s-todo{background:var(--status-todo-bg);color:var(--status-todo-fg);border:1px solid var(--status-todo-bd)}.s-inprogress{background:var(--status-ip-bg);color:var(--status-ip-fg);border:1px solid var(--status-ip-bd)}.s-tovalidate{background:var(--status-tv-bg);color:var(--status-tv-fg);border:1px solid var(--status-tv-bd)}.s-done{background:var(--status-done-bg);color:var(--status-done-fg);border:1px solid var(--status-done-bd)}.s-blocked{background:var(--status-blocked-bg);color:var(--status-blocked-fg);border:1px solid var(--status-blocked-bd)}.s-reopened{background:var(--status-reopen-bg);color:var(--status-reopen-fg);border:1px solid var(--status-reopen-bd)}.cell-num{font-family:var(--mono);font-size:.72rem;text-align:center;color:var(--text-secondary);padding-left:.5rem;padding-right:.5rem}.cell-date{font-family:var(--mono);font-size:.68rem;color:var(--text-dim);text-align:right}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.75rem}.state-text{color:var(--text-dim);font-size:.85rem}.state-error{color:var(--rose);font-size:.85rem}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 0;border-top:1px solid var(--border);margin-top:0}.pager-btn{font-family:var(--font);font-size:.78rem;padding:.35rem .75rem;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .12s}.pager-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.pager-btn:disabled{opacity:.3;cursor:default}.pager-info{font-family:var(--mono);font-size:.68rem;color:var(--text-dim)}.footer{margin-top:2rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--text-dim);text-decoration:none}.footer-brand:hover{color:var(--text-secondary)}.footer-brand img{width:14px;height:14px;opacity:.5}.footer-update{font-family:var(--mono);font-size:.62rem;color:var(--text-dim)}@media(max-width:700px){.shell{padding:1rem}.topbar{flex-direction:column;align-items:flex-start;gap:.5rem}.hide-sm{display:none}th:nth-child(1),td:nth-child(1){width:110px;min-width:110px}th:nth-child(3),td:nth-child(3){width:110px;min-width:110px}}.fade-up{opacity:0;transform:translateY(6px);animation:fadeUp .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:.5rem}.dir-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.dir-card:hover{border-color:var(--accent);transform:translateY(-1px)}.dir-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.dir-name{font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--text)}.dir-abbr{font-family:var(--mono);font-size:.65rem;letter-spacing:.04em;color:var(--text-dim);padding:.1rem .4rem;border:1px solid var(--border-active);border-radius:4px}.dir-desc{font-size:.78rem;line-height:1.45;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dir-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.dir-tag{font-family:var(--mono);font-size:.62rem;color:var(--text-dim);background:var(--accent-muted);padding:.1rem .45rem;border-radius:4px}