:root{color-scheme:dark;--bg: #11151b;--surface: #181d24;--surface-2: #1f252e;--surface-3: #282f3a;--border: #323a46;--text: #e8edf3;--text-2: #b5beca;--muted: #8b95a3;--accent: #3987e5;--accent-2: #2a6fc4;--good: #3ccf7f;--bad: #ff6b6b;--warn: #f0b429;--radius: 8px;--panel-w: 440px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}html.app-mode,html.app-mode body,html.app-mode #root{height:100%;overflow:hidden}button,input,select{font:inherit;color:inherit}.app{position:relative;height:100%;width:100%}.stage{position:absolute;top:0;right:0;bottom:0;left:0;transition:right .2s ease}.app.with-panel .stage{right:var(--panel-w)}.scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.btn{background:var(--surface-3);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;line-height:1.2;white-space:nowrap}.btn:hover:not(:disabled){background:#323b48}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.pill:focus-visible,.tab-btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-primary{background:var(--accent-2);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent)}.btn-danger{background:#a83232;border-color:#d04848}.btn-danger:hover:not(:disabled){background:#c03b3b}.btn-small{padding:3px 8px;font-size:12px}.btn-ghost{background:transparent;border-color:transparent}.btn.active{background:var(--accent-2);border-color:var(--accent)}.link{background:none;border:none;padding:0;color:#7db5ff;cursor:pointer;text-decoration:underline}input[type=text],input.num,input.time,input[type=datetime-local],select{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:5px 8px;min-width:0;width:100%}input.num{max-width:120px}input.time{width:68px}.invalid,input.invalid{border-color:var(--bad)!important;background:#3a2024!important}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.muted{color:var(--muted)}.bad{color:var(--bad)}.good{color:var(--good)}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:5}.hud-row{display:flex;flex-wrap:wrap;gap:8px}.hud-card{pointer-events:auto;background:#181d24e0;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-clock{min-width:200px}.hud-time{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.5px}.hud-date{color:var(--text-2);font-size:12px}.hud-date:first-letter{text-transform:uppercase}.hud-tariff{margin-top:4px;font-size:12px;color:var(--warn)}.hud-speed{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.speed-buttons{display:flex;gap:3px;flex-wrap:wrap}.hud-sub{font-size:12px;color:var(--muted)}.hud-status{display:flex;flex-direction:column;gap:2px;min-width:160px}.hud-occ{display:flex;align-items:baseline;gap:6px}.hud-occ-value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.conn{font-size:12px;display:flex;align-items:center;gap:6px}.conn .dot{width:8px;height:8px;border-radius:50%;background:var(--bad)}.conn-open .dot{background:var(--good)}.conn-connecting .dot{background:var(--warn)}.hud-view{display:flex;flex-wrap:wrap;align-items:center;gap:10px;align-self:flex-start;font-size:12px;position:relative}.hud-inline{display:flex;align-items:center;gap:6px}.hud-inline input[type=range]{width:110px}.hud-inline select{width:auto;padding:2px 6px}.legend{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:4px;border-top:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:6px}.swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.25);vertical-align:middle;margin-left:6px}.legend .swatch{margin-left:0}.swatch-bang{background:#ff3b3b;color:#fff;font-weight:700;font-size:11px;text-align:center;line-height:12px}.legend-heat{width:180px;height:10px;border-radius:3px;background:linear-gradient(90deg,#123a6e,#3987e5,#cde2fb)}.legend-heat-labels{display:flex;justify-content:space-between;width:180px;color:var(--muted)}.scene-label{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:11px;color:var(--text-2);background:#11151bbf;padding:1px 6px;border-radius:4px}.gate-label span.off{color:var(--bad);text-decoration:line-through}.cards{position:absolute;right:10px;bottom:10px;z-index:6;max-height:calc(100% - 20px);display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.card{pointer-events:auto;width:360px;max-width:calc(100vw - 20px);max-height:calc(100vh - 40px);overflow:auto;background:#181d24f5;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:0 8px 30px #00000073}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-head h3{margin:0;font-size:16px;display:flex;align-items:center}.plate{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;background:#f2f4f7;color:#111;border:2px solid #111;border-radius:4px;padding:1px 6px;letter-spacing:1px}.props{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:10px 0}.props dt{color:var(--muted)}.props dd{margin:0}.badge{display:inline-block;margin-left:6px;font-size:11px;padding:0 6px;border-radius:10px;background:var(--surface-3);border:1px solid var(--border)}.badge-bad{background:#4a1f24;border-color:#a33a44}.badge-good{background:#1b3d2a;border-color:#2f8a55}.card-sub{font-size:12px;color:var(--muted);margin-bottom:4px}.card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.note{background:#2b2616;border:1px solid #5a4c1f;color:#f3dc95;border-radius:6px;padding:6px 10px;font-size:12px;margin:6px 0}.bill-total{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.bill-total strong{font-size:18px}.bill-meta{font-size:12px;margin-bottom:6px}.bill-lines td:last-child,.bill-lines th:last-child{text-align:right}.panel-toggle{position:absolute;top:10px;right:10px;z-index:21;background:var(--surface-3);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer}.panel-toggle.open{top:6px;right:8px;padding:4px 9px}.app:not(.with-panel) .hud{right:130px}.panel{position:absolute;top:0;right:0;bottom:0;width:var(--panel-w);background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;transform:translate(100%);transition:transform .2s ease;z-index:20}.panel.open{transform:none}.tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--border);padding:6px 44px 0 6px;gap:2px}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:8px 10px;cursor:pointer;color:var(--text-2)}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 14px 20px}.tab{display:flex;flex-direction:column;gap:12px}.section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.section h4{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-2)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field-label{font-size:12px;color:var(--text-2)}.field-hint{font-size:11px;color:var(--muted);margin:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}.slider{display:flex;align-items:center;gap:10px}.slider-value{min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:6px;cursor:pointer}.checks-inline{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.switch{display:flex;align-items:center;gap:6px;cursor:pointer}.input-with-btn{display:flex;gap:4px}.inline-field{display:inline-flex;align-items:center;gap:4px}.inline-field input.num{width:80px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;padding:4px;border-bottom:1px solid var(--border)}.table td{padding:3px 4px;border-bottom:1px solid #262d37}.table input.num{width:100%;max-width:90px;padding:3px 6px}.table tfoot td{font-weight:600;border-bottom:none}.apply-bar{position:sticky;bottom:-20px;display:flex;gap:8px;justify-content:flex-end;align-items:center;background:var(--surface);padding:8px 0;border-top:1px solid var(--border);z-index:2}.dirty-mark{margin-right:auto;font-size:12px;color:var(--warn)}.error-list{background:#3a1d22;border:1px solid #8a2e3a;border-radius:6px;padding:8px 10px;font-size:12px}.error-list ul{margin:4px 0 0;padding-left:18px}.radio-list{display:flex;flex-direction:column;gap:4px}.radio-card{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border:1px solid var(--border);border-radius:6px;cursor:pointer}.radio-card.checked{border-color:var(--accent);background:#1c2a3d}.radio-card span{display:flex;flex-direction:column;gap:2px}.radio-card .muted{font-size:12px}.pills{display:flex;flex-wrap:wrap;gap:4px}.pill{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:3px 10px;cursor:pointer;font-size:12px}.pill.active{background:var(--accent-2);border-color:var(--accent)}.windows{display:flex;flex-direction:column;gap:8px}.window-row{border:1px solid var(--border);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:6px}.days{display:flex;gap:3px;flex-wrap:wrap}.day{border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.day input{display:none}.day.on{background:var(--accent-2);border-color:var(--accent)}.window-times{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kpi{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.kpi-label{font-size:11px;color:var(--muted)}.kpi-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.kpi-sub{font-size:11px;color:var(--text-2)}.bar{position:relative;background:#262d37;border-radius:4px;height:16px;min-width:80px;overflow:hidden}.bar span{position:absolute;left:0;top:0;bottom:0;background:var(--accent-2);border-radius:4px}.bar em{position:relative;font-style:normal;font-size:11px;padding-left:6px;line-height:16px}.charts{display:flex;flex-direction:column;gap:10px}.chart{margin:0}.chart figcaption{font-size:12px;color:var(--text-2);margin-bottom:2px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset{text-align:left;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius);padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.preset:hover:not(:disabled){border-color:var(--accent)}.preset .muted{font-size:12px}.helper summary{cursor:pointer;color:#7db5ff;font-size:12px}.event-log{border-top:1px solid var(--border);background:var(--surface-2)}.event-log-head{width:100%;display:flex;gap:8px;align-items:center;background:none;border:none;padding:8px 14px;cursor:pointer;text-align:left;font-size:12px}.event-log-head>span:nth-child(2){flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event-log-list{list-style:none;margin:0;padding:0 14px 10px;max-height:200px;overflow:auto;font-size:12px}.event-log-list li{display:flex;gap:8px;padding:2px 0;border-bottom:1px solid #262d37}.event-log-list time{color:var(--muted);font-variant-numeric:tabular-nums}.toasts{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:100;width:min(480px,calc(100vw - 24px));pointer-events:none}.toast{pointer-events:auto;background:var(--surface-3);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:6px;padding:8px 12px;box-shadow:0 6px 20px #0006;cursor:pointer}.toast-error{border-left-color:var(--bad)}.toast-success{border-left-color:var(--good)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:90;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;width:min(440px,100%)}.modal h3{margin:0 0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.phase-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:80;text-align:center;padding:16px}.phase-screen h2{margin:0}.phase-icon{font-size:44px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){:root{--panel-w: 380px}.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:768px){.app.with-panel .stage{right:0}.panel{top:auto;left:0;width:100%;height:65vh;border-left:none;border-top:1px solid var(--border);border-radius:12px 12px 0 0;transform:translateY(100%)}.panel.open{transform:none}.panel-toggle,.panel-toggle.open{top:auto;bottom:12px;right:12px}.panel-toggle.open{bottom:calc(65vh + 8px)}.hud,.app:not(.with-panel) .hud{right:10px;left:10px;top:8px}.hud-time{font-size:20px}.hud-clock{min-width:0;flex:1 1 100%}.hud-status{flex:1}.hud-view{gap:6px}.hud-inline input[type=range]{width:80px}.cards{left:8px;right:8px;bottom:60px}.card{width:100%;max-height:50vh}.grid-2,.grid-3,.kpi-row{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(3,1fr)}.preset-grid{grid-template-columns:1fr}}.about{font-size:16px;line-height:1.6;color:var(--text);background:var(--bg)}.about-inner{max-width:760px;margin:0 auto;padding:40px 16px 56px;position:relative}.about h1{font-size:32px;line-height:1.2;margin:0 0 16px}.about h2{font-size:21px;margin:32px 0 10px}.about-lead{font-size:18px;color:var(--text-2)}.about-image{display:block;width:100%;height:auto;margin:24px 0 8px;border-radius:var(--radius);border:1px solid var(--border)}.about li{margin:6px 0}.about a{color:#6aa9ff}.about-actions{margin-top:32px}.about-start{display:inline-block;padding:10px 20px;border-radius:var(--radius);background:var(--accent);color:#fff!important;text-decoration:none;font-weight:600}.about-start:hover{background:var(--accent-2)}.about-close{display:none}.about-noscript{text-align:center;color:var(--warn);padding:16px}html.app-mode .about{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;overflow-y:auto;background:#0a0d11f0}html.app-mode .about.open{display:block}html.app-mode .about-close{display:block;position:absolute;top:24px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface-3);color:var(--text);font-size:24px;line-height:1;cursor:pointer}html.app-mode .about-close:hover{background:var(--surface-2)}@media(max-width:600px){.about h1{font-size:26px}.about-inner{padding-top:72px}}