:root{color-scheme:dark;--surface-0:#0d0d0d;--surface-1:#151517;--surface-2:#1c1c1f;--surface-3:#24242a;--text-primary:#ffffff;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--axis:#383835;--border:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.18);--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#898781;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--radius:10px;--radius-sm:6px;--font:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}:root[data-theme=light]{color-scheme:light;--surface-0:#f9f9f7;--surface-1:#fcfcfb;--surface-2:#f3f3ef;--surface-3:#e9e9e3;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--border:rgba(11,11,11,0.10);--border-strong:rgba(11,11,11,0.18);--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#6b6a65}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--surface-0);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:0 10px 18px;font-weight:650;font-size:15px;letter-spacing:-.01em}.brand span{display:block;font-size:11px;font-weight:400;letter-spacing:0}.brand span,.nav-label{color:var(--text-muted)}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;padding:14px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13.5px;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item.active{background:var(--surface-3);color:var(--text-primary);font-weight:550}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.main{flex:1 1;min-width:0;padding:26px 30px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}h1{font-size:21px;font-weight:650;margin:0 0 3px;letter-spacing:-.015em}.subtitle{color:var(--text-muted);margin:0}.subtitle,h2{font-size:13px}h2{font-weight:620;margin:30px 0 12px;letter-spacing:-.005em}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid{display:grid;grid-gap:12px;gap:12px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.stat-label{font-size:11.5px;color:var(--text-muted);font-weight:550;letter-spacing:.01em;margin-bottom:7px;display:flex;align-items:center;gap:6px}.stat-value{font-size:25px;font-weight:620;letter-spacing:-.02em;line-height:1.1}.stat-value small{font-size:13px;font-weight:450;color:var(--text-muted);letter-spacing:0}.stat-sub{font-size:11.5px;color:var(--text-muted);margin-top:5px}.meter{height:5px;background:var(--surface-3);border-radius:3px;overflow:hidden;margin-top:10px;display:flex;gap:2px}.meter-fill{height:100%;border-radius:3px;transition:width .4s ease}.project-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;display:block;transition:border-color .14s,transform .14s}.project-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.project-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.project-name{font-weight:620;font-size:14.5px;letter-spacing:-.01em}.project-desc{font-size:11.5px;color:var(--text-muted);margin-bottom:13px}.kv-row{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0}.kv-row span:first-child{color:var(--text-muted)}.kv-row span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:520}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:20px;border:1px solid var(--border);letter-spacing:.01em;white-space:nowrap}.badge-ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,transparent)}.badge-warn{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}.badge-err{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 45%,transparent)}.badge-mute{color:var(--text-muted)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}table{width:100%;border-collapse:collapse;font-size:12.5px}thead th{text-align:left;padding:9px 12px;color:var(--text-muted);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.055em;background:var(--surface-2);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:8px 12px;vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.mono{font-family:var(--mono);font-size:11.5px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.seg button{border:none;background:transparent;color:var(--text-secondary);padding:5px 11px;font-size:12.5px;font-family:inherit;border-radius:4px;cursor:pointer;font-weight:520;transition:background .12s,color .12s}.seg button.active,.seg button:hover{color:var(--text-primary)}.seg button.active{background:var(--surface-0);font-weight:600}input[type=password],input[type=text],select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:7px 10px;font-size:13px;font-family:inherit;outline:none}input:focus,select:focus{border-color:var(--series-1)}input::placeholder{color:var(--text-muted)}button.btn{background:var(--series-1);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 15px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}button.btn:hover{filter:brightness(1.08)}button.btn:disabled{opacity:.55;cursor:not-allowed}button.btn-ghost{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 11px;font-size:12.5px;font-family:inherit;cursor:pointer;font-weight:520}button.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-strong)}.chart-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.chart-title{font-size:12.5px;font-weight:600;margin-bottom:2px}.chart-sub{font-size:11px;color:var(--text-muted);margin-bottom:12px}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-secondary)}.legend-swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0}.tooltip{position:absolute;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px;font-size:11.5px;pointer-events:none;z-index:40;min-width:130px;box-shadow:0 6px 22px rgba(0,0,0,.4)}.tooltip-time{color:var(--text-muted);margin-bottom:5px;font-size:10.5px}.tooltip-row{display:flex;align-items:center;gap:6px;justify-content:space-between;padding:1.5px 0}.tooltip-row b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.log-row{border-bottom:1px solid var(--border);padding:7px 12px;display:flex;gap:11px;align-items:baseline;font-size:12px}.log-row:hover{background:var(--surface-2)}.log-time{color:var(--text-muted);font-size:11px;white-space:nowrap;flex-shrink:0}.log-text,.log-time{font-family:var(--mono)}.log-text{font-size:11.5px;white-space:pre-wrap;word-break:break-word;flex:1 1;min-width:0}.status-pill{font-family:var(--mono);font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;flex-shrink:0;min-width:34px;text-align:center}.s2xx{color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.s3xx{color:var(--text-muted);background:var(--surface-3)}.s4xx{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}.s5xx{color:var(--critical);background:color-mix(in srgb,var(--critical) 16%,transparent)}.empty{padding:44px 20px;text-align:center;color:var(--text-muted);font-size:13px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:350px;background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:28px}.login-card h1{font-size:18px;margin-bottom:4px}.field{margin-bottom:13px}.field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:5px;font-weight:550}.field input{width:100%}.error-msg{color:var(--critical);font-size:12.5px;margin-bottom:12px}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1 1}.muted{color:var(--text-muted)}.small{font-size:11.5px}.mt-0{margin-top:0}@media (max-width:860px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;align-items:center;padding:10px}.brand span,.nav-label{display:none}.brand{padding:0 10px 0 4px}.main{padding:18px 14px 50px}}