:root{--bg: #080b11;--surface: #0e131b;--surface-2: #141b25;--surface-3: #1a2230;--overlay: rgba(4, 7, 12, .72);--line: #1e2733;--line-strong: #2b3747;--line-soft: #172029;--text: #e9eef6;--text-2: #93a1b5;--text-3: #61708a;--brand: #2f80f7;--brand-hover: #4a92ff;--brand-ink: #ffffff;--brand-soft: rgba(47, 128, 247, .14);--brand-line: rgba(47, 128, 247, .42);--critical: #ff5c5c;--critical-soft: rgba(255, 92, 92, .13);--critical-line: rgba(255, 92, 92, .4);--warn: #f4a13a;--warn-soft: rgba(244, 161, 58, .13);--warn-line: rgba(244, 161, 58, .38);--ok: #35c97f;--ok-soft: rgba(53, 201, 127, .13);--ok-line: rgba(53, 201, 127, .36);--info: #47b9f0;--info-soft: rgba(71, 185, 240, .13);--info-line: rgba(71, 185, 240, .36);--idle: #7b8aa0;--idle-soft: rgba(123, 138, 160, .13);--idle-line: rgba(123, 138, 160, .32);--font: "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--text-2xl: 2.25rem;--leading-tight: 1.15;--leading: 1.55;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--edge: inset 0 1px 0 rgba(255, 255, 255, .04);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .45), 0 18px 48px rgba(0, 0, 0, .42);--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--brand);--fast: .12s cubic-bezier(.4, 0, .2, 1);--base: .2s cubic-bezier(.4, 0, .2, 1);--header-h: 60px;--page-max: 1560px}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #eef1f6;--surface: #ffffff;--surface-2: #f5f7fa;--surface-3: #eceff4;--overlay: rgba(15, 23, 35, .45);--line: #dde3ec;--line-strong: #c6d0dd;--line-soft: #e8ecf2;--text: #0d1420;--text-2: #52607a;--text-3: #7c8aa2;--brand: #1c66d6;--brand-hover: #1755b4;--brand-soft: rgba(28, 102, 214, .09);--brand-line: rgba(28, 102, 214, .32);--critical: #cf2f2f;--critical-soft: rgba(207, 47, 47, .09);--critical-line: rgba(207, 47, 47, .3);--warn: #a76a08;--warn-soft: rgba(167, 106, 8, .1);--warn-line: rgba(167, 106, 8, .28);--ok: #17784a;--ok-soft: rgba(23, 120, 74, .1);--ok-line: rgba(23, 120, 74, .28);--info: #0d6f9e;--info-soft: rgba(13, 111, 158, .1);--info-line: rgba(13, 111, 158, .28);--idle: #64748b;--idle-soft: rgba(100, 116, 139, .1);--idle-line: rgba(100, 116, 139, .26);--edge: inset 0 1px 0 rgba(255, 255, 255, .9);--shadow: 0 1px 2px rgba(16, 26, 45, .06), 0 8px 20px rgba(16, 26, 45, .06);--shadow-lg: 0 2px 6px rgba(16, 26, 45, .08), 0 18px 44px rgba(16, 26, 45, .1)}}:root[data-theme=light]{--bg: #eef1f6;--surface: #ffffff;--surface-2: #f5f7fa;--surface-3: #eceff4;--overlay: rgba(15, 23, 35, .45);--line: #dde3ec;--line-strong: #c6d0dd;--line-soft: #e8ecf2;--text: #0d1420;--text-2: #52607a;--text-3: #7c8aa2;--brand: #1c66d6;--brand-hover: #1755b4;--brand-soft: rgba(28, 102, 214, .09);--brand-line: rgba(28, 102, 214, .32);--critical: #cf2f2f;--critical-soft: rgba(207, 47, 47, .09);--critical-line: rgba(207, 47, 47, .3);--warn: #a76a08;--warn-soft: rgba(167, 106, 8, .1);--warn-line: rgba(167, 106, 8, .28);--ok: #17784a;--ok-soft: rgba(23, 120, 74, .1);--ok-line: rgba(23, 120, 74, .28);--info: #0d6f9e;--info-soft: rgba(13, 111, 158, .1);--info-line: rgba(13, 111, 158, .28);--idle: #64748b;--idle-soft: rgba(100, 116, 139, .1);--idle-line: rgba(100, 116, 139, .26);--edge: inset 0 1px 0 rgba(255, 255, 255, .9);--shadow: 0 1px 2px rgba(16, 26, 45, .06), 0 8px 20px rgba(16, 26, 45, .06);--shadow-lg: 0 2px 6px rgba(16, 26, 45, .08), 0 18px 44px rgba(16, 26, 45, .1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;line-height:var(--leading-tight);letter-spacing:-.02em;text-wrap:balance}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}::selection{background:var(--brand-soft)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.nums{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);font-weight:600}.label-optional{margin-left:var(--s1);font-weight:500;letter-spacing:.04em;color:var(--text-4, var(--text-3));opacity:.75}.field-hint{margin:0;font-size:var(--text-xs);line-height:1.45;color:var(--text-3)}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:var(--header-h);display:flex;align-items:center;gap:var(--s4);padding:0 var(--s5);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--s3);flex:none}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(155deg,var(--brand-hover),var(--brand));display:grid;place-items:center;color:var(--brand-ink);box-shadow:0 3px 10px #2f80f759;flex:none}.brand-name{font-size:var(--text-md);font-weight:650;letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:var(--s1);margin:0 auto;padding:var(--s1);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill)}.nav-item{display:flex;align-items:center;gap:var(--s2);height:34px;padding:0 var(--s3);border:none;background:none;color:var(--text-3);border-radius:var(--r-pill);cursor:pointer;transition:color var(--fast),background var(--fast);white-space:nowrap}.nav-item:hover{color:var(--text);background:var(--surface-3)}.nav-item[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:var(--edge),var(--shadow)}.nav-label{font-size:var(--text-sm);font-weight:550}.topbar-right{display:flex;align-items:center;gap:var(--s2);flex:none}.user{display:flex;align-items:center;gap:var(--s3);padding:var(--s1) var(--s3) var(--s1) var(--s1);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;transition:border-color var(--fast)}.user:hover{border-color:var(--line-strong)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(155deg,var(--surface-3),var(--surface-2));border:1px solid var(--line-strong);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;color:var(--text-2);flex:none}.user-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.user-name{font-size:var(--text-sm);font-weight:600}.user-role{font-size:var(--text-xs);color:var(--text-3);text-transform:capitalize}.page{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--s6) var(--s5) var(--s10);display:flex;flex-direction:column;gap:var(--s5)}.page-head{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.page-title{font-size:var(--text-xl);font-weight:660}.page-head-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:36px;padding:0 var(--s4);border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);font-weight:550;cursor:pointer;white-space:nowrap;transition:background var(--fast),border-color var(--fast),color var(--fast)}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:transparent;color:var(--brand-ink);box-shadow:0 2px 10px #2f80f74d}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:transparent}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-sm{height:28px;padding:0 var(--s3);font-size:var(--text-xs)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);cursor:pointer;flex:none;transition:background var(--fast),color var(--fast),border-color var(--fast)}.icon-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--line-strong)}.icon-btn-plain{border-color:transparent;background:transparent}.link-btn{background:none;border:none;padding:0;color:var(--text-2);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-btn:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--edge);display:flex;flex-direction:column;min-width:0}.card-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s4) var(--s3)}.card-title{font-size:var(--text-sm);font-weight:620;letter-spacing:-.01em;display:flex;align-items:center;gap:var(--s2)}.card-head-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}.card-body{padding:0 var(--s4) var(--s4);min-width:0}.card-body-flush{padding:0}.card-scroll{overflow-y:auto;overscroll-behavior:contain}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:var(--s3)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--edge);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);min-width:0}.stat-head{display:flex;align-items:center;gap:var(--s2);color:var(--text-2);font-size:var(--text-sm)}.stat-head svg{color:var(--text-3);flex:none}.stat-value-row{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.stat-value{font-size:var(--text-2xl);font-weight:660;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1}.stat-unit{font-size:var(--text-sm);color:var(--text-3)}.delta{margin-left:auto;font-size:var(--text-xs);font-weight:600;padding:2px var(--s2);border-radius:var(--r-pill);font-variant-numeric:tabular-nums;white-space:nowrap}.delta-ok{color:var(--ok);background:var(--ok-soft)}.delta-warn{color:var(--warn);background:var(--warn-soft)}.delta-critical{color:var(--critical);background:var(--critical-soft)}.delta-idle{color:var(--text-3);background:var(--surface-2)}.stat-bar{height:4px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden;display:flex}.stat-bar span{display:block;height:100%}.status{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:550;color:var(--text-2);white-space:nowrap;text-transform:capitalize}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--idle);flex:none}.status-critical .status-dot{background:var(--critical)}.status-warn .status-dot{background:var(--warn)}.status-ok .status-dot{background:var(--ok)}.status-critical{color:var(--critical)}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 var(--s2);border-radius:var(--r-pill);border:1px solid;font-size:var(--text-xs);font-weight:600;white-space:nowrap;text-transform:capitalize}.pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.pill-ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-line)}.pill-warn{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-line)}.pill-critical{color:var(--critical);background:var(--critical-soft);border-color:var(--critical-line)}.pill-info{color:var(--info);background:var(--info-soft);border-color:var(--info-line)}.pill-idle{color:var(--text-2);background:var(--surface-2);border-color:var(--line)}.pill-brand{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-line)}.count-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);font-size:var(--text-xs);font-weight:650;font-variant-numeric:tabular-nums}.banner{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r);border:1px solid;font-size:var(--text-sm)}.banner svg{flex:none;margin-top:2px}.banner-critical{color:var(--critical);background:var(--critical-soft);border-color:var(--critical-line)}.banner-info{color:var(--text);background:var(--info-soft);border-color:var(--info-line)}.command{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap;padding:var(--s4) var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--edge)}.command-state{display:flex;flex-direction:column;gap:2px;min-width:190px}.command-value{font-size:var(--text-lg);font-weight:660;letter-spacing:-.02em;text-transform:capitalize}.command-hint{font-size:var(--text-xs);color:var(--text-3)}.segmented{display:flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r)}.segment{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--s4);border:none;background:none;border-radius:7px;color:var(--text-2);font-size:var(--text-sm);font-weight:550;text-transform:capitalize;cursor:pointer;transition:background var(--fast),color var(--fast)}.segment:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.segment[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:default}.segment:disabled{cursor:not-allowed;opacity:.55}.segment-locked{color:var(--critical);opacity:.75}.command-meta{margin-left:auto;display:flex;align-items:center;gap:var(--s3)}.command-note{flex-basis:100%;font-size:var(--text-xs);color:var(--text-2);margin:0}.command-note-error{color:var(--critical)}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:var(--s4);align-items:start}.grid-lower{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.9fr);gap:var(--s4);align-items:start}@media(max-width:1180px){.grid-main,.grid-lower{grid-template-columns:1fr}}.activity{padding:0 var(--s4) var(--s3)}.activity-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.activity-quiet{font-size:var(--text-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.activity-strip{display:block;width:100%;height:34px}.tick-none{fill:var(--line-strong)}.tick-info{fill:var(--text-3)}.tick-warning{fill:var(--warn)}.tick-critical{fill:var(--critical)}.activity-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-3);margin-top:2px}.panel-error{margin:0 var(--s4) var(--s2);font-size:var(--text-xs);color:var(--critical)}.all-clear{display:flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s6) var(--s4);color:var(--text-2);font-size:var(--text-sm);border-top:1px solid var(--line-soft)}.all-clear svg{color:var(--ok)}.repeat{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-2);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 5px;line-height:16px;cursor:pointer}.repeat:hover{color:var(--text);border-color:var(--line-strong)}.occurrences{list-style:none;margin:var(--s2) 0 0;padding:var(--s2) 0 0;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:2px;max-height:132px;overflow-y:auto}.occurrences li{display:flex;gap:var(--s3);font-family:var(--font-mono);font-size:10px;color:var(--text-2);font-variant-numeric:tabular-nums}.tiny{font-size:var(--text-xs)}.history{border-top:1px solid var(--line-soft)}.history-toggle{display:flex;align-items:center;gap:var(--s2);width:100%;padding:var(--s3) var(--s4);background:none;border:none;color:var(--text-2);font-size:var(--text-xs);font-weight:550;cursor:pointer;text-align:left}.history-toggle:hover{color:var(--text);background:var(--surface-2)}.history-toggle svg{transition:transform var(--fast)}.history-toggle .rot{transform:rotate(180deg)}.alert-list{list-style:none;margin:0;padding:var(--s1) var(--s4) var(--s4);display:flex;flex-direction:column;gap:var(--s2);max-height:400px;border-top:1px solid var(--line-soft)}.alert{display:flex;gap:var(--s3);padding:var(--s3);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);transition:background var(--fast)}.alert:hover{background:var(--surface-3)}.alert-acked{opacity:.5}.alert-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.alert-top{display:flex;align-items:center;gap:var(--s2)}.alert-type{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3)}.alert-time{margin-left:auto;font-size:var(--text-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.alert-msg{font-size:var(--text-sm)}.alert-meta{font-size:var(--text-xs);color:var(--text-3)}.alert-actions{display:flex;align-items:center;flex:none}.agent-list{list-style:none;margin:0;padding:0 var(--s4) var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.agent{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--s3);width:100%;padding:var(--s3);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;text-align:left;transition:border-color var(--fast),background var(--fast)}.agent:hover{border-color:var(--line-strong);background:var(--surface-3)}.agent-focused{border-color:var(--brand-line);background:var(--brand-soft)}.agent-icon{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--line);color:var(--text-2);flex:none}.agent-offline .agent-icon{color:var(--critical);border-color:var(--critical-line)}.agent-body{min-width:0;display:flex;flex-direction:column;gap:1px}.agent-name{font-size:var(--text-sm);font-weight:600}.agent-sub{font-size:var(--text-xs);color:var(--text-3);display:flex;gap:6px;align-items:center}.agent-id{font-family:var(--font-mono)}.agent-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.agent-seen{font-size:var(--text-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.caps{display:flex;gap:4px;flex-wrap:wrap;margin-top:var(--s1)}.cap{font-family:var(--font-mono);font-size:10px;color:var(--text-3);border:1px solid var(--line);border-radius:4px;padding:0 5px;line-height:16px}.events{list-style:none;margin:0;padding:0;max-height:380px;overflow-y:auto}.event{display:grid;grid-template-columns:78px 132px minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border-bottom:1px solid var(--line-soft);font-size:var(--text-xs)}.event:last-child{border-bottom:none}.event:hover{background:var(--surface-2)}.event-time{font-family:var(--font-mono);color:var(--text-3);font-variant-numeric:tabular-nums}.event-type{color:var(--text-2);font-size:var(--text-xs)}.event-notable{color:var(--text);font-weight:550}.event-notable:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--text-3);vertical-align:middle;margin-right:6px}.event-agent{font-family:var(--font-mono);color:var(--text-2)}.event-meta{font-family:var(--font-mono);color:var(--text-3)}@media(max-width:780px){.event{grid-template-columns:70px 1fr auto}.event-agent,.event-meta{display:none}}.clip-link{display:inline-flex;align-items:center;gap:4px;color:var(--info);border:1px solid var(--info-line);background:var(--info-soft);border-radius:var(--r-sm);padding:1px 7px;text-decoration:none;font-size:10px;font-weight:600}.clip-link:hover{background:var(--info);color:var(--bg)}.camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s3);padding:0 var(--s4) var(--s4)}.camera{margin:0;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color var(--fast)}.camera:hover{border-color:var(--line-strong)}.camera-frame{position:relative;aspect-ratio:16 / 9;background:#04070c;display:grid;place-items:center}.camera-img{width:100%;height:100%;object-fit:contain;display:block}.camera-play{display:inline-flex;align-items:center;gap:var(--s2);height:34px;padding:0 var(--s4);border-radius:var(--r-pill);border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--fast)}.camera-play:hover{background:var(--brand);color:var(--brand-ink)}.camera-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--s4);text-align:center;color:var(--text-3);font-size:var(--text-xs)}.camera-empty-hint{max-width:230px;opacity:.8}.camera-controls{position:absolute;top:var(--s2);right:var(--s2);display:flex;gap:4px;padding:3px;border-radius:var(--r);background:#060a10b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity var(--fast)}.camera:hover .camera-controls,.camera-controls:focus-within{opacity:1}.camera-controls .icon-btn{width:28px;height:28px;color:#dbe4f0}.camera-controls .icon-btn:hover{background:#ffffff1f;color:#fff}.camera-note{margin:0 var(--s4) var(--s3);font-size:var(--text-xs);color:var(--text-3)}.camera-meta{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-top:1px solid var(--line)}.camera-name{font-size:var(--text-sm);font-weight:600}.camera-id{font-family:var(--font-mono);font-size:10px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-live{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:var(--critical);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.camera-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s8) var(--s4);color:var(--text-3);font-size:var(--text-sm);text-align:center}.empty svg{opacity:.35}.filters{display:flex;gap:3px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill)}.filter{height:24px;padding:0 var(--s3);border:none;background:none;border-radius:var(--r-pill);color:var(--text-3);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:color var(--fast),background var(--fast)}.filter:hover{color:var(--text)}.filter[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.signin{min-height:100vh;display:grid;place-items:center;padding:var(--s5);background:radial-gradient(60rem 40rem at 50% -10%,var(--brand-soft),transparent 70%),var(--bg)}.signin-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg),var(--edge);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3)}.signin-brand{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}.signin-card h1{font-size:var(--text-lg);font-weight:660}.signin-card p{font-size:var(--text-sm);color:var(--text-2)}.field{display:flex;flex-direction:column;gap:6px;margin-top:var(--s2)}.input{height:40px;padding:0 var(--s3);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);font:inherit;font-size:var(--text-base);transition:border-color var(--fast)}.input::placeholder{color:var(--text-3)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.form-error{color:var(--critical);font-size:var(--text-sm)}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:var(--s3);color:var(--text-2)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--brand);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.nav-item{text-decoration:none}.page-sub{font-size:var(--text-sm);color:var(--text-3)}.segmented{display:flex;gap:2px;padding:2px;background:var(--surface-2);border-radius:var(--r-pill);margin-left:auto}.segmented-item{border:none;background:none;color:var(--text-3);font-size:var(--text-sm);font-weight:600;padding:var(--s1) var(--s3);border-radius:var(--r-pill);cursor:pointer;transition:color var(--fast),background var(--fast)}.segmented-item:hover{color:var(--text)}.segmented-item.is-active{background:var(--surface);color:var(--text);box-shadow:var(--edge)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding:0 var(--s5) var(--s4)}.card-body-flush .panel-head{padding-top:var(--s4)}.panel-head .field-hint{max-width:62ch}.filter-row{display:flex;gap:var(--s2)}.input-sm{height:30px;padding:0 var(--s2);font-size:var(--text-sm)}.chart{display:flex;align-items:flex-end;gap:2px;height:160px;padding-top:var(--s2)}.chart-col{flex:1 1 0;height:100%;display:flex;align-items:flex-end;min-width:3px}.chart-stack{position:relative;width:100%;height:100%;display:flex;align-items:flex-end}.chart-bar{width:100%;min-height:2px;background:var(--surface-3);border-radius:2px 2px 0 0;transition:background var(--fast)}.chart-col:hover .chart-bar{background:var(--line-strong)}.chart-bar-alert{position:absolute;bottom:0;left:0;background:var(--critical);opacity:.85}.ranked{list-style:none;margin:0;padding:0}.ranked-row{display:grid;grid-template-columns:minmax(90px,26%) 1fr auto;align-items:center;gap:var(--s3);padding:var(--s2) var(--s5);border-bottom:1px solid var(--line-soft)}.ranked-row:last-child{border-bottom:none}.ranked-label{font-size:var(--text-sm);color:var(--text-2);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-track{height:6px;background:var(--surface-2);border-radius:var(--r-pill);overflow:hidden}.ranked-fill{display:block;height:100%;background:var(--line-strong);border-radius:var(--r-pill)}.ranked-value{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-2)}.schedule-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-soft)}.schedule-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);border-bottom:1px solid var(--line-soft)}.schedule-time{font-size:var(--text-md);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);min-width:56px}.schedule-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.schedule-name{font-size:var(--text-base);color:var(--text)}.schedule-meta{font-size:var(--text-xs);color:var(--text-3)}.schedule-actions{display:flex;gap:var(--s1)}.schedule-form{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);margin-top:var(--s4);background:var(--surface-2);border-radius:var(--r);box-shadow:var(--edge)}.schedule-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s4)}.schedule-form-actions{display:flex;justify-content:flex-end;gap:var(--s2)}.day-picker{display:flex;gap:var(--s1);flex-wrap:wrap}.day-chip{min-width:42px;height:30px;border:1px solid var(--line);background:var(--surface);color:var(--text-3);border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--fast)}.day-chip:hover{color:var(--text);border-color:var(--line-strong)}.day-chip.is-on{background:var(--brand-soft);border-color:var(--brand-line);color:var(--text)}.checkline{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--text-2);cursor:pointer}.audit-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-soft)}.audit-row{display:flex;align-items:flex-start;gap:var(--s4);padding:var(--s3) var(--s5);border-bottom:1px solid var(--line-soft)}.audit-row.is-refused{background:var(--critical-soft)}.audit-when{display:flex;flex-direction:column;min-width:62px;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-2)}.audit-date{font-size:var(--text-xs);color:var(--text-3)}.audit-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.audit-headline{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-base);color:var(--text)}.audit-target{font-size:var(--text-xs);color:var(--text-3);font-family:var(--mono, ui-monospace, monospace)}.audit-meta{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:var(--text-xs);color:var(--text-3)}.audit-actor{color:var(--text-2);font-weight:600}.audit-claim{font-style:italic}.audit-ip{font-family:var(--mono, ui-monospace, monospace)}.audit-reason{font-size:var(--text-sm);color:var(--text-2);line-height:var(--leading);max-width:80ch}.settings-facts{list-style:none;margin:var(--s4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}.settings-facts li{display:grid;grid-template-columns:minmax(90px,130px) 1fr;gap:var(--s4);font-size:var(--text-sm);line-height:var(--leading)}.settings-facts li>span:first-child{color:var(--text-3);font-weight:600}.settings-facts li>span:last-child{color:var(--text-2)}.wizard{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5)}.wizard-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.wizard-title{display:flex;align-items:center;gap:var(--s2);margin:0;font-size:var(--text-md);font-weight:600;color:var(--text)}.wizard-step{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);background:var(--surface-2);border-radius:var(--r);box-shadow:var(--edge)}.wizard-step-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.wizard-step-actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.wizard-step-actions .field-hint{flex:1;min-width:220px}.codeblock{margin:0;padding:var(--s3) var(--s4);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono, ui-monospace, monospace);font-size:var(--text-xs);line-height:1.7;color:var(--text-2);overflow-x:auto;white-space:pre}.wizard-status{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface-2);border-radius:var(--r);font-size:var(--text-sm);color:var(--text-2)}.wizard-status strong{font-family:var(--mono, ui-monospace, monospace);color:var(--text)}.capture-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(240px,1fr);gap:var(--s5);align-items:start}@media(max-width:720px){.capture-layout{grid-template-columns:1fr}}.capture-preview{position:relative;aspect-ratio:4 / 3;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.capture-video{width:100%;height:100%;object-fit:cover;display:block}.capture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--text-2);font-size:var(--text-sm);text-align:center;padding:var(--s4)}.capture-controls{display:flex;flex-direction:column;gap:var(--s4)}.capture-stats{display:flex;flex-wrap:wrap;gap:var(--s3);font-size:var(--text-sm);color:var(--text-2)}.camera-origin-badge{position:absolute;top:var(--s2);left:var(--s2);z-index:2;padding:2px var(--s2);border-radius:var(--r-sm);background:color-mix(in srgb,var(--warn) 22%,var(--bg));border:1px solid var(--warn-line);color:var(--warn);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.camera-browser{border-color:var(--warn-line)}.door-control{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.door-head{display:flex;align-items:center;gap:8px}.door-name{font-weight:600}.door-id{color:var(--text-dim);font-family:var(--mono);font-size:12px}.door-actions{display:flex;gap:8px}.door-note{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--text-dim);line-height:1.45}.door-note-warn{color:var(--text)}