@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg:#09090b;--surface:#0f0f12;--surface-2:#16161b;--surface-3:#1e1e25;--surface-4:#27272a;--line:#27272a;--line-2:#3a3a42;--line-3:#52525b;--text:#fafafa;--text-2:#a1a1aa;--text-3:#71717a;--text-4:#52525b;--violet:#4e1c8f;--violet-2:#6b2dbf;--violet-3:#8b5cf6;--magenta:#d12b6e;--magenta-2:#ee3e82;--magenta-3:#f472b6;--ok:#10b981;--warn:#f59e0b;--crit:#ef4444;--info:#3b82f6;--cyan:#22d3ee}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,monospace}.app{display:grid;grid-template-columns:64px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{background:var(--surface-2);border-right:1px solid var(--line);padding:14px 0;flex-direction:column;gap:6px}.brand-mark,.sidebar{display:flex;align-items:center}.brand-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--magenta),var(--violet));justify-content:center;box-shadow:0 0 20px rgba(209,43,110,.4);position:relative;margin-bottom:10px}.brand-mark:after{content:"";width:14px;height:14px;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 3px var(--magenta-2)}.nav-i{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-3);cursor:pointer}.nav-i:hover{color:var(--text-2);background:var(--surface-3)}.nav-i.active{color:var(--magenta);background:rgba(209,43,110,.1);border:1px solid rgba(209,43,110,.25)}.nav-i svg{width:20px;height:20px}.sidebar-spacer{flex:1 1}.main{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.topbar{height:56px;padding:0 20px;gap:14px;background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0}.crumb,.topbar{display:flex;align-items:center}.crumb{font-size:13px;color:var(--text-2);gap:8px}.crumb b{color:var(--text);font-weight:600}.crumb .sep{color:var(--text-4)}.tabs{display:flex;gap:4px;margin-left:18px}.tab{padding:7px 14px;font-size:13px;color:var(--text-2);border-radius:8px;cursor:pointer;font-weight:500}.tab:hover{background:var(--surface-2);color:var(--text)}.tab.active{background:var(--surface-3);color:var(--text)}.ml-auto{margin-left:auto}.row{gap:10px}.av,.row{display:flex;align-items:center}.av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--magenta),var(--violet));justify-content:center;font-size:11px;font-weight:700;color:#fff}.content{padding:14px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0}.content>*{flex-shrink:0}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.fl-lbl{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.fl,.fl-lbl{font-weight:500}.fl{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text);padding:5px 9px;border-radius:6px;background:var(--surface-3);border:1px solid var(--line);cursor:pointer}.fl .lk{color:var(--text-3);font-size:10px;margin-right:2px}.fl .vk{color:var(--text);font-weight:600}.fl.active{background:rgba(209,43,110,.1);border-color:rgba(209,43,110,.35)}.fl.active .vk{color:var(--magenta)}.fl.live{color:var(--ok);background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.3)}.fl.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.kpi{padding:12px 14px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);position:relative;overflow:hidden}.kpi .l{font-size:9px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase}.kpi .v{font-size:22px;font-weight:700;margin-top:4px}.kpi .v small{font-size:11px;margin-left:3px;color:var(--text-3)}.kpi .d{font-size:10px;color:var(--text-3);margin-top:2px}.kpi .d.bad{color:var(--magenta)}.kpi .d.good{color:var(--ok)}.kpi.alert{border-color:rgba(209,43,110,.3)}.main-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:10px;gap:10px;flex:1 1;min-height:0}.col{gap:10px}.col,.panel{display:flex;flex-direction:column;min-height:0}.panel{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-head{padding:12px 14px 8px;display:flex;justify-content:space-between;align-items:flex-start}.panel-head .pt{font-size:12px;font-weight:600}.panel-head .ps{font-size:10px;color:var(--text-3);margin-top:2px}.panel-body{flex:1 1;padding:0 14px 12px;min-height:0;display:flex;flex-direction:column}.legend{display:flex;gap:10px;font-size:10px;color:var(--text-2);flex-wrap:wrap}.legend .li{display:flex;align-items:center;gap:5px;cursor:pointer}.legend .sw{width:8px;height:8px;border-radius:2px}.cammap{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--line);aspect-ratio:1000/562}.cammap img{display:block;width:100%;height:100%;object-fit:cover}.cammap svg{position:absolute;inset:0;width:100%;height:100%}.zlabel{font-size:11px;font-family:JetBrains Mono,monospace;fill:#fff;paint-order:stroke;stroke:#000;stroke-width:2.5px;font-weight:600}.zrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer}.zrow:last-child{border-bottom:none}.zrow:hover{background:var(--surface-3)}.zdot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.zname{font-size:12px;font-weight:500}.zsub{font-size:10px;color:var(--text-3);margin-top:1px}.zval{margin-left:auto;text-align:right}.zval .n{font-size:15px;font-weight:700;font-family:JetBrains Mono,monospace}.zval .u{font-size:9px;color:var(--text-3)}.tag{font-size:9px;padding:1px 6px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tag.checkout{background:rgba(209,43,110,.12);color:var(--magenta)}.tag.queue{background:rgba(245,158,11,.12);color:var(--warn)}.tag.aisle{background:rgba(59,130,246,.12);color:var(--info)}.tag.display{background:rgba(139,92,246,.12);color:var(--violet-3)}.insight{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.insight:last-child{border-bottom:none}.insight .ic{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.builder-wrap{display:grid;grid-template-columns:1fr 300px;grid-gap:12px;gap:12px;flex:1 1;min-height:0}.btn{padding:7px 12px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--surface-3);color:var(--text);cursor:pointer}.btn.primary{background:var(--magenta);border-color:var(--magenta);color:#fff}.btn:disabled{opacity:.45;cursor:default}.btn.del{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:var(--crit);margin-top:10px;width:100%}.hint{font-size:11px;color:var(--text-3);line-height:1.5}.zrow.on{background:var(--surface-3)}.metric-strip{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;padding:0 0 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.metric{background:var(--surface-3);border:1px solid var(--line);border-radius:8px;padding:7px 8px}.metric .ml{font-size:8px;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}.metric .mv{font-size:16px;font-weight:700;font-family:JetBrains Mono,monospace;margin-top:1px}.metric .md{font-size:8.5px;color:var(--text-4)}.edit-form{background:var(--surface-3);border:1px solid var(--line-2);border-radius:9px;padding:10px;margin-bottom:8px;display:flex;flex-direction:column}.ef-title{font-size:12px;font-weight:600;margin-bottom:6px}.ef-l{font-size:9px;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;margin:6px 0 2px}.ef-in{background:var(--surface);border:1px solid var(--line-2);border-radius:6px;color:var(--text);padding:6px 8px;font-size:12px;font-family:inherit;width:100%}.swatches{display:flex;gap:5px;flex-wrap:wrap}.sw-pick{width:20px;height:20px;border-radius:5px;cursor:pointer;border:2px solid transparent}.sw-pick.on{border-color:#fff;box-shadow:0 0 0 1px var(--bg)}.json-out{width:100%;height:150px;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:9px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--line);border-radius:6px;padding:6px}.hsel{background:var(--surface);border:1px solid var(--line-2);border-radius:5px;color:var(--text);font-size:11px;font-weight:600;padding:2px 4px;font-family:inherit}.hsel,.maxbtn{cursor:pointer}.maxbtn{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text-3);width:24px;height:24px;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.maxbtn:hover{color:var(--text);border-color:var(--line-3);background:var(--surface-3)}.maxbtn.sm{width:20px;height:20px;font-size:11px}.seg{display:flex;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:2px}.seg-b{background:transparent;border:none;color:var(--text-3);font-size:10px;font-weight:600;padding:4px 8px;border-radius:5px;cursor:pointer;font-family:inherit}.seg-b:hover{color:var(--text-2)}.seg-b.on{background:var(--surface-4);color:var(--text)}.sec-h{font-size:11px;font-weight:600;color:var(--text-2);letter-spacing:.04em;margin:4px 2px -2px;text-transform:uppercase}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:10px;gap:10px}.area-grid .panel{min-height:230px}.metric-strip.mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.metric-strip.mini .metric{padding:6px 8px}.metric-strip.mini .mv{font-size:15px}.acard,.kpi,.metric{min-width:0}.metric .md,.metric .ml,.metric .mv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charts-grid,.kpi-grid,.stats-grid{min-width:0;max-width:100%}.seg.sm{padding:1px}.seg.sm .seg-b{padding:3px 6px;font-size:9px}.mapbig{display:block;flex:none}.mapbig .cammap{max-width:1200px;width:100%;margin:8px auto 0;min-height:380px}.varbox{min-height:160px;max-height:230px}.stats-grid{margin-bottom:14px}.charts-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}@media(max-width:1080px){.charts-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.charts-grid,.stats-grid{grid-template-columns:1fr}}.metric-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.metric-charts .chartcard{min-height:260px}@media(max-width:820px){.metric-charts{grid-template-columns:1fr}}.acard{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:11px 13px}.acard .ahead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:9px;gap:8px}.acard .ahead .pt{font-size:12px;font-weight:600}.acard.chartcard{display:flex;flex-direction:column;min-height:215px}.acard.chartcard .ahead{margin-bottom:4px}.offrow{font-size:11px;color:var(--text-3);line-height:1.5}.offrow b{color:var(--text-2);font-weight:600}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:28px}.modal{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;width:min(640px,92vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}.modal.wide{width:min(1180px,94vw)}.modal-grid{display:grid;grid-gap:12px;gap:12px;padding:12px 14px 16px;overflow:auto}.modal-grid.n1{grid-template-columns:1fr}.modal-grid.n2{grid-template-columns:1fr 1fr}.modal-grid.n3{grid-template-columns:1fr 1fr 1fr}.cmp-card{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;min-height:300px;overflow:hidden}.cmp-head{display:flex;justify-content:space-between;align-items:center;padding:9px 11px 4px}.cmp-head .pt{font-size:12px;font-weight:600}.cmp-body{flex:1 1;padding:4px 11px 11px;min-height:240px;display:flex;flex-direction:column}@media(max-width:900px){.modal-grid.n2,.modal-grid.n3{grid-template-columns:1fr}}.dtin{background:var(--surface);border:1px solid var(--line-2);border-radius:5px;color:var(--text);font-size:11px;font-weight:600;padding:2px 5px;font-family:inherit;cursor:pointer;color-scheme:dark}.panel.muted{opacity:.7;border-style:dashed}.offbox{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:18px;min-height:150px}.offt{font-size:13px;font-weight:600;color:var(--text-3)}.offbox .hint{max-width:240px}.ef-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-2);margin-top:8px;cursor:pointer}.ef-toggle input{accent-color:var(--magenta);width:14px;height:14px}[data-theme=light]{--bg:#f1f1f3;--surface:#fff;--surface-2:#fff;--surface-3:#f4f4f5;--surface-4:#e7e7ea;--line:#e4e4e7;--line-2:#d4d4d8;--line-3:#b4b4bb;--text:#18181b;--text-2:#52525b;--text-3:#71717a;--text-4:#a1a1aa}[data-theme=light] body{background:var(--bg)}[data-theme=light] .dtin{color-scheme:light}[data-theme=light] .json-out{color:var(--text-2)}[data-theme=light] .sidebar,[data-theme=light] .topbar{box-shadow:0 1px 0 var(--line)}[data-theme=light] .zlabel{fill:#18181b;stroke:#fff;stroke-width:3px}[data-theme=light] .modal-bg{background:rgba(24,24,27,.4)}.app{grid-template-columns:216px minmax(0,1fr)}.sidebar.wide{align-items:stretch;padding:14px 10px;gap:10px;overflow-y:auto}.brand-row{display:flex;align-items:center;gap:10px;padding:2px 6px 8px}.brand-text{font-size:15px;font-weight:800;letter-spacing:-.02em}.brand-row .brand-mark{margin-bottom:0;width:30px;height:30px}.nav{display:flex;flex-direction:column;gap:12px}.nav-sec-h{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-4);padding:0 8px 4px;font-weight:700}.nav-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;cursor:pointer;color:var(--text-2);font-size:13px;font-weight:500}.nav-row:hover{background:var(--surface-3);color:var(--text)}.nav-row.active{background:rgba(209,43,110,.1);color:var(--magenta);border:1px solid rgba(209,43,110,.25)}.nav-ic{width:18px;text-align:center;font-size:14px}.nav-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot.off{background:var(--text-4)}.btn.sm{padding:5px 9px;font-size:11px}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(209,43,110,.12),transparent),var(--bg)}.login-card{width:340px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.35)}.login-brand{display:flex;gap:12px;margin-bottom:18px}.login-title{font-size:18px;font-weight:800}.login-sub{font-size:12px;color:var(--text-3)}.login-card .ef-l,.login-err{margin-top:10px}.login-err{color:var(--crit);font-size:12px;background:rgba(239,68,68,.1);padding:7px 10px;border-radius:7px;border:1px solid rgba(239,68,68,.3)}.tabs.sub{margin:0 0 8px}.view-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}.view-title{font-size:16px;font-weight:700}.pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.pill.ok{background:rgba(16,185,129,.14);color:var(--ok)}.pill.off{background:var(--surface-4);color:var(--text-3)}.list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--surface-2)}.list-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);cursor:pointer}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface-3)}.list-row.unread{box-shadow:inset 3px 0 0 var(--magenta)}.lr-title{font-size:13px;font-weight:600}.lr-sub,.lr-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-sub{margin-top:1px}.lr-meta,.lr-sub{font-size:11px;color:var(--text-3)}.lr-meta{font-family:JetBrains Mono,monospace;white-space:nowrap;margin-left:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px}.cam-card{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:13px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .12s}.cam-card:hover{border-color:var(--line-3)}.cam-card-head{align-items:center}.cam-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cam-meta{font-size:11px;color:var(--text-3)}.cam-uri{font-size:10px;color:var(--text-4);font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cam-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.camera-form{display:flex;flex-direction:column;min-height:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-grid .span2{grid-column:1/-1}.form-fields{display:flex;flex-direction:column;gap:4px}.form-fields .ef-l{margin-top:8px}@media(max-width:880px){.form-grid{grid-template-columns:1fr}}.ef-in.sm{padding:4px 7px;font-size:12px}.payload-card{background:var(--surface-3);border:1px solid var(--line);border-radius:9px;padding:11px;margin-top:10px}.payload-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.payload-title{font-size:13px;font-weight:600}.addbtn{color:var(--cyan);font-weight:600;font-size:12px}.addbtn,.removebtn{background:none;border:none;cursor:pointer}.removebtn{color:var(--crit);font-size:14px}.wh-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--line)}.wh-row:last-child{border-bottom:none}.sub-field{margin-top:8px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 13px;border-radius:18px;border:1px solid var(--line-2);background:var(--surface-3);color:var(--text);font-size:12px;font-weight:600;cursor:pointer}.chip.on{background:var(--magenta);border-color:var(--magenta);color:#fff}.zone-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:12px;gap:12px;min-height:0}@media(max-width:980px){.zone-editor{grid-template-columns:1fr}}.zone-canvas-col{display:flex;flex-direction:column;gap:8px;min-width:0}.zone-toolbar{gap:8px;flex-wrap:wrap}.cammap-fallback,.zone-toolbar{display:flex;align-items:center}.cammap-fallback{position:absolute;inset:0;justify-content:center;color:var(--text-4);font-size:12px;background:repeating-linear-gradient(45deg,var(--surface-3),var(--surface-3) 10px,var(--surface-2) 10px,var(--surface-2) 20px)}.seg-legend{gap:14px;font-size:11px;color:var(--text-2);flex-wrap:wrap}.seg-legend,.seg-legend span{display:flex;align-items:center}.seg-legend span{gap:5px}.seg-legend i{width:14px;height:3px;border-radius:2px;display:inline-block}.zone-side{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:11px;overflow:auto;min-height:0}.state-box,.zone-side{display:flex;flex-direction:column}.state-box{align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--text-3);font-size:13px;min-height:180px}.state-box.err{color:var(--crit)}.spinner{width:22px;height:22px;border:2.5px solid var(--line-2);border-top-color:var(--magenta);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}:root{--brand-from:#241ba6;--brand-to:#731838;--status-on:#4caf50;--status-off:#f44336}.brand-logo{width:30px;height:30px;object-fit:contain;flex-shrink:0}.brand-row .brand-text{font-size:14px;font-weight:800;letter-spacing:.02em}.brand-ai{color:var(--magenta)}.av{background:linear-gradient(135deg,var(--brand-from),var(--brand-to))}.login-wrap{background:radial-gradient(1200px 600px at 50% -10%,rgba(36,27,166,.18),transparent),var(--bg)}.login-brand{flex-direction:column;align-items:center;gap:2px;margin-bottom:14px}.login-logo{width:188px;height:150px;object-fit:contain;margin-bottom:-14px;margin-top:-22px}.sdot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px;flex-shrink:0;vertical-align:middle}.sdot.on{background:var(--status-on);box-shadow:0 0 6px rgba(76,175,80,.6)}.sdot.off{background:var(--status-off)}.pill.ok{background:rgba(76,175,80,.16);color:var(--status-on)}.card-grid.wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cam-card .cam-name{display:flex;align-items:center}.func-sec{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.func-title{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);font-weight:700;margin-bottom:6px}.func-item{margin-bottom:7px}.func-name{font-size:12px;font-weight:600;color:var(--text)}.func-detail{font-size:11px;color:var(--text-3);padding-left:2px;margin-top:1px}.cam-actions{display:flex;gap:8px;margin-top:10px}.icon-btn{gap:5px}.icon-btn,.nav-ic{display:inline-flex;align-items:center}.nav-ic{flex-shrink:0;justify-content:center}.nav-row .nav-ic{color:inherit}.maxbtn svg{display:block}.removebtn{display:inline-flex;align-items:center;justify-content:center}.home-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.home-kpi{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px}.home-kpi.link{cursor:pointer}.home-kpi.link:hover{border-color:var(--line-3)}.home-kpi-ic{color:var(--magenta);margin-bottom:8px}.home-kpi-v{font-size:26px;font-weight:800;line-height:1}.home-kpi-l{font-size:12px;font-weight:600;margin-top:4px}.home-kpi-s{font-size:10px;color:var(--text-3)}.home-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:12px;gap:12px;min-height:520px}@media(max-width:900px){.home-grid{grid-template-columns:1fr}}.chat-panel{min-height:520px}.chat-body{overflow-y:auto;padding:14px;min-height:0}.chat-body,.chat-empty{flex:1 1;display:flex;flex-direction:column;gap:10px}.chat-empty{align-items:center;justify-content:center;text-align:center;color:var(--text-3)}.chat-sugg{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:420px}.bubble{max-width:82%;padding:9px 13px;border-radius:13px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--brand-from),var(--brand-to));color:#fff;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--surface-3);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble.typing{display:flex;gap:4px;align-items:center}.bubble.typing span{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:blink 1.2s infinite}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.chat-input .ef-in{flex:1 1}.mini-event{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.mini-event:last-child{border-bottom:none}.mini-dot{width:7px;height:7px;border-radius:50%;background:var(--magenta);flex-shrink:0}.timeline-panel{padding:10px 12px;margin-bottom:12px}.timeline-head{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.timeline-head .pt{font-size:12px;font-weight:600}.timeline-head .ps{font-size:10px;color:var(--text-3)}.timeline-svg{height:90px}.event-board{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;align-items:flex-start}.event-col{flex:0 0 260px;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;max-height:60vh;overflow:hidden}.event-col-head{display:flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:1px solid var(--line)}.event-col-dot{width:9px;height:9px;border-radius:50%}.event-col-title{font-size:12px;font-weight:700}.event-col-count{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-3);background:var(--surface-4);border-radius:20px;padding:1px 8px}.event-col-body{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:7px}.event-card{background:var(--surface-3);border:1px solid var(--line);border-left:3px solid var(--line-3);border-radius:8px;padding:8px 10px;cursor:pointer}.event-card:hover{background:var(--surface-4)}.event-card-top{display:flex;align-items:center;justify-content:space-between}.event-card-time{font-size:10px;color:var(--text-3);font-family:JetBrains Mono,monospace}.event-unread{width:7px;height:7px;border-radius:50%;background:var(--magenta)}.event-card-title{font-size:12px;font-weight:600;margin-top:3px}.event-card-msg{font-size:11px;color:var(--text-3);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:12px;gap:12px}.widget{min-height:230px}.widget .panel-body{padding-top:6px}.widget .panel-body,.widget-card{display:flex;align-items:center;justify-content:center}.widget-card{flex:1 1;width:100%;flex-direction:column;gap:16px;text-align:center;padding:8px 4px}.widget-card-head{display:flex;flex-direction:column;align-items:center;gap:7px}.widget-card-num{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.02em}.widget-card-sub{display:flex;align-items:center;gap:9px}.widget-card-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.widget-card .widget-delta{margin-left:0}.widget-legend.center{justify-content:center}.share-box{background:var(--surface-3);border:1px solid var(--line);border-radius:9px;padding:11px;margin-top:10px}.timeline-svg{width:100%;height:64px;display:block}.timeline-axis{position:relative;height:14px;margin-top:3px}.timeline-tick{position:absolute;top:0;font-size:9.5px;color:var(--text-3);white-space:nowrap}.modal.ev-wide{width:min(720px,94vw)}.ev-detail{gap:14px}.ev-chips{display:flex;gap:8px;flex-wrap:wrap}.ev-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:20px;background:var(--surface-3);border:1px solid var(--line);color:var(--text-2)}.ev-chip.zone{color:var(--cyan);border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.08)}.ev-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.ev-metric{background:var(--surface-3);border:1px solid var(--line);border-radius:10px;padding:11px 13px}.ev-metric-l{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.ev-metric-v{font-size:22px;font-weight:800;margin-top:3px;font-family:JetBrains Mono,monospace}.ev-metric.bad{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.08)}.ev-metric.bad .ev-metric-v{color:var(--crit)}.ev-media{display:flex;flex-wrap:wrap;gap:10px}.ev-media-fig{flex:1 1;min-width:180px;background:#000;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.ev-media-fig.wide{flex-basis:100%}.ev-media-fig img,.ev-media-fig video{width:100%;max-height:340px;object-fit:contain;background:#000;display:block}.ev-media-fig figcaption{font-size:10px;color:var(--text-3);padding:5px 8px;display:flex;align-items:center;gap:5px}.ev-nomedia{font-size:12px;color:var(--text-4);padding:18px;text-align:center;border:1px dashed var(--line-2);border-radius:10px}.for-count{font-size:11px;color:var(--text-3);margin-bottom:8px}.for-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.for-card{text-align:left;padding:0;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;color:inherit;transition:border-color .12s,transform .12s}.for-card:hover{border-color:var(--line-3);transform:translateY(-2px)}.for-thumb{width:100%;aspect-ratio:3/4;object-fit:contain;background:#000;display:block}.for-thumb.ph{display:flex;align-items:center;justify-content:center;color:var(--text-4);background:var(--surface-3)}.for-card-body{padding:9px 11px 11px;display:flex;flex-direction:column;gap:5px}.for-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.for-subject{font-size:12.5px;font-weight:650;color:var(--text-1)}.for-time{font-size:10px;color:var(--text-4);white-space:nowrap}.for-cam{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-3);min-width:0}.for-cam svg{flex-shrink:0}.for-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:1px}.for-chip{font-size:10px;color:var(--text-2);background:var(--surface-3);border:1px solid var(--line);border-radius:6px;padding:1px 6px}.for-detail-media{background:#000;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:12px;display:flex;justify-content:center}.for-detail-media img{max-width:100%;max-height:420px;object-fit:contain;display:block}.for-attr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:8px;gap:8px;margin:12px 0}.for-attr{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:7px 10px}.for-attr-k{font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.03em}.for-attr-v{font-size:13px;color:var(--text-1);font-weight:600;margin-top:2px}.ev-eval{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line)}.ev-eval-q{font-size:12px;color:var(--text-2);font-weight:600}.ev-raw-toggle{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-3);font-size:11px;cursor:pointer;padding:4px 0;font-family:inherit}.ev-raw-toggle:hover{color:var(--text-2)}.purchase-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media(max-width:760px){.purchase-cols{grid-template-columns:1fr}}.timeline-ev{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:11px}.timeline-ev:last-child{border-bottom:none}.timeline-ev-t{color:var(--text-3);flex-shrink:0}.timeline-ev-d{color:var(--text-2);word-break:break-word}.bubble.assistant{max-width:92%}.bubble .md{font-size:13px;line-height:1.45}.bubble .md h1,.bubble .md h2,.bubble .md h3,.bubble .md h4{font-size:13px;font-weight:700;margin:10px 0 4px;color:var(--text)}.bubble .md h1{font-size:15px}.bubble .md h2{font-size:14px}.bubble .md p{margin:6px 0}.bubble .md ol,.bubble .md ul{margin:6px 0;padding-left:20px}.bubble .md li{margin:2px 0}.bubble .md strong{font-weight:700;color:var(--text)}.bubble .md em{font-style:italic}.bubble .md a{color:var(--cyan);text-decoration:underline}.bubble .md code{font-family:JetBrains Mono,monospace;font-size:11px;background:var(--surface-4);padding:1px 5px;border-radius:4px}.bubble .md pre{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:8px;overflow-x:auto;margin:6px 0}.bubble .md pre code{background:none;padding:0}.bubble .md blockquote{border-left:3px solid var(--line-2);padding-left:10px;margin:6px 0;color:var(--text-2)}.bubble .md table{border-collapse:collapse;margin:6px 0;font-size:12px}.bubble .md td,.bubble .md th{border:1px solid var(--line);padding:4px 8px;text-align:left}.bubble .md hr{border:none;border-top:1px solid var(--line);margin:8px 0}.cron-builder{background:var(--surface-3);border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:4px}.pill.warn{background:rgba(245,158,11,.16);color:var(--warn)}.pill.crit{background:rgba(239,68,68,.16);color:var(--crit)}.exec-card{background:var(--surface-3);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.exec-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.exec-meta{font-size:10.5px;color:var(--text-3)}.exec-result{font-size:12.5px;color:var(--text-2);line-height:1.5}.timeline-hit{fill:transparent;cursor:pointer}.timeline-hit:hover{fill:rgba(209,43,110,.1)}.timeline-hit.on{fill:rgba(209,43,110,.2)}.bubble .md p{margin:2px 0}.bubble .md ol,.bubble .md ul{margin:4px 0;padding-left:18px}.bubble .md li{margin:1px 0}.bubble .md li>p{margin:0}.bubble .md li>ol,.bubble .md li>ul{margin:2px 0}.bubble .md h1,.bubble .md h2,.bubble .md h3,.bubble .md h4{margin:8px 0 3px}.bubble .md>:first-child{margin-top:0}.bubble .md>:last-child{margin-bottom:0}.widget-stat{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-bottom:6px}.widget-stat-v{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1}.widget-stat-u{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.widget-delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;padding:1px 7px;border-radius:999px;margin-left:auto}.widget-delta.up{color:#10b981;background:rgba(16,185,129,.12)}.widget-delta.down{color:#ef4444;background:rgba(239,68,68,.12)}.widget-delta.flat{color:var(--text-3);background:var(--surface-2)}.widget-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--text-4);font-family:JetBrains Mono,monospace;margin-top:2px}.widget-legend{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:8px;font-size:11px;color:var(--text-2)}.widget-legend span{display:inline-flex;align-items:center;gap:5px}.widget-legend i{width:9px;height:9px;border-radius:2px;flex:none}.widget-legend b{color:var(--text-1);font-weight:600}.cam-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pin-btn{flex:none;background:none;border:none;cursor:pointer;color:var(--text-4);padding:2px;border-radius:6px;display:inline-flex}.pin-btn:hover{color:var(--text-2);background:var(--surface-2)}.pin-btn.on{color:var(--magenta)}.cam-card.pinned{border-color:color-mix(in srgb,var(--magenta) 35%,var(--line))}.chart-wrap{position:relative;cursor:crosshair}.chart-tip{position:absolute;top:0;transform:translateX(-50%);pointer-events:none;background:var(--surface-1);border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:11px;box-shadow:0 6px 20px rgba(0,0,0,.35);white-space:nowrap;z-index:5;max-width:240px}.chart-tip-t{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-3);margin-bottom:4px}.chart-tip-r{display:flex;align-items:center;gap:6px;line-height:1.5}.chart-tip-r i{width:8px;height:8px;border-radius:2px;flex:none}.chart-tip-r b{margin-left:auto;color:var(--text-1)}.modal.lg{max-width:860px;width:92vw}.bubble .md{white-space:normal}.bubble .md p{margin:3px 0}.chart-yaxis{position:absolute;left:0;pointer-events:none;z-index:2}.chart-yaxis span{position:absolute;right:5px;transform:translateY(-50%);font-size:9px;line-height:1;color:var(--text-4);font-family:JetBrains Mono,monospace;white-space:nowrap}.events-partial{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:7px 11px}.events-partial:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn);flex:none}