:root{--surface: #10131a;--surface-low: #191b23;--surface-container: #1d2027;--surface-high: #272a31;--on-surface: #e1e2ec;--on-surface-variant: #c2c6d6;--muted: #8c909f;--outline: #424754;--primary: #adc6ff;--primary-strong: #4d8eff;--on-primary: #002e6a;--ok: #34c98e;--warn: #e2b93b;--fire: #ff9d5c;--crit: #e25f5f;--chart-line: #4d8eff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--on-surface);font-size:14px;line-height:20px}h1{font-size:30px;line-height:38px;font-weight:600;margin:0}h2{font-size:20px;line-height:28px;font-weight:600;margin:0}.mono,td.mono{font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:13px}.label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--surface-low);border-right:1px solid var(--outline);display:flex;flex-direction:column;padding:24px 12px;gap:4px}.sidebar .brand{padding:0 12px 20px}.sidebar .brand strong{color:var(--primary);font-size:16px;display:block}.sidebar a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:var(--on-surface-variant);text-decoration:none;font-weight:500}.sidebar a.active{background:var(--surface-high);color:var(--primary)}.sidebar a:hover:not(.active){color:var(--on-surface)}.sidebar .spacer{flex:1}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:14px 32px;border-bottom:1px solid var(--outline)}.topbar h2{font-size:18px}.topbar .spacer{flex:1}.content{padding:24px 32px;max-width:1400px;width:100%}.card{background:var(--surface-container);border:1px solid var(--outline);border-radius:8px;padding:20px}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.card-header h2{font-size:16px}.card-header .count{margin-left:auto;background:var(--surface-high);border-radius:4px;padding:2px 8px;font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 14px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--outline)}td{padding:12px 14px;border-bottom:1px solid rgba(66,71,84,.4)}tbody tr:nth-child(2n) td{background:#272a3159}tbody tr.link{cursor:pointer}tbody tr.link:hover td{background:var(--surface-high)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:600}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip.ok{color:var(--ok);background:#34c98e1f}.chip.warn{color:var(--warn);background:#e2b93b1f}.chip.crit{color:var(--crit);background:#e25f5f24}.chip.fire{color:var(--fire);background:#ff9d5c24;border:1px solid rgba(255,157,92,.4)}.chip.idle{color:var(--muted);background:#8c909f1f}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile{background:var(--surface-high);border:1px solid var(--outline);border-radius:8px;padding:12px 14px}.tile .name{font-size:12px;font-weight:600;color:var(--on-surface-variant);overflow-wrap:anywhere}.tile .value{font-family:JetBrains Mono,ui-monospace,monospace;font-size:24px;font-weight:700;line-height:32px;margin-top:4px;overflow-wrap:anywhere}.tile .when{font-size:11px;color:var(--muted);margin-top:2px}.event{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(66,71,84,.4)}.event:last-child{border-bottom:none}.event .bar{width:3px;border-radius:2px;flex-shrink:0}.event .bar.info{background:var(--primary-strong)}.event .bar.warning{background:var(--warn)}.event .bar.critical{background:var(--crit)}.event .title{font-weight:600}.event .meta{color:var(--muted);font-size:12px;font-family:JetBrains Mono,monospace}input,select{background:var(--surface);border:1px solid var(--outline);color:var(--on-surface);border-radius:4px;padding:8px 12px;font-size:14px}input:focus,select:focus{outline:none;border-color:var(--primary-strong)}button.btn{background:var(--primary-strong);color:#fff;font-weight:600;border:none;border-radius:4px;padding:9px 16px;cursor:pointer;font-size:14px}button.btn.ghost{background:transparent;border:1px solid var(--outline);color:var(--on-surface-variant)}.error{color:var(--crit)}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.login-wrap{min-height:100vh;display:grid;place-items:center}.login{width:360px;display:flex;flex-direction:column;gap:12px}.detail-grid{display:grid;gap:16px;grid-template-columns:minmax(320px,5fr) minmax(280px,4fr);align-items:start}.detail-grid .full{grid-column:1 / -1}@media(max-width:1000px){.sidebar{display:none}.detail-grid{grid-template-columns:1fr}.content{padding:16px}}