:root{--bg: #f4f6f8;--surface: #ffffff;--border: #e2e8ef;--text: #1a2332;--muted: #64748b;--accent: #0d9488;--accent-soft: #ccfbf1;--danger: #dc2626;--nav-width: 220px;--header-height: 48px;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:var(--nav-width) 1fr;grid-template-rows:var(--header-height) 1fr;min-height:100vh}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:-.02em;font-size:1.125rem}.brand span{color:var(--accent)}.nav{position:relative;background:var(--surface);border-right:1px solid var(--border);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.nav-resizer{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:2}.nav-resizer:hover{background:var(--accent-soft)}.bell-wrap,.bell-btn{position:relative}.bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:.65rem;line-height:16px;text-align:center}.bell-menu{position:absolute;right:0;top:calc(100% + 6px);width:280px;max-height:320px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0f172a1f;z-index:40;padding:.35rem}.nav a{padding:.55rem .75rem;border-radius:6px;color:var(--muted);font-size:.875rem;font-weight:500}.nav a.active,.nav a:hover{background:var(--accent-soft);color:var(--accent)}.main{padding:1.5rem;overflow:auto}h1{margin:0 0 .35rem;font-size:1.35rem;letter-spacing:-.02em}.sub{color:var(--muted);margin:0 0 1.25rem;font-size:.9rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem}.card .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.card .value{margin-top:.35rem;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.toolbar{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);align-items:center}.toolbar input{flex:1;border:1px solid var(--border);border-radius:6px;padding:.45rem .65rem}.btn{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.45rem .85rem;cursor:pointer;font-weight:600;font-size:.85rem}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.65rem 1rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.mono{font-family:JetBrains Mono,monospace;font-size:.8rem}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 20%,#ccfbf1 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,#e2e8ef 0%,transparent 45%),var(--bg)}.login-card{width:min(400px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.login-card h1{margin-bottom:.25rem}.login-card label{display:block;font-size:.8rem;font-weight:600;margin:.85rem 0 .35rem}.login-card input{width:100%;border:1px solid var(--border);border-radius:6px;padding:.55rem .7rem}.login-card .btn{width:100%;margin-top:1.25rem}.error{color:var(--danger);font-size:.85rem;margin-top:.75rem}.badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:.7rem;font-weight:700}.empty{padding:2rem;text-align:center;color:var(--muted)}.link{color:var(--accent);font-weight:600}.link:hover{text-decoration:underline}.click-row{cursor:pointer}.click-row:hover td{background:#f8fafc}.panel-head{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:700;font-size:.85rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.form-grid{display:grid;gap:.75rem;padding:1rem}.form-grid label{display:grid;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--muted)}.form-grid input,.form-grid select{border:1px solid var(--border);border-radius:6px;padding:.45rem .65rem;color:var(--text);font-weight:500}.form-actions{display:flex;gap:.75rem;align-items:center}.hint{color:var(--muted);font-size:.85rem}.breadcrumb{color:var(--muted);font-size:.85rem;margin:0 0 .5rem}.toolbar.wrap{flex-wrap:wrap}.tabs{display:flex;gap:.25rem;margin-left:auto}.tab{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.4rem .75rem;cursor:pointer;font-weight:600;font-size:.8rem;color:var(--muted)}.tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pager{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem}.bar-chart{display:grid;gap:.45rem;padding:1rem}.bar-row{display:grid;grid-template-columns:72px 1fr 64px;gap:.5rem;align-items:center}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.75rem}.bar-track{height:10px;background:#eef2f6;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:999px;min-width:2px;transition:width .35s ease}.bar-value{text-align:right;font-size:.75rem;color:var(--muted)}.status{font-size:.75rem;font-weight:600;text-transform:lowercase}.status-active,.status-completed{color:#059669}.status-suspended,.status-failed{color:var(--danger)}.status-closed,.status-pending{color:#b45309}.pos{color:#059669;font-weight:600}.neg{color:var(--danger);font-weight:600}.detail-pre{margin:.5rem 0 0;padding:.65rem;background:#f8fafc;border:1px solid var(--border);border-radius:6px;font-size:.72rem;max-width:420px;overflow:auto;white-space:pre-wrap;word-break:break-word}.transcript{display:grid;gap:.75rem;padding:1rem;max-height:min(70vh,900px);overflow:auto}.bubble{border:1px solid var(--border);border-radius:8px;padding:.75rem;background:#f8fafc}.bubble-user{background:#f0fdfa;border-color:#99f6e4}.bubble-assistant{background:var(--surface)}.bubble-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--muted);font-size:.75rem}.bubble-body{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.85rem;line-height:1.45;max-height:320px;overflow:auto}.flag-list{list-style:none;margin:0;padding:0 1rem 1rem}.flag-list li{padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ok{color:var(--ok, #1a7f4b);font-size:.85rem}.subtle{color:var(--muted);font-size:.85rem}.search-trigger{flex:1;max-width:360px;justify-content:space-between;display:flex;color:var(--muted)}.search-trigger kbd{font-size:.7rem;border:1px solid var(--border);border-radius:4px;padding:.1rem .35rem}.theme-select{border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;background:var(--surface);color:var(--text)}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:start center;padding-top:12vh;z-index:50}.palette{width:min(560px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0000002e}.palette input{width:100%;border:none;border-bottom:1px solid var(--border);padding:1rem 1.1rem;background:transparent;color:var(--text);outline:none}.palette-body{max-height:360px;overflow:auto}.palette-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:.7rem 1.1rem;cursor:pointer;color:var(--text);font-size:.9rem}.palette-item:hover{background:var(--accent-soft);color:var(--accent)}html.dark{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #2dd4bf;--accent-soft: #134e4a;--danger: #f87171}html.dark .bar-track{background:#334155}html.dark .bubble{background:#0f172a}html.dark .bubble-user{background:#134e4a;border-color:#115e59}html.dark .click-row:hover td{background:#0f172a}@media(max-width:800px){.shell{grid-template-columns:1fr}.nav{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.bar-row{grid-template-columns:56px 1fr 52px}}