:root{--bg:oklch(0.985 0.003 150);--bg-subtle:oklch(0.975 0.004 150);--surface:#ffffff;--surface-hover:oklch(0.98 0.004 150);--border:oklch(0.91 0.006 150);--border-strong:oklch(0.84 0.008 150);--divider:oklch(0.94 0.005 150);--text:oklch(0.22 0.008 240);--text-secondary:oklch(0.42 0.01 240);--text-muted:oklch(0.58 0.008 240);--text-faint:oklch(0.72 0.006 240);--accent:oklch(0.62 0.16 145);--accent-soft:oklch(0.93 0.05 145);--accent-fg:oklch(0.42 0.14 145);--accent-dim:oklch(0.55 0.14 145);--critical:oklch(0.58 0.20 25);--critical-soft:oklch(0.96 0.04 25);--critical-fg:oklch(0.45 0.18 25);--warning:oklch(0.74 0.16 75);--warning-soft:oklch(0.97 0.05 80);--warning-fg:oklch(0.55 0.14 65);--info:oklch(0.62 0.14 245);--info-soft:oklch(0.96 0.03 245);--info-fg:oklch(0.48 0.14 245);--violet:oklch(0.62 0.16 295);--violet-soft:oklch(0.96 0.03 295);--font:"Geist",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--r-sm:6px;--r:8px;--r-lg:10px;--r-xl:14px;--shadow-sm:0 1px 2px rgba(15,23,42,0.04);--shadow:0 1px 2px rgba(15,23,42,0.05),0 4px 12px rgba(15,23,42,0.04);--shadow-lg:0 10px 32px rgba(15,23,42,0.10);--sidebar-w:248px;--sidebar-w-collapsed:64px;--topbar-h:56px;--pad:16px;--gap:16px;--row-h:38px;--fs:13.5px}[data-density=compact]{--pad:12px;--gap:12px;--row-h:32px;--fs:12.5px}[data-density=cozy]{--pad:16px;--gap:16px;--row-h:38px;--fs:13.5px}[data-density=comfortable]{--pad:22px;--gap:22px;--row-h:46px;--fs:14.5px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font:var(--fs)/1.5 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.app[data-sidebar=collapsed]{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sb{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}.sb-brand{display:flex;align-items:center;gap:10px;padding:14px 18px;height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0}.sb-logo{width:30px;height:30px;border-radius:7px;background:white;display:grid;place-items:center;flex-shrink:0;padding:3px;box-shadow:0 1px 2px rgba(0,0,0,.06),inset 0 0 0 1px var(--border)}.sb-brand-txt{display:flex;flex-direction:column;min-width:0}.sb-brand-txt b{font-size:14px;letter-spacing:-.01em;line-height:1.1}.sb-brand-txt span{font-size:10.5px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.sb-org{margin:12px 12px 6px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;gap:9px;cursor:pointer;background:var(--surface)}.sb-org:hover{background:var(--surface-hover)}.sb-org-ico{width:22px;height:22px;border-radius:5px;background:oklch(.92 .02 150);display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--accent-fg)}.sb-org-meta{flex:1 1;min-width:0;line-height:1.2}.sb-org-meta b{font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-org-meta span{font-size:11px;color:var(--text-muted)}.sb-org-chev{color:var(--text-faint)}.sb-nav{flex:1 1;overflow-y:auto;padding:8px 8px 12px}.sb-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:14px 10px 6px;font-weight:600}.sb-item{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text-secondary);font-size:13px;font-weight:450;position:relative;margin:1px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sb-item:hover{background:var(--surface-hover);color:var(--text)}.sb-item.active{background:var(--accent-soft);color:var(--accent-fg);font-weight:550}.sb-item .sb-ico{width:16px;height:16px;flex-shrink:0;opacity:.85}.sb-item.active .sb-ico{opacity:1}.sb-item>span:not(.sb-ico):not(.sb-item-badge){flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item-badge{margin-left:auto;font-size:10.5px;background:var(--critical);color:white;padding:1px 6px;border-radius:999px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-item-badge.muted{background:oklch(.9 .005 240);color:var(--text-secondary)}[data-sidebar=collapsed] .sb-brand-txt,[data-sidebar=collapsed] .sb-foot-meta,[data-sidebar=collapsed] .sb-group-label,[data-sidebar=collapsed] .sb-item span:not(.sb-ico),[data-sidebar=collapsed] .sb-item-badge,[data-sidebar=collapsed] .sb-org-chev,[data-sidebar=collapsed] .sb-org-meta{display:none}[data-sidebar=collapsed] .sb-item{justify-content:center;padding:9px 0}[data-sidebar=collapsed] .sb-org{justify-content:center;padding:8px 0}.sb-foot{border-top:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.sb-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,oklch(.7 .12 250),oklch(.55 .15 280));color:white;display:grid;place-items:center;font-size:11.5px;font-weight:600;flex-shrink:0}.sb-foot-meta{flex:1 1;min-width:0;line-height:1.2}.sb-foot-meta b{font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-foot-meta span{font-size:10.5px;color:var(--text-muted)}.main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--surface);padding:0 20px;gap:12px;flex-shrink:0}.tb-crumbs,.topbar{display:flex;align-items:center}.tb-crumbs{gap:6px;color:var(--text-muted);font-size:13px}.tb-crumbs b{color:var(--text);font-weight:550}.tb-crumbs .sep{color:var(--text-faint)}.tb-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r);padding:6px 10px;width:320px;color:var(--text-muted)}.tb-search input{border:0;background:transparent;outline:none;flex:1 1;min-width:0}.tb-search kbd{font:10px var(--mono);background:var(--surface);border:1px solid var(--border);padding:1px 5px;border-radius:4px;color:var(--text-muted)}.tb-icons{display:flex;align-items:center;gap:4px}.tb-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--r);color:var(--text-muted);position:relative}.tb-icon-btn:hover{background:var(--bg-subtle);color:var(--text)}.tb-icon-btn .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--critical);box-shadow:0 0 0 2px var(--surface)}.tb-env{background:var(--accent-soft);color:var(--accent-fg);font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--r-sm);letter-spacing:.02em}.content{flex:1 1;overflow-y:auto;background:var(--bg);scrollbar-width:thin;scrollbar-color:oklch(.85 .005 240) transparent}.content::-webkit-scrollbar{width:12px;height:12px}.content::-webkit-scrollbar-thumb{background:oklch(.88 .005 240);border:3px solid var(--bg);border-radius:999px}.content::-webkit-scrollbar-thumb:hover{background:oklch(.78 .005 240)}.page{padding:var(--pad) calc(var(--pad) * 1.5) calc(var(--pad) * 2);max-width:1600px}.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:var(--gap);padding-top:4px}.ph h1{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.015em}.ph p{margin:0;color:var(--text-muted);font-size:13.5px}.ph-actions{display:flex;gap:8px;align-items:center}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:var(--gap);margin-top:4px}.tab{padding:9px 14px;font-size:13px;font-weight:500;color:var(--text-muted);border:0;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-fg);border-bottom-color:var(--accent);font-weight:550}.tab .count{margin-left:6px;background:var(--bg-subtle);color:var(--text-muted);font-size:10.5px;padding:1px 6px;border-radius:999px;font-weight:500}.tab.active .count{background:var(--accent-soft);color:var(--accent-fg)}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:500;white-space:nowrap}.btn:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn.primary{background:var(--text);color:white;border-color:var(--text)}.btn.primary:hover{background:oklch(.3 .01 240);border-color:oklch(.3 .01 240)}.btn.accent{background:var(--accent);border-color:var(--accent);color:white}.btn.accent:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-subtle)}.btn.danger{color:var(--critical-fg);border-color:oklch(.88 .05 25);background:var(--critical-soft)}.btn.sm{height:26px;padding:0 9px;font-size:12px}.btn.icon{padding:0;width:32px;justify-content:center}.btn[disabled]{opacity:.5;pointer-events:none}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;margin-right:-1px}.btn-group .btn:first-child{border-top-left-radius:var(--r);border-bottom-left-radius:var(--r)}.btn-group .btn:last-child{border-top-right-radius:var(--r);border-bottom-right-radius:var(--r);margin-right:0}.btn-group .btn.active{background:var(--bg-subtle);color:var(--text);z-index:1;border-color:var(--border-strong)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.card-pad{padding:var(--pad)}.card-hd{display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad);border-bottom:1px solid var(--divider);gap:10px}.card-hd h3{margin:0;font-size:13.5px;font-weight:600;letter-spacing:-.005em}.card-hd p{margin:0;font-size:12px;color:var(--text-muted)}.card-hd .lead{display:flex;align-items:center;gap:9px;min-width:0}.card-hd .actions{display:flex;gap:6px;align-items:center}.kpi{padding:var(--pad)}.kpi-lbl{font-size:12px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:6px;white-space:nowrap}.kpi-val{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-top:4px;font-feature-settings:"tnum"}.kpi-delta{font-size:11.5px;margin-top:6px;display:inline-flex;align-items:center;gap:4px;font-weight:500;white-space:nowrap}.kpi-delta.up{color:var(--accent-fg)}.kpi-delta.down{color:var(--critical-fg)}.kpi-delta.flat{color:var(--text-muted)}.kpi-spark{margin-top:10px;height:36px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:550;letter-spacing:.005em;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.success{background:var(--accent-soft);color:var(--accent-fg);border-color:transparent}.badge.critical{background:var(--critical-soft);color:var(--critical-fg);border-color:transparent}.badge.warning{background:var(--warning-soft);color:var(--warning-fg);border-color:transparent}.badge.info{background:var(--info-soft);color:var(--info-fg);border-color:transparent}.badge.violet{background:var(--violet-soft);color:var(--violet);border-color:transparent}.badge.solid{background:var(--text);color:white;border-color:transparent}.badge.outline{background:transparent}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.tbl thead th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:10px var(--pad);background:var(--bg-subtle);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:1}.tbl tbody td{padding:11px var(--pad);border-bottom:1px solid var(--divider);vertical-align:middle}.tbl tbody tr:hover td{background:var(--bg-subtle)}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr.sel td{background:var(--accent-soft)}.tbl .nm{font-weight:550}.tbl .mn{color:var(--text-muted);font-size:12px}.tbl .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inp{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);outline:none;width:100%}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.inp{padding:8px 10px;height:auto;resize:vertical;min-height:80px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:500;color:var(--text-secondary)}.field .hint{font-size:11.5px;color:var(--text-muted)}.select{position:relative}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:34px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);outline:none}.select:after{content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.sw{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.sw input{opacity:0;width:0;height:0}.sw .slider{inset:0;cursor:pointer;background:oklch(.85 .005 240);border-radius:999px}.sw .slider,.sw .slider:before{position:absolute;transition:.15s}.sw .slider:before{content:"";height:14px;width:14px;left:2px;top:2px;background:white;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.15)}.sw input:checked+.slider{background:var(--accent)}.sw input:checked+.slider:before{transform:translateX(14px)}.set-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--divider);gap:16px}.set-row:last-child{border-bottom:0}.set-row-meta{min-width:0;flex:1 1}.set-row-meta b{font-size:13.5px;font-weight:550;display:block;margin-bottom:2px}.set-row-meta span{font-size:12.5px;color:var(--text-muted)}.set-row-ctrl{flex-shrink:0}.chart-area{display:block}.chart-area,.wall{width:100%;height:100%}.wall{display:flex;flex-direction:column;background:oklch(.16 .012 240);color:oklch(.96 .005 240);overflow:hidden}.content:has(.wall){padding:0;overflow:hidden}.wall-hd{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:oklch(.2 .012 240);border-bottom:1px solid oklch(.28 .012 240);color:oklch(.96 .005 240);gap:16px}.wall-title{display:flex;flex-direction:column;line-height:1.1}.wall-title h2{margin:0;font-size:14px;font-weight:600;letter-spacing:-.005em}.wall-stats{display:flex;gap:12px;font-size:11px;color:oklch(.7 .01 240);margin-top:2px;font-family:var(--mono)}.wall-stats .dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:1px}.wall-stats .dot.live{background:oklch(.65 .18 145);box-shadow:0 0 6px oklch(.65 .18 145)}.wall-stats .dot.crit{background:oklch(.62 .22 25);animation:pulse 1.4s infinite}.wall-stats .dot.off{background:oklch(.5 .005 240)}.wall-clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;margin-left:12px;padding-left:14px;border-left:1px solid oklch(.3 .012 240)}.wall-clock .mono{font-size:18px;font-weight:600;font-family:var(--mono);letter-spacing:.01em;font-feature-settings:"tnum"}.wall-clock-d{font-size:10.5px;color:oklch(.65 .01 240);text-transform:uppercase;letter-spacing:.06em;margin-top:1px}.wall-select{position:relative}.wall-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:oklch(.24 .012 240);border:1px solid oklch(.32 .012 240);color:oklch(.95 .005 240);border-radius:6px;padding:6px 28px 6px 10px;font-size:12px;font-weight:500;outline:none;cursor:pointer}.wall-select:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.5px solid oklch(.7 .005 240);border-bottom:1.5px solid oklch(.7 .005 240);transform:translateY(-70%) rotate(45deg);pointer-events:none}.wall-btn-group{display:inline-flex;background:oklch(.24 .012 240);border:1px solid oklch(.32 .012 240);border-radius:6px;padding:2px}.wall-btn{height:26px;min-width:40px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:oklch(.78 .008 240);font-size:11.5px;font-weight:600;border-radius:4px;font-family:var(--mono);letter-spacing:.02em}.wall-btn:hover{color:oklch(.98 .005 240);background:oklch(.3 .012 240)}.wall-btn.active{background:oklch(.62 .16 145);color:white}.wall-btn.solo{background:oklch(.24 .012 240);border:1px solid oklch(.32 .012 240);width:30px;height:30px;min-width:0;padding:0;border-radius:6px}.wall-btn.solo:hover{background:oklch(.3 .012 240);color:oklch(.98 .005 240)}.wall-btn.solo.active{background:oklch(.62 .16 145);border-color:oklch(.55 .16 145);color:white}.wall-body{flex:1 1;position:relative;overflow:hidden;background:oklch(.13 .012 240);padding:8px}.wall-grid{display:grid;grid-gap:8px;gap:8px;width:100%;height:100%}.wall-grid .wall-cam{width:100%;height:100%;aspect-ratio:auto}.wall-spotlight{display:grid;grid-template-columns:1fr 280px;grid-gap:8px;gap:8px;width:100%;height:100%}.wall-spotlight>.wall-cam{width:100%;height:100%;aspect-ratio:auto}.wall-thumbs{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);grid-gap:6px;gap:6px;overflow-y:auto;scrollbar-width:thin}.wall-thumbs .wall-cam{width:100%;height:100%;min-height:0;aspect-ratio:16/10}.wall-cam{position:relative;background:oklch(.1 .01 240);border-radius:6px;overflow:hidden;border:1px solid oklch(.22 .012 240);min-height:0}.wall-cam-sel{outline:2px solid var(--accent);outline-offset:-2px}.wall-spotlight>.wall-cam .cam-name{font-size:15px!important}.wall-drawer{position:absolute;top:8px;right:8px;bottom:8px;width:320px;background:oklch(.99 .003 150);color:var(--text);border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.4);display:flex;flex-direction:column;z-index:10;overflow:hidden}.wall-drawer-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--divider);flex-shrink:0}.wall-drawer-hd b{font-size:13.5px}.wall-drawer-body{flex:1 1;overflow-y:auto;padding:4px 14px 14px}.cam-grid{display:grid;grid-gap:10px;gap:10px}.cam{position:relative;aspect-ratio:16/9;background:oklch(.2 .01 240);border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}.cam-video{display:block;background:oklch(.18 .01 240)}.cam-heatmap,.cam-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cam-heatmap{mix-blend-mode:screen;opacity:.55;pointer-events:none}.cam-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 18%,transparent 78%,rgba(0,0,0,.55)),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 4px);box-shadow:inset 0 0 80px rgba(0,0,0,.4)}.cam-pill{font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-family:var(--mono)}.cam-pill.alert{background:oklch(.58 .2 25);color:white;box-shadow:0 0 0 1px rgba(255,255,255,.15)}.cam-pill.offline{background:rgba(0,0,0,.55);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.15)}.cam-bg{background-image:linear-gradient(180deg,oklch(.32 .01 240),oklch(.18 .01 240)),repeating-linear-gradient(90deg,transparent,transparent 22px,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 23px)}.cam-bg,.cam-noise{position:absolute;inset:0}.cam-noise{opacity:.18;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.2),transparent 35%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.15),transparent 30%)}.cam-overlay{position:absolute;inset:0;display:flex;flex-direction:column;padding:8px 10px;color:white;font-size:11px;pointer-events:none;z-index:2}.cam-top{display:flex;justify-content:space-between;align-items:flex-start}.cam-name{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cam-rec{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;background:rgba(0,0,0,.45);padding:2px 6px;border-radius:4px}.cam-rec .pulse{width:6px;height:6px;border-radius:50%;background:var(--critical);box-shadow:0 0 6px var(--critical);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.cam-bot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;font-size:10.5px}.cam-ts{font-family:var(--mono);background:rgba(0,0,0,.45);padding:2px 6px;border-radius:4px}.det-box{position:absolute;border:1.5px solid;border-radius:2px;z-index:1;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.det-box:before{content:attr(data-label);position:absolute;top:-16px;left:-1.5px;background:currentColor;color:white;font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:2px 2px 2px 0;white-space:nowrap;letter-spacing:.02em;font-family:var(--mono);text-shadow:0 1px 1px rgba(0,0,0,.2)}.det-box[data-label=""]:before{display:none}.det-box.green{color:oklch(.65 .18 145)}.det-box.red{color:oklch(.62 .22 25)}.det-box.amber{color:oklch(.74 .18 75)}.cam-person{position:absolute;bottom:12%;width:8%;height:40%;background:oklch(.4 .02 240);border-radius:50% 50% 8% 8%/18% 18% 8% 8%;box-shadow:inset 0 -10px 8px rgba(0,0,0,.3)}.cam-person:after{content:"";position:absolute;top:-8%;left:22%;width:56%;aspect-ratio:1;border-radius:50%;background:oklch(.55 .02 240)}.grid{display:grid;grid-gap:var(--gap);gap:var(--gap)}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-6{grid-template-columns:repeat(6,minmax(0,1fr))}.divider{border-top:1px solid var(--divider)}.mono{font-family:var(--mono);font-size:.92em}.muted{color:var(--text-muted)}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap}.bar,.truncate{overflow:hidden}.bar{height:6px;border-radius:999px;background:var(--bg-subtle)}.bar>div{height:100%;background:var(--accent);border-radius:inherit;transition:width .3s}.bar.thin{height:4px}.bar.warning>div{background:var(--warning)}.bar.critical>div{background:var(--critical)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-muted);text-align:center;gap:8px}.split{display:grid;grid-template-columns:1fr 380px;grid-gap:var(--gap);gap:var(--gap)}.split.wide{grid-template-columns:1fr 440px}.sev{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.sev.crit{background:var(--critical);box-shadow:0 0 0 3px var(--critical-soft)}.sev.warn{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.sev.info{background:var(--info);box-shadow:0 0 0 3px var(--info-soft)}.sev.ok{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.map-wrap{position:relative;background:var(--bg-subtle);border-radius:var(--r);overflow:hidden;background-image:radial-gradient(circle at 30% 40%,oklch(.94 .01 150) 0,transparent 35%),radial-gradient(circle at 70% 60%,oklch(.94 .01 150) 0,transparent 30%)}.map-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px oklch(.62 .16 145/.18);transform:translate(-50%,-50%)}.map-dot.warn{background:var(--warning);box-shadow:0 0 0 4px oklch(.74 .16 75/.18)}.map-dot.crit{background:var(--critical);box-shadow:0 0 0 4px oklch(.58 .2 25/.18);animation:pulse 1.6s infinite}.donut{position:relative;width:110px;height:110px}.donut svg{transform:rotate(-90deg)}.donut .ctr{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:600;letter-spacing:-.02em}.donut .ctr small{display:block;font-size:10.5px;color:var(--text-muted);text-align:center;font-weight:500}