:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12161c;--panel:#1a2029;--panel2:#222a35;--line:#2e3845;--text:#e8edf2;--muted:#8d99a8;--accent:#1e9be0;--ok:#2fbf71;--warn:#e8b33a;--bad:#e5534b;--s1:#3987e5;--s2:#d95926;--busy:#1e9be0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0 0 12px;font-size:1.4rem}h2{margin:20px 0 8px;font-size:1.1rem}h3{margin:0;font-size:1rem}a{color:var(--accent)}code,.code,.token{font-family:ui-monospace,Cascadia Mono,monospace}.accent{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.85rem}.warn{color:var(--warn)}.nowrap{white-space:nowrap}.big{font-size:1.35rem;font-weight:700}.num{text-align:right;font-variant-numeric:tabular-nums}.wrap{max-width:1280px;margin:0 auto;padding:16px}.empty{padding:8px 0}.top{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.brand{color:var(--text);font-size:1.15rem;font-weight:800;text-decoration:none}.spacer{flex:1}.nav{border-bottom:1px solid var(--line);background:var(--panel);scrollbar-width:none;gap:4px;padding:6px 12px;display:flex;overflow-x:auto}.nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:8px 12px;text-decoration:none}.nav a.on{background:var(--panel2);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.toolbar h1,.toolbar h2{margin:0}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;max-width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field{flex-direction:column;gap:4px;min-width:0;margin-bottom:10px;display:flex}.field>span{color:var(--muted);font-size:.85rem}.check{align-items:center;gap:6px;margin:6px 12px 6px 0;display:inline-flex}.input-big{letter-spacing:.04em;padding:10px 12px;font-size:1.4rem}.select-sm{padding:6px 8px}.filters,.form-row{flex-wrap:wrap;align-items:flex-end;gap:0 12px;display:flex}.filters .field,.form-row .field{flex:150px}.row2,.row3{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px;display:grid}.inline-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}textarea.code{width:100%}textarea.token{word-break:break-all;width:100%}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-danger{border-color:var(--bad);color:var(--bad)}.btn-sm{padding:5px 10px;font-size:.9rem}.btn-big{padding:14px;font-size:1.15rem}.btn-block{width:100%}.btn-icon{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.seg{margin:10px 0;display:flex}.seg button{background:var(--panel2);color:var(--muted);border:1px solid var(--line);font:inherit;cursor:pointer;flex:1;padding:10px}.seg button:first-child{border-radius:8px 0 0 8px}.seg button:last-child{border-radius:0 8px 8px 0}.seg button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.quick{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:7px 12px}.tabs button.on{color:var(--text);border-color:var(--accent)}.msg{border-radius:8px;margin:8px 0;padding:10px 12px}.msg-err{background:#e5534b1f;border:1px solid #e5534b80}.msg-ok{background:#2fbf711f;border:1px solid #2fbf7180}.badge{background:var(--panel2);border:1px solid var(--line);white-space:nowrap;border-radius:99px;margin-left:4px;padding:2px 8px;font-size:.8rem;display:inline-block}.badge-ok{border-color:var(--ok);color:var(--ok)}.badge-warn{border-color:var(--warn);color:var(--warn)}.badge-bad{border-color:var(--bad);color:var(--bad)}.badge-muted{color:var(--muted)}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-bad{background:var(--bad)}.conn{border-radius:99px;align-items:center;gap:6px;padding:2px 10px;font-size:.85rem;display:inline-flex}.conn-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.conn.on .conn-dot{animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.conn.on{color:var(--ok);border:1px solid var(--ok)}.conn.off{color:var(--bad);border:1px solid var(--bad)}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:14px}.narrow{max-width:460px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:100%;max-width:360px}.login-card h1{text-align:center;font-size:1.8rem}.lanes{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.lane-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.lane-fire{border-color:var(--bad);box-shadow:0 0 0 2px var(--bad)}.lane-state{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.barrier-otvorena{color:var(--ok);font-weight:600}.barrier-zatvara-se{color:var(--warn)}.loop{text-align:center;border:1px solid var(--line);min-width:26px;color:var(--muted);border-radius:6px;padding:1px 6px;display:inline-block}.loop.on{background:var(--warn);color:#111;border-color:var(--warn);font-weight:700}.loop.unk{opacity:.4}.lane-display{color:#ffb84d;background:#000;border-radius:6px;margin-bottom:8px;padding:6px 10px;font-family:ui-monospace,monospace}.lane-read{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.plate{letter-spacing:.05em;font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:700}.devices{flex-wrap:wrap;gap:4px 12px;padding:6px 0;font-size:.85rem;display:flex}.device{align-items:center;gap:5px;display:inline-flex}.alarm-strip{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.alarm{border-left:4px solid var(--muted);background:var(--panel);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.alarm-critical{border-left-color:var(--bad)}.alarm-warning{border-left-color:var(--warn)}.alarm.acked{opacity:.6}.alarm-list{margin:0;padding:0;list-style:none}.alarm-list .alarm{flex-direction:column;align-items:flex-start}.feed,.timeline{margin:0;padding:0;list-style:none}.feed li,.timeline li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 0;display:flex}.time{font-variant-numeric:tabular-nums;color:var(--muted)}.lane-name{min-width:70px}.etype-manual_open,.etype-tailgating,.etype-fire_alarm,.etype-alarm_opened{color:var(--warn)}.link{font-size:.9rem}.img{cursor:zoom-in;background:#000;border-radius:8px;max-width:100%;display:block}.img-ph{background:var(--panel2);color:var(--muted);text-align:center;border-radius:8px;place-items:center;min-width:80px;min-height:60px;font-size:.8rem;display:grid}.thumb{object-fit:cover;flex:none;width:140px;height:90px}.thumb-sm{object-fit:cover;flex:none;width:84px;min-width:0;height:56px;min-height:0}.thumb-xs{object-fit:cover;vertical-align:middle;width:60px;min-width:0;height:40px;min-height:0;margin-left:8px;display:inline-block}.img-full{max-width:100%;max-height:75vh;margin:0 auto;display:block}.images{grid-template-columns:1fr 1fr;gap:8px;display:grid}.images figure{margin:0}.images .img,.images .img-ph{aspect-ratio:16/10;object-fit:cover;width:100%}figcaption{color:var(--muted);margin-top:4px;font-size:.85rem}.cashier{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.shift-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.hits{margin:0;padding:0;list-style:none}.hit{text-align:left;background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;font:inherit;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.hit>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.hit.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hit:disabled{opacity:.5;cursor:default}.lines{border-collapse:collapse;width:100%;margin-bottom:10px}.lines td{border-bottom:1px solid var(--line);padding:6px 0}.lines tfoot td{border-bottom:0;padding-top:10px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}.table th{color:var(--muted);font-size:.85rem;font-weight:500}.table th.num,.table td.num{text-align:right}.clickable{cursor:pointer}.clickable:hover{background:var(--panel2)}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.dl{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;display:grid}.dl dt{color:var(--muted)}.dl dd{margin:0}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.stat strong{font-size:1.5rem}.device-list{margin:0;padding:0;list-style:none}.device-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 4px;display:flex}.rules{margin:8px 0;padding-left:20px}.tariff summary{cursor:pointer}.window-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.days{gap:2px;display:inline-flex}.day{border:1px solid var(--line);cursor:pointer;width:28px;height:28px;color:var(--muted);border-radius:6px;place-items:center;font-size:.85rem;display:grid}.day input{display:none}.day.on{background:var(--accent);border-color:var(--accent);color:#fff}.preview{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.csv-import{margin:0 0 12px}.csv-import summary{cursor:pointer;color:var(--accent)}.modal-bg{z-index:20;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;max-width:480px;max-height:calc(100vh - 32px);padding:16px;overflow-y:auto}.modal-wide{max-width:820px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.modal-head h2{margin:0}.modal textarea{width:100%}@media (width<=760px){.wrap{padding:12px}.cashier,.detail-grid{grid-template-columns:minmax(0,1fr)}.user{display:none}.top select{max-width:45vw}.shift-bar{margin-left:0}.thumb{width:110px;height:72px}}.tone-ok{color:var(--ok)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.tone-idle{color:var(--muted)}.tone-busy{color:var(--busy)}.ink-s1{color:var(--text);border-bottom:3px solid var(--s1)}.ink-s2{color:var(--text);border-bottom:3px solid var(--s2)}.kpis{grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.kpi{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem}.kpi-value{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;font-size:1.6rem;font-weight:700;display:flex}.kpi-value-sm{font-size:1.1rem}.kpi-slash{color:var(--muted);font-weight:400}.kpi-sub{color:var(--muted);font-size:.85rem}.kpi-link{color:var(--text);text-decoration:none}.kpi-link:hover{border-color:var(--accent)}.kpi-warn{border-color:var(--warn);box-shadow:inset 4px 0 0 var(--warn)}.kpi-bad{border-color:var(--bad);box-shadow:inset 4px 0 0 var(--bad)}.status-icon{background:var(--warn);color:#111;border-radius:50%;flex:none;place-items:center;width:1.3em;height:1.3em;font-size:.8em;font-weight:800;display:inline-grid}.kpi-bad .status-icon,.alarm-critical .status-icon{background:var(--bad);color:#fff}.kpi-hero{background:linear-gradient(135deg, #1d2a3a, var(--panel) 70%)}.kpi-hero-row{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:flex}.hero-value{font-size:2.6rem;font-weight:800;line-height:1}.hero-of{color:var(--muted);font-size:1.1rem}.hero-pct{margin-left:auto;font-size:1.1rem;font-weight:700}.meter{background:var(--panel2);border-radius:99px;height:10px;margin:6px 0 2px;overflow:hidden}.meter>span{background:var(--accent);border-radius:99px;height:100%;transition:width .6s;display:block}.meter-ok>span,.meter-idle>span{background:var(--accent)}.meter-warn>span{background:var(--warn)}.meter-bad>span{background:var(--bad)}.lane{border-top:3px solid var(--line);min-width:0;margin:0}.lane-ok{border-top-color:var(--ok)}.lane-warn{border-top-color:var(--warn)}.lane-bad{border-top-color:var(--bad)}.lane-busy{border-top-color:var(--busy)}.lane-head h3{margin-right:8px;display:inline}.lane-head .badge{margin-left:6px}.dir-chip{border:1px solid var(--line);color:var(--muted);vertical-align:2px;border-radius:99px;padding:1px 8px;font-size:.75rem;display:inline-block}.dir-entry:before{content:"↓ "}.dir-exit:before{content:"↑ "}.state-pill{white-space:nowrap;background:var(--panel2);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:.8rem;font-weight:600}.tone-bg-ok{color:var(--ok);background:#2fbf7126}.tone-bg-warn{color:var(--warn);background:#e8b33a26}.tone-bg-bad{color:var(--bad);background:#e5534b2e}.tone-bg-busy{color:var(--busy);background:#1e9be026}.lane-nolive{text-align:center;padding:28px 0}.lane-svg{width:100%;height:auto;max-height:120px;margin-bottom:8px;display:block}.lane-svg .road{fill:#0f1318;stroke:var(--line)}.lane-svg .road-mark{stroke:#3a4555;stroke-width:2px;stroke-dasharray:8 8}.lane-svg .road-arrow{fill:none;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.lane-svg-dir{fill:var(--muted);text-anchor:end;font-size:11px}.loop-pad rect{fill:none;stroke:#4a5668;stroke-width:2px;stroke-dasharray:4 3;transition:fill .2s,stroke .2s}.loop-pad text{fill:#6b7889;text-anchor:middle;font-size:13px;font-weight:700}.loop-pad.on rect{fill:#e8b33a40;stroke:var(--warn);stroke-dasharray:none}.loop-pad.on text{fill:var(--warn)}.barrier-post{fill:#5b6676}.barrier-arm{transform-box:view-box;transform-origin:116.5px 72px;transition:transform .9s cubic-bezier(.4,0,.2,1)}.barrier-arm.open{transform:rotate(78deg)}.arm-base{fill:#f2f4f7}.arm-stripe,.barrier-arm.fire .arm-base{fill:var(--bad)}.barrier-arm.fire .arm-stripe{fill:#fff}.barrier-lamp{fill:var(--bad)}.barrier-lamp.open{fill:var(--ok)}@media (prefers-reduced-motion:reduce){.barrier-arm,.meter>span{transition:none}.conn.on .conn-dot{animation:none}}.lane-read{align-items:flex-start}.lane-read .thumb{aspect-ratio:14/9;flex:none;width:38%;max-width:150px;height:auto}.lane-read-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.uid{word-break:break-all;font-family:ui-monospace,monospace;font-weight:700}.conf{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.conf-bar{background:var(--panel2);border-radius:99px;width:70px;height:6px;overflow:hidden}.conf-bar>span{background:var(--ok);height:100%;display:block}.conf-low{color:var(--warn)}.conf-low .conf-bar>span{background:var(--warn)}.lane-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.lane-actions .btn-primary{flex:1;min-width:140px}.plate-box{color:#111;white-space:nowrap;background:#f7f8fa;border:2px solid #111;border-radius:5px;align-items:stretch;max-width:100%;font-family:ui-monospace,Cascadia Mono,monospace;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.plate-band{color:#fff;letter-spacing:.02em;background:#1f4fb5;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;padding:2px 3px;font-size:.55em;display:flex}.plate-stars{color:#fc0}.plate-text{letter-spacing:.06em;padding:4px 8px}.plate-sm{font-size:.85rem}.plate-md{font-size:1.05rem}.plate-lg{font-size:1.6rem}.dash-bottom{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:12px;margin-top:12px;display:grid}.dash-bottom>.card{min-width:0;margin:0}.chart-head{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px;display:flex}.chart-head h2{white-space:nowrap;flex:1;margin:0}.legend{color:var(--muted);gap:12px;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-item strong{color:var(--text)}.swatch{vertical-align:-1px;border-radius:3px;width:10px;height:10px;display:inline-block}.swatch.s1{background:var(--s1)}.swatch.s2{background:var(--s2)}.chart-scroll{overflow-x:auto}.chart-wrap{min-width:560px;position:relative}.chart{width:100%;height:auto;display:block}.chart .grid{stroke:var(--line);stroke-width:1px;opacity:.6}.chart .axis{stroke:#4a5668;stroke-width:1px}.chart .tick{fill:var(--muted);text-anchor:middle;font-size:11px}.chart .tick-y{text-anchor:end}.chart .tick.now{fill:var(--text);font-weight:700}.chart .bar.s1{fill:var(--s1)}.chart .bar.s2{fill:var(--s2)}.chart .hover-band{fill:#fff;opacity:.05}.chart .chart-hit{fill:#0000;cursor:crosshair}.tooltip{background:var(--panel2);border:1px solid var(--line);pointer-events:none;white-space:nowrap;z-index:2;border-radius:8px;padding:6px 10px;font-size:.85rem;position:absolute;top:0;transform:translate(-50%);box-shadow:0 6px 18px #0006}.tooltip-title{margin-bottom:2px;font-weight:700}.feed-card .feed{max-height:340px;overflow-y:auto}.feed-card .feed li{flex-wrap:nowrap}.feed-dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.k-in{background:var(--s1)}.k-out{background:var(--s2)}.k-money{background:var(--ok)}.k-warn{background:var(--warn)}.feed-main{flex-direction:column;flex:1;min-width:0;display:flex}.feed-main .muted{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.feed-link{padding:4px 8px;text-decoration:none}.readonly dd{color:var(--muted)}@media (width<=1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-hero{grid-column:1/-1}.dash-bottom{grid-template-columns:minmax(0,1fr)}}@media (width<=420px){.kpi-value{font-size:1.3rem}.lanes{grid-template-columns:minmax(0,1fr)}}.sound-menu{margin-left:auto;position:relative}.sound-menu>summary{cursor:pointer;list-style:none}.sound-menu>summary::-webkit-details-marker{display:none}.sound-pop{z-index:10;background:var(--panel2);border:1px solid var(--line);border-radius:10px;width:min(300px,100vw - 32px);padding:8px 12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 24px #00000073}.sound-row{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.sound-pop p{margin:6px 0 2px}