@import "https://fonts.googleapis.com/css2?family=Barlow:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--display:"Barlow", "IBM Plex Sans", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;color:#e8ebf2;background:#0a0c11;overflow:hidden}:root{--brand:#d6122a;--brand-soft:#d6122a26;--bg:#0a0c11;--panel:#12151d;--panel-2:#171b25;--hair:#232836;--hair-2:#2c3140;--txt:#e8ebf2;--txt-2:#9aa3b5;--txt-3:#5e6678;--online:#3fb950;--rec:#e5484d}.vms{background:var(--bg);flex-direction:column;height:100%;display:flex}.bar{border-bottom:1px solid var(--hair);background:linear-gradient(#12161e,#0e1017);flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 16px;display:flex}.brand{letter-spacing:.3em;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:700}.brand i{color:var(--brand);font-style:normal}.sys{letter-spacing:.16em;text-transform:uppercase;color:var(--txt-2);border-left:1px solid var(--hair);padding-left:16px;font-size:11px}.bar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.layoutsel{background:var(--panel);border:1px solid var(--hair);border-radius:3px;align-items:center;gap:3px;padding:4px 8px 4px 10px;display:flex}.layoutsel .ic-dim{color:var(--txt-3);margin-right:4px}.layoutsel button{width:30px;height:26px;color:var(--txt-2);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:2px;font-size:12px}.layoutsel button:hover{background:var(--panel-2);color:var(--txt)}.layoutsel button.on{background:var(--brand);color:#0a0c11;font-weight:600}.ghost{border:1px solid var(--hair);background:var(--panel);color:var(--txt-2);font-family:var(--sans);cursor:pointer;border-radius:3px;padding:7px 12px;font-size:12px}.ghost:hover{color:var(--txt);border-color:var(--hair-2)}.stat{color:var(--txt-2);align-items:center;gap:8px;font-size:12px;display:flex}.clock{font-family:var(--mono);color:var(--txt);font-variant-numeric:tabular-nums;font-size:13px}.led{border-radius:50%;flex-shrink:0;width:7px;height:7px}.led.on{background:var(--online);box-shadow:0 0 0 3px #3fb95029}.led.offl{background:var(--txt-3)}.body{flex:1;min-height:0;display:flex}.side{background:var(--panel);border-right:1px solid var(--hair);flex-direction:column;flex-shrink:0;width:250px;min-height:0;display:flex}.side-h{letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);padding:13px 15px 9px;font-size:11px}.stores{flex:1;padding:0 8px;overflow:auto}.stores::-webkit-scrollbar{width:9px}.stores::-webkit-scrollbar-thumb{background:var(--hair-2);border:3px solid var(--panel);border-radius:3px}.store.off{opacity:.55}.store-h{width:100%;color:var(--txt);cursor:pointer;font-family:var(--sans);text-align:left;background:0 0;border:0;border-radius:2px;align-items:center;gap:8px;padding:9px 8px;font-size:13px;display:flex}.store-h:hover:not(:disabled){background:var(--panel-2)}.store-h:disabled{cursor:default}.chev{color:var(--txt-3);transition:transform .15s;display:flex}.chev.rot{transform:rotate(90deg)}.store-nm{font-weight:600}.store-px{font-family:var(--mono);color:var(--txt-3);margin-left:auto;font-size:11px}.badge-soon{color:var(--txt-3);border:1px solid var(--hair);border-radius:2px;margin-left:6px;padding:1px 6px;font-size:10px}.cams{padding:2px 0 8px 6px}.cam-i{cursor:grab;color:var(--txt-2);border:1px solid #0000;border-radius:2px;align-items:center;gap:9px;margin:2px 4px;padding:7px 9px;transition:background .12s;display:flex}.cam-i:hover{background:var(--panel-2);color:var(--txt);border-color:var(--hair)}.cam-i:active{cursor:grabbing}.cam-id{font-family:var(--mono);color:var(--brand);font-size:12px;font-weight:500}.cam-lbl{flex:1;font-size:12px}.grip{color:var(--txt-3);font-size:13px}.ic-dim{color:var(--txt-3)}.side-f{border-top:1px solid var(--hair);color:var(--txt-3);padding:11px 15px;font-size:11px}.stage{background:radial-gradient(circle at 50% 0,#0e1118,#0a0c11);flex:1;min-width:0;padding:14px}.mosaic{gap:12px;height:100%;display:grid}.cell{border:1px solid var(--hair);background:#05070a;border-radius:3px;justify-content:center;align-items:center;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.cell.over{border-color:var(--brand);box-shadow:inset 0 0 0 2px #d6122a59}.cell.filled{border-color:var(--hair-2)}.cell iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.empty{color:var(--txt-3);pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.cell-ov{pointer-events:none;background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;padding:8px 10px;display:flex;position:absolute;top:0;left:0;right:0}.cell-id{font-family:var(--mono);color:#eef1f6;text-shadow:0 1px 3px #000;font-size:12px}.cell-id em{color:var(--txt-2);font-style:normal;font-family:var(--sans);margin-left:6px}.cell-live{font-family:var(--mono);letter-spacing:.1em;color:#fff;background:#0006;border:1px solid #e5484d66;border-radius:3px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:flex}.cell-live .rd{background:var(--rec);border-radius:50%;width:6px;height:6px}.cell-x{color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:2px;justify-content:center;align-items:center;width:26px;height:26px;display:none;position:absolute;top:8px;right:8px}.cell.filled:hover .cell-x{display:flex}.cell-x:hover{background:var(--rec)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.login-wrap{background:radial-gradient(circle at 50% 0,#0e1118,#07080c);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--panel);border:1px solid var(--hair);border-radius:4px;flex-direction:column;width:340px;padding:30px 28px 26px;display:flex}.login-logo{align-self:center;width:auto;height:26px;margin-bottom:10px}.login-sys{font-family:var(--display);letter-spacing:.18em;color:var(--txt-3);align-self:center;margin-bottom:24px;font-size:11px;font-weight:600}.login-l{text-transform:uppercase;letter-spacing:.08em;color:var(--txt-3);margin:0 0 6px;font-size:11px}.login-i{background:var(--bg);border:1px solid var(--hair);color:var(--txt);font-family:var(--sans);border-radius:3px;outline:none;margin-bottom:16px;padding:10px 12px;font-size:14px}.login-i:focus{border-color:var(--brand)}.login-err{color:#f2a5a7;background:#e5484d1f;border:1px solid #e5484d66;border-radius:3px;margin-bottom:14px;padding:8px 10px;font-size:12px}.login-btn{background:var(--brand);color:#fff;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:0;border-radius:3px;padding:11px;font-size:13px;font-weight:600}.login-btn:hover:not(:disabled){filter:brightness(1.08)}.login-btn:disabled{opacity:.6;cursor:default}.tabs{gap:4px;margin-left:6px;display:flex}.tabs button{color:var(--txt-2);font-family:var(--sans);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:8px 15px;font-size:13px}.tabs button:hover{color:var(--txt);background:var(--panel-2)}.tabs button.on{color:var(--txt);background:var(--brand-soft);box-shadow:inset 0 -2px 0 var(--brand)}.mon{flex-direction:column;flex:1;min-height:0;display:flex}.mon-bar{border-bottom:1px solid var(--hair);background:var(--panel);flex-shrink:0;align-items:center;gap:14px;padding:10px 16px;display:flex}.an-view{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:24px 26px 44px;overflow:auto}.an-msg{text-align:center;color:var(--txt-2);padding:70px 20px;line-height:1.7}.an-head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.an-head h2{letter-spacing:-.01em;font-size:20px;font-weight:600}.an-sub{color:var(--txt-3);font-size:13px}.an-src{color:var(--brand);border:1px solid var(--hair);border-radius:3px;padding:4px 11px;font-size:11px}.an-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.an-kpi{background:var(--panel);border:1px solid var(--hair);border-radius:3px;padding:16px 18px}.an-kpi .k{color:var(--txt-2);font-size:12px}.an-kpi .v{letter-spacing:-.01em;margin-top:8px;font-size:25px;font-weight:600}.an-kpi.soon{opacity:.65}.an-kpi .s{color:var(--txt-3);margin-top:5px;font-size:11px}.an-panel{background:var(--panel);border:1px solid var(--hair);border-radius:3px;margin-bottom:16px;padding:18px 20px}.an-panel-h{color:var(--txt-2);margin-bottom:18px;font-size:13px;font-weight:600}.an-bars{align-items:flex-end;gap:7px;height:180px;display:flex}.an-bcol{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.an-bwrap{flex:1;align-items:flex-end;width:100%;display:flex}.an-bfill{background:linear-gradient(180deg,var(--brand),#d6122a59);border-radius:2px 2px 0 0;width:100%;min-height:2px;transition:height .6s cubic-bezier(.2,.8,.2,1)}.an-blbl{color:var(--txt-3);font-size:10px;font-family:var(--mono);margin-top:7px}.an-table{border-collapse:collapse;width:100%}.an-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--txt-3);border-bottom:1px solid var(--hair);padding:0 0 10px;font-size:11px}.an-table th.r,.an-table td.r{text-align:right}.an-table td{border-bottom:1px solid var(--hair-2);padding:11px 2px;font-size:13px}.an-table tr:last-child td{border-bottom:0}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}@media (width<=760px){.an-kpis{grid-template-columns:repeat(2,1fr)}}.logo{width:auto;height:22px;display:block}.tabs button{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:600}.an-head h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-weight:700}.sys{font-family:var(--display);font-weight:600}.layoutsel button.on{color:#fff}.dot-live{background:var(--brand);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;animation:1.4s infinite pulseLive;display:inline-block}@keyframes pulseLive{50%{opacity:.3}}.an-kpi.live{box-shadow:inset 0 0 0 1px #d6122a59}
