:root{--bg:#0b0f17;--panel:#131a26;--panel-2:#1a2536;--border:#243044;--text:#e6edf6;--muted:#8a98ad;--accent:#4f8cff;--green:#2ecc71;--amber:#f5a623;--red:#ff5d5d}:root[data-theme=light]{--bg:#f5f7fa;--panel:#fff;--panel-2:#eef1f6;--border:#e1e6ee;--text:#1b2433;--muted:#5f6b7c;--accent:#2f6df6;--green:#1f9d57;--amber:#c77f12;--red:#d64545}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.nav{border-bottom:1px solid var(--border);background:var(--panel);z-index:10;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}.nav .brand{letter-spacing:.3px;margin-right:8px;font-weight:700}.nav .brand span{color:var(--accent)}.nav a{color:var(--muted);border-radius:8px;padding:6px 10px}.nav a:hover,.nav a.active{color:var(--text);background:var(--panel-2)}.container{max-width:1160px;margin:0 auto;padding:24px}h1{margin:0 0 4px;font-size:20px}.subtitle{color:var(--muted);margin:0 0 20px}h2{color:var(--text);margin:0 0 12px;font-size:15px}.grid{gap:16px;display:grid}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:1.3fr 1fr}@media (max-width:900px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.stat .value{font-size:28px;font-weight:700}.stat .label{color:var(--muted);margin-top:4px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}td.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.zone{color:#8fb6ff;background:#4f8cff26}.badge.portal{color:var(--amber);background:#f5a62326}.badge.in{color:var(--green);background:#2ecc7126}.badge.out{color:var(--red);background:#ff5d5d26}.badge.ok{color:var(--green);background:#2ecc7126}.badge.warn{color:var(--amber);background:#f5a62326}.dot{border-radius:50%;flex:none;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.live{background:var(--green);animation:1.4s infinite pulse;box-shadow:0 0 #2ecc7199}.dot.off{background:var(--muted)}.dot.idle{background:var(--amber)}@keyframes pulse{0%{box-shadow:0 0 #2ecc7199}70%{box-shadow:0 0 0 8px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}.feed{max-height:420px;overflow-y:auto}.feed .row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:7px 4px;display:flex}.feed .row .time{color:var(--muted);width:78px;font-size:12px}.zone-card{justify-content:space-between;align-items:center;display:flex}.zone-card .count{font-size:22px;font-weight:700}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px}.headline{margin:16px 0;font-size:17px}.headline b{color:var(--green)}.muted{color:var(--muted)}.right{text-align:right}.lang{gap:4px;display:flex}.lang-btn{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:700}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-right{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-user{align-items:center;gap:8px;display:flex}.nav-user .uname{font-weight:600}.nav-sep{background:var(--border);width:1px;height:18px;margin:0 6px;display:inline-block}.nav-admin{align-items:center;display:inline-flex}.nav-group{display:inline-flex;position:relative}.nav-trigger{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:14px}.nav-trigger:hover,.nav-trigger.active{color:var(--text);background:var(--panel-2)}.nav-menu{background:var(--panel);border:1px solid var(--border);z-index:30;border-radius:12px;flex-direction:column;gap:2px;min-width:240px;margin-top:8px;padding:6px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 28px #00000059}.nav-menu-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;text-decoration:none;display:flex}.nav-menu-item:hover,.nav-menu-item.active{background:var(--panel-2)}.nav-menu-item.soon{color:var(--muted);cursor:default}.nav-menu-item.soon:hover{background:0 0}.soon-tag{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:10px}.nav-menu-h{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:8px 10px 4px;font-size:10px}.nav-menu-sep{background:var(--border);height:1px;margin:5px 4px}.cog-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:4px 9px;font-size:16px;line-height:1}.cog-btn:hover{border-color:var(--accent)}.cog-menu{min-width:250px;left:auto;right:0}.cog-user{align-items:center;gap:8px;padding:8px 10px;display:flex}.cog-user .uname{font-weight:600}.cog-row{justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}.kpi-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}@media (max-width:720px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}.kpi{padding:14px 16px}.kpi-val{font-family:var(--mono,ui-monospace, monospace);font-size:30px;font-weight:800;line-height:1.1}.kpi-lbl{color:var(--muted);margin-top:2px;font-size:13px}.kpi-sub{margin-top:4px;font-size:11px}.reader-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 18px;display:grid}.reader-row{align-items:center;gap:8px;padding:5px 0;display:flex}@keyframes feedflash{0%{background:color-mix(in srgb, var(--accent) 28%, transparent)}to{background:0 0}}tr.flash>td{animation:1.2s ease-out feedflash}.i18n-reveal{-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:2px;cursor:help}.tr-table{border-collapse:collapse;width:100%;font-size:13px}.tr-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--muted);background:var(--panel);padding:8px 12px;font-weight:600;position:sticky;top:0}.tr-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:7px 12px}.tr-table tr.tr-ov{background:color-mix(in srgb, var(--accent) 8%, transparent)}.tr-table input{width:100%}.tr-key{font-size:12px}.tr-used{word-break:break-word;max-width:240px;margin-top:2px;font-size:11px}.cf-edit{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.cf-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cf-row{grid-template-columns:1.4fr .9fr 1.4fr auto auto;align-items:center;gap:8px;margin-top:8px;display:grid}.cf-row input[type=text],.cf-row>input,.cf-row>select{width:100%}.cf-req{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.cf-req input{width:auto}@media (max-width:640px){.cf-row{grid-template-columns:1fr 1fr}}.cf-formhead{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);border-top:1px solid var(--border);grid-column:1/-1;margin-top:4px;padding-top:12px;font-size:11px}.cf-boollabel{align-items:center;gap:8px;display:inline-flex}.cf-boollabel input{width:auto}.cf-detail{margin-bottom:16px}.settings-wrap{align-items:flex-start;gap:18px;display:flex}.settings-side{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:220px;padding:10px;position:sticky;top:80px}.settings-h{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:6px 8px 8px;font-size:11px}.settings-link{color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.settings-link:hover,.settings-link.active{background:var(--panel-2)}.settings-link.soon{color:var(--muted);cursor:default}.settings-link.soon:hover{background:0 0}.settings-body{flex:1;min-width:0}@media (max-width:760px){.settings-wrap{flex-direction:column}.settings-side{width:100%;position:static}}.form-grid{gap:12px;max-width:460px;display:grid}.form-grid label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}input,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}.modal-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:500px;padding:22px}.modal h2{margin-bottom:16px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.row-actions{gap:8px;display:flex}.iconbtn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600}.iconbtn:hover{border-color:var(--accent)}.iconbtn.danger:hover{border-color:var(--red);color:var(--red)}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:30px}.login-card .brand{margin-bottom:4px;font-size:22px;font-weight:800}.login-card .brand span{color:var(--accent)}.login-err{color:var(--red);background:#ff5d5d1f;border:1px solid #ff5d5d4d;border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:13px}.login-hint{color:var(--muted);text-align:center;margin-top:14px;font-size:12px}.mono.small{font-size:11px}@media print{.nav,.no-print,.lang,.nav-right,.toolbar .btn{display:none!important}body{color:#111!important;background:#fff!important}.container{max-width:none;padding:0}.card{break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}h1,h2,.stat .value,td,th,.subtitle,.muted,.count{color:#111!important}th{color:#444!important}.badge{border:1px solid #bbb;color:#222!important;background:#f2f2f2!important}rect{fill:#555!important}text{fill:#444!important}a{color:#111!important}}.floor-stage{border:1px solid var(--border);background:linear-gradient(var(--panel) 0 0) padding-box, repeating-linear-gradient(0deg, transparent, transparent 39px, #ffffff08 39px, #ffffff08 40px), repeating-linear-gradient(90deg, transparent, transparent 39px, #ffffff08 39px, #ffffff08 40px);border-radius:12px;height:540px;position:relative;overflow:hidden}.node{width:184px;position:absolute;transform:translate(-50%,-50%)}.zone-box,.gate-box{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.gate-box{border-color:var(--amber);text-align:center;border-style:dashed;width:120px}.zone-box .zname{margin-bottom:6px;font-weight:700}.zone-box .znums{align-items:baseline;gap:6px;display:flex}.zone-box .zpresent{font-size:26px;font-weight:800}.capbar{background:#0c1320;border-radius:4px;height:6px;margin-top:10px;overflow:hidden}.capbar>div{background:var(--accent);border-radius:4px;height:100%;transition:width .6s}.gate-pulse{animation:1s gpulse}@keyframes gpulse{0%{box-shadow:0 0 #f5a62380}to{box-shadow:0 0 0 18px #f5a62300}}.token{background:var(--green);color:#04210f;z-index:5;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin:0;font-size:9px;font-weight:800;transition:left 1.4s,top 1.4s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #2ecc71b3}.legend{color:var(--muted);align-items:center;gap:16px;margin-top:12px;display:flex}.legend .swatch{vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.zdots-row{gap:16px;margin-bottom:16px;display:grid;position:relative}.zdots-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;min-height:116px;padding:12px}.zdots{flex-wrap:wrap;align-content:flex-start;gap:7px;display:flex}.zdot{border-radius:50%;width:14px;height:14px;transition:transform .3s}.zdot.fresh{animation:.5s zpop}@keyframes zpop{0%{transform:scale(0)}60%{transform:scale(1.35)}to{transform:scale(1)}}.ztraveler{z-index:5;pointer-events:none;border-radius:50%;width:14px;height:14px;transition:left .95s,top .95s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffffff4d}.portgrid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;display:grid}@media (max-width:700px){.portgrid{grid-template-columns:repeat(2,1fr)}}.porttile{border:1px solid var(--border);border-radius:10px;min-height:78px;padding:10px}.porttile.used{background:var(--panel-2)}.porttile.empty{color:var(--muted);cursor:pointer;border-style:dashed;justify-content:center;align-items:center;font-size:13px;display:flex}.porttile.empty:hover{border-color:var(--accent);color:var(--text)}.porttile .pno{color:var(--muted);font-size:11px}.porttile .pmodel{margin-top:2px;font-size:13px;font-weight:600}.porttile .pzone{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.porttile .pacts{gap:6px;margin-top:8px;display:flex}.pdot{border-radius:50%;width:9px;height:9px;display:inline-block}