@import"fonts.css";:root{--font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--bg: #070b14;--bg-2: #0a1020;--surface: #0f1729;--surface-2: #141d33;--surface-3: #1a2440;--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .22);--text: #e7ecf6;--text-2: #b4bfd3;--muted: #7d8aa5;--faint: #56627c;--accent: #4f8cff;--accent-2: #7aa8ff;--accent-soft: rgba(79, 140, 255, .14);--ok: #22c55e;--ok-soft: rgba(34, 197, 94, .14);--warn: #f5a524;--warn-soft: rgba(245, 165, 36, .15);--danger: #f04444;--danger-soft: rgba(240, 68, 68, .15);--info: #38bdf8;--maint: #a78bfa;--maint-soft: rgba(167, 139, 250, .15);--wave-bg: #0b1224;--grid: rgba(148, 163, 184, .07);--radius: 14px;--radius-sm: 10px;--radius-xs: 7px;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-pop: 0 24px 60px -12px rgba(0, 0, 0, .7);--sidebar: 248px;--topbar: 64px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}:root[data-theme=light]{--bg: #f3f5fa;--bg-2: #eef1f7;--surface: #ffffff;--surface-2: #f6f8fc;--surface-3: #edf1f8;--border: rgba(15, 23, 42, .09);--border-strong: rgba(15, 23, 42, .16);--text: #0d1526;--text-2: #334155;--muted: #64748b;--faint: #94a3b8;--accent: #2f6bf0;--accent-2: #2f6bf0;--accent-soft: rgba(47, 107, 240, .1);--wave-bg: #f4f7fd;--grid: rgba(15, 23, 42, .06);--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px -14px rgba(15, 23, 42, .25);--shadow-pop: 0 24px 60px -16px rgba(15, 23, 42, .35);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-2);text-decoration:none}.num,.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);direction:ltr;unicode-bidi:isolate}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.muted{color:var(--muted)}.faint{color:var(--faint)}.hidden{display:none!important}svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}svg.i.sm{width:15px;height:15px}svg.i.lg{width:22px;height:22px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh;height:100dvh}.sidebar{background:var(--bg-2);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;gap:6px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#4f8cff,#2547c9);box-shadow:0 8px 22px -8px #4f8cffb3}.brand-mark svg{width:22px;height:22px;stroke:#fff}.brand-name{font-weight:700;font-size:16px;letter-spacing:.2px}.brand-sub{font-size:11.5px;color:var(--muted);margin-top:-2px}.nav-section{font-size:11px;color:var(--faint);padding:14px 10px 6px;letter-spacing:.3px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--text-2);cursor:pointer;border:0;background:none;width:100%;text-align:start;transition:background .15s,color .15s}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-2)}.nav-item .count{margin-inline-start:auto;background:var(--danger);color:#fff;font-size:11px;border-radius:20px;padding:0 7px;font-weight:600}.sidebar-foot{margin-top:auto;padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-size:12px}.sidebar-foot .row{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.main{display:flex;flex-direction:column;min-width:0;height:100vh;height:100dvh}.topbar{height:var(--topbar);flex:none;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px)}.topbar h1{font-size:18px;margin:0;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar>div:first-child{min-width:0;flex:0 1 auto}.topbar .crumb{color:var(--muted);font-size:12.5px}.topbar .spacer{flex:1}.clock{font-family:var(--mono);font-size:15px;color:var(--text-2);direction:ltr}.clock small{color:var(--muted);font-size:11px;margin-inline-start:6px;font-family:var(--font)}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:22px 24px 40px;scroll-behavior:smooth}.page{max-width:1680px;margin:0 auto;animation:pageIn .25s var(--ease)}@keyframes pageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;font-weight:550;font-size:13.5px;transition:background .15s,border-color .15s,transform .05s,opacity .15s;white-space:nowrap;user-select:none}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;pointer-events:none}.btn.primary{background:var(--accent);border-color:transparent;color:#fff}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,white)}.btn.danger{background:var(--danger);border-color:transparent;color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.soft-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn.soft-ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.btn.sm{height:30px;padding:0 10px;font-size:12.5px;border-radius:8px}.btn.lg{height:44px;padding:0 20px;font-size:15px}.btn.icon{width:36px;padding:0}.btn.icon.sm{width:30px}.btn.block{width:100%}.btn.on{background:var(--accent-soft);color:var(--accent-2);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.label{font-size:12.5px;color:var(--text-2);font-weight:550}.field .hint{font-size:11.5px;color:var(--muted)}.input,select.input,textarea.input{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}textarea.input{height:auto;min-height:90px;padding:10px 12px;resize:vertical}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.ltr{direction:ltr;text-align:left}.input-group{display:flex;gap:8px}.input-suffix{position:relative}.input-suffix .input{padding-inline-end:44px}.input-suffix span{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px;pointer-events:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:38px;height:22px;border-radius:22px;background:var(--surface-3);border:1px solid var(--border-strong);position:relative;transition:background .2s;flex:none}.switch .track:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s var(--ease);box-shadow:0 1px 3px #0000004d}.switch input:checked+.track{background:var(--accent);border-color:transparent}.switch input:checked+.track:after{transform:translate(-16px)}[dir=ltr] .switch input:checked+.track:after{transform:translate(16px)}input[type=range]{accent-color:var(--accent);width:100%;direction:ltr}.field>.seg,.field>.switch{align-self:flex-start}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:none;color:var(--text-2);padding:5px 12px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:550;white-space:nowrap}.seg button.active{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:20px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:12.5px;cursor:pointer;user-select:none;white-space:nowrap}.chip.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-2)}.chip .dot{width:8px;height:8px;border-radius:50%}.chips{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-h{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.card-h h3{margin:0;font-size:14.5px;font-weight:650}.card-h .sub{color:var(--muted);font-size:12px}.card-h .spacer{flex:1}.card-b{padding:18px}.section-title{display:flex;align-items:center;gap:10px;margin:26px 0 12px}.section-title h2{font-size:15px;margin:0;font-weight:650}.section-title .spacer{flex:1}.grid{display:grid;gap:16px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:12px}.divider{height:1px;background:var(--border);margin:16px 0}.page-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px;flex-wrap:wrap}.page-head h2{margin:0;font-size:22px;font-weight:700}.page-head p{margin:4px 0 0;color:var(--muted)}.page-head .spacer{flex:1}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi{padding:16px 18px;position:relative;overflow:hidden}.kpi .k-label{color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:8px}.kpi .k-value{font-size:28px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.kpi .k-value small{font-size:14px;color:var(--muted);font-weight:500;margin-inline-start:4px}.kpi .k-foot{font-size:12px;color:var(--muted);margin-top:2px}.kpi .k-icon{position:absolute;inset-inline-end:14px;top:14px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.kpi.ok .k-icon{background:var(--ok-soft);color:var(--ok)}.kpi.bad .k-icon{background:var(--danger-soft);color:var(--danger)}.kpi.warn .k-icon{background:var(--warn-soft);color:var(--warn)}.kpi.accent .k-icon{background:var(--accent-soft);color:var(--accent-2)}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--surface-3);color:var(--text-2)}.badge .pulse{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.maint{background:var(--maint-soft);color:var(--maint)}.badge.info{background:var(--accent-soft);color:var(--accent-2)}.badge.off{background:var(--surface-3);color:var(--muted)}.badge.live .pulse{animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.sev{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.sev:before{content:"";width:8px;height:8px;border-radius:3px;background:currentColor}.sev.low{color:var(--ok)}.sev.medium{color:var(--warn)}.sev.high{color:#fb7a2e}.sev.critical{color:var(--danger)}.dash{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.station{position:relative;padding:0;overflow:hidden;transition:border-color .3s,box-shadow .3s}.station .st-head{display:flex;align-items:center;gap:12px;padding:14px 16px 10px}.station .st-color{width:10px;height:34px;border-radius:5px;flex:none}.station .st-name{font-weight:650;font-size:15.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station .st-meta{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-top:2px}.station .st-meta svg{width:13px;height:13px}.station .st-wave{position:relative;height:104px;margin:0 12px;border-radius:10px;background:var(--wave-bg);overflow:hidden;border:1px solid var(--border)}.station .st-wave canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.station .st-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-weight:700;font-size:26px;color:var(--danger);text-shadow:0 2px 18px rgba(0,0,0,.6);opacity:0;transition:opacity .3s;font-variant-numeric:tabular-nums}.station .st-overlay small{display:block;font-size:12px;font-weight:600;color:var(--text-2);text-align:center}.station .st-meter{margin:10px 16px 0}.meter{direction:ltr;position:relative;height:8px;border-radius:6px;background:var(--surface-3);overflow:hidden}.meter .fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:6px;background:linear-gradient(90deg,#22c55e 0% 70%,#f5a524 85%,#f04444);background-size:var(--mw, 300px) 100%;transition:width .08s linear}.meter .peak{position:absolute;top:0;bottom:0;width:2px;background:var(--text);opacity:.8;inset-inline-start:0}.meter .thr{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--danger);opacity:.7}.meter-scale{display:flex;justify-content:space-between;font-size:10px;color:var(--faint);margin-top:3px;font-family:var(--mono);direction:ltr}.station .st-foot{display:flex;align-items:center;gap:8px;padding:10px 12px 12px 16px}.station .st-db{font-family:var(--mono);font-size:13px;color:var(--text-2);direction:ltr;unicode-bidi:isolate;min-width:74px;text-align:right}.station .st-info{font-size:12px;color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station.s-warning{border-color:color-mix(in srgb,var(--warn) 55%,transparent)}.station.s-outage{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 0 40px -10px var(--danger);animation:alarmGlow 1.4s ease-in-out infinite}.station.s-outage .st-overlay{opacity:1;background:radial-gradient(ellipse at center,rgba(7,11,20,.78) 0%,rgba(7,11,20,.35) 70%,transparent 100%)}.station.s-maint{border-color:color-mix(in srgb,var(--maint) 45%,transparent)}.station.s-off{opacity:.6}.station.listening .st-head .listen-btn{color:var(--accent-2)}@keyframes alarmGlow{50%{box-shadow:0 0 0 1px var(--danger),0 0 60px -6px var(--danger)}}.feed{position:sticky;top:0;max-height:calc(100vh - var(--topbar) - 50px);display:flex;flex-direction:column}.feed-list{overflow-y:auto;padding:6px 0;flex:1}.ev{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:9px 16px;position:relative}.ev:hover{background:var(--surface-2)}.ev .ev-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.ev .ev-ic svg{width:15px;height:15px}.ev.error .ev-ic{background:var(--danger-soft);color:var(--danger)}.ev.warn .ev-ic{background:var(--warn-soft);color:var(--warn)}.ev.success .ev-ic{background:var(--ok-soft);color:var(--ok)}.ev .ev-msg{font-size:13px;line-height:1.45}.ev .ev-time{font-size:11.5px;color:var(--faint);font-family:var(--mono);direction:ltr;text-align:right}.ev.new{animation:evIn .5s var(--ease)}@keyframes evIn{0%{background:var(--accent-soft)}to{background:transparent}}.alarm-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;margin-bottom:18px;border-radius:var(--radius);background:linear-gradient(90deg,#f0444438,#f0444414);border:1px solid rgba(240,68,68,.5)}.alarm-bar .ab-ic{width:40px;height:40px;border-radius:12px;background:var(--danger);color:#fff;display:grid;place-items:center;animation:alarmIcon 1s infinite;flex:none}@keyframes alarmIcon{50%{transform:scale(1.07)}}.alarm-bar .ab-title{font-weight:700}.alarm-bar .ab-list{font-size:12.5px;color:var(--text-2)}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:separate;border-spacing:0}.tbl th{text-align:start;font-size:12px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:1;white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr{transition:background .12s}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr.active-row{background:var(--danger-soft)}.tbl .t-num{font-variant-numeric:tabular-nums}.tbl input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.dur-bar{height:5px;border-radius:3px;background:var(--surface-3);width:90px;overflow:hidden;margin-top:4px}.dur-bar>div{height:100%;background:var(--danger);border-radius:3px}.pager{display:flex;align-items:center;gap:8px;padding:12px 16px;justify-content:space-between}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty .e-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;background:var(--surface-2);color:var(--faint)}.empty h4{margin:0 0 4px;color:var(--text);font-size:15px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.filters .input{height:34px;width:auto}.player{padding:16px 18px}.player-wave{position:relative;height:120px;border-radius:12px;background:var(--wave-bg);border:1px solid var(--border);cursor:pointer;overflow:hidden;direction:ltr}.player-wave canvas{width:100%;height:100%;display:block}.player-controls{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.player-time{font-family:var(--mono);color:var(--text-2);direction:ltr}.play-btn{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -8px var(--accent)}.play-btn svg{width:20px;height:20px;fill:#fff;stroke:none}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:3px;border-radius:2px;display:inline-block}.live-player{position:fixed;bottom:18px;inset-inline-start:calc(var(--sidebar) + 24px);z-index:50;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:var(--shadow-pop);min-width:320px;animation:popIn .25s var(--ease)}.live-player .lp-eq{display:flex;gap:2px;align-items:flex-end;height:18px}.live-player .lp-eq i{width:3px;background:var(--accent);border-radius:2px;animation:eq 1s infinite ease-in-out}.live-player .lp-eq i:nth-child(2){animation-delay:.2s}.live-player .lp-eq i:nth-child(3){animation-delay:.4s}.live-player .lp-eq i:nth-child(4){animation-delay:.1s}.live-player.paused .lp-eq i{animation-play-state:paused}@keyframes eq{0%,to{height:4px}50%{height:18px}}.live-player .lp-name{font-weight:650}.live-player .lp-sub{font-size:11.5px;color:var(--muted)}.live-player input[type=range]{width:90px}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.overlay{position:fixed;inset:0;background:#03060e99;backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:20px;animation:fadeIn .15s}@keyframes fadeIn{0%{opacity:0}}.modal{width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow-pop);animation:popIn .2s var(--ease)}.modal.wide{width:min(900px,100%)}.modal.narrow{width:min(440px,100%)}.modal-h{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}.modal-h h3{margin:0;font-size:16px;flex:1}.modal-b{padding:20px 22px}.modal-f{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--surface)}.toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:var(--surface-3);border:1px solid var(--border-strong);box-shadow:var(--shadow-pop);font-size:13.5px;animation:popIn .2s var(--ease);max-width:90vw}.toast.ok svg{color:var(--ok)}.toast.error svg{color:var(--danger)}.toast.warn svg{color:var(--warn)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.tabs button{background:none;border:0;padding:10px 14px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;font-weight:550;white-space:nowrap;display:inline-flex;gap:8px;align-items:center}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.settings{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.settings-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:2px}.set-group{margin-bottom:18px}.set-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.set-row:last-child{border-bottom:0}.set-row .sr-text{flex:1;min-width:0}.set-row .sr-title{font-weight:600}.set-row .sr-desc{font-size:12.5px;color:var(--muted);margin-top:2px}.set-row .sr-ctl{flex:none;min-width:120px;display:flex;justify-content:flex-end}.matrix{width:100%;border-collapse:collapse}.matrix th,.matrix td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:start}.matrix td:first-child small{display:block;color:var(--muted);font-size:11.5px}.pair-box{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center}.qr{background:#fff;border-radius:14px;padding:10px;width:240px}.qr svg{width:100%;height:auto;display:block}.code-big{font-family:var(--mono);font-size:40px;letter-spacing:8px;font-weight:700;direction:ltr}.steps{margin:0;padding-inline-start:20px;color:var(--text-2);line-height:1.9}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.chart-box{position:relative;height:260px}.chart-box.sm{height:200px}.stat-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:12px;overflow:hidden}.stat-list>div{background:var(--surface);padding:12px 14px}.stat-list .l{font-size:12px;color:var(--muted)}.stat-list .v{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}.timeline{position:relative;padding-inline-start:22px}.timeline:before{content:"";position:absolute;inset-inline-start:7px;top:6px;bottom:6px;width:2px;background:var(--border-strong)}.tl-item{position:relative;padding:0 0 16px}.tl-item:before{content:"";position:absolute;inset-inline-start:-20px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--surface-3);border:2px solid var(--surface)}.tl-item.error:before{background:var(--danger)}.tl-item.success:before{background:var(--ok)}.tl-item.warn:before{background:var(--warn)}.tl-item.info:before{background:var(--accent)}.tl-item .tl-t{font-size:11.5px;color:var(--faint);font-family:var(--mono);direction:ltr;display:inline-block}.tl-item .tl-m{font-size:13px}.msg{padding:16px 18px;border-bottom:1px solid var(--border)}.msg:last-child{border-bottom:0}.msg .m-title{font-weight:650;font-size:15px;display:flex;align-items:center;gap:8px}.msg .m-body{color:var(--text-2);margin:6px 0 10px;white-space:pre-wrap}.msg .m-meta{font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.msg.urgent{border-inline-start:3px solid var(--danger)}.msg.high{border-inline-start:3px solid var(--warn)}.msg.unread{background:var(--accent-soft)}.gate{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(1000px 600px at 80% -10%,rgba(79,140,255,.18),transparent),var(--bg);overflow-y:auto}.gate-card{width:min(420px,100%);padding:30px 26px;text-align:center}.gate-card .brand-mark{width:60px;height:60px;border-radius:18px;margin:0 auto 16px}.gate-card .brand-mark svg{width:32px;height:32px}.gate-card h1{font-size:22px;margin:0 0 6px}.code-input{font-family:var(--mono);font-size:30px;letter-spacing:10px;text-align:center;height:60px;direction:ltr}.bottom-nav,.m-only{display:none}@media(max-width:1280px){.dash{grid-template-columns:1fr}.feed{position:static;max-height:460px}}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}@media(max-width:900px){:root{--topbar: 56px}body{overflow:auto}.app{display:block;height:auto}.sidebar{display:none}.main{height:auto;min-height:100vh;min-height:100dvh}.topbar{position:sticky;top:0;z-index:30;padding:0 16px;padding-top:env(safe-area-inset-top);height:calc(var(--topbar) + env(safe-area-inset-top))}.topbar h1{font-size:17px}.topbar .crumb{display:none}.topbar{gap:8px}.topbar .badge{padding:0 7px}.toasts{top:calc(64px + env(safe-area-inset-top));width:calc(100% - 24px)}.page-head .btn{height:34px}.topbar .clock{display:none}.content{padding:14px 14px calc(90px + env(safe-area-inset-bottom));overflow:visible}.m-only{display:initial}.d-only{display:none!important}.stations{grid-template-columns:1fr;gap:12px}.station .st-wave{height:76px}.kpis{gap:10px}.kpi{padding:12px 14px}.kpi .k-value{font-size:22px}.kpi .k-icon{display:none}.page-head h2{font-size:19px}.settings{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;overflow-x:auto}.pair-box{grid-template-columns:1fr;justify-items:center;text-align:center}.form-grid.two{grid-template-columns:1fr}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:40;background:color-mix(in srgb,var(--bg-2) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{background:none;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;font-size:10.5px;position:relative;cursor:pointer}.bottom-nav button.active{color:var(--accent-2)}.bottom-nav button .count{position:absolute;top:4px;left:calc(50% + 6px);background:var(--danger);color:#fff;font-size:10px;border-radius:10px;padding:0 5px}.live-player{inset-inline:12px;bottom:calc(72px + env(safe-area-inset-bottom));min-width:0}.tbl.responsive thead{display:none}.tbl.responsive tr{display:grid;grid-template-columns:1fr auto;padding:12px 14px;border-bottom:1px solid var(--border);gap:2px 10px}.tbl.responsive td{border:0;padding:0}.tbl.responsive td[data-m=hide]{display:none}.tbl.responsive td[data-m=full]{grid-column:1 / -1}.modal{border-radius:18px 18px 0 0;max-height:92vh;align-self:end}.overlay{padding:0;place-items:end center}.filters{padding:12px}.alarm-bar{flex-wrap:wrap}}@media(max-width:420px){.kpis{grid-template-columns:1fr 1fr}}@media(display-mode:standalone){body{overscroll-behavior:none}}.incidents{display:grid;gap:12px;margin-bottom:18px}.incident-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:18px;align-items:center;padding:16px 20px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(100deg,#f0444447,#f0444414 60%,#f044440a);border:1px solid rgba(240,68,68,.55);box-shadow:0 18px 50px -20px #f044448c}.incident-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:var(--sc, var(--danger))}.ic-pulse{width:54px;height:54px;border-radius:16px;background:var(--danger);color:#fff;display:grid;place-items:center;animation:alarmIcon 1s infinite;box-shadow:0 0 #f0444499}.ic-pulse svg{width:28px;height:28px}.ic-kicker{font-size:12.5px;font-weight:700;color:#ff8a8a;letter-spacing:.3px}.ic-name{font-size:22px;font-weight:700;line-height:1.25}.ic-name small{font-size:13px;color:var(--muted);font-weight:500;margin-inline-start:10px}.ic-meta{font-size:12.5px;color:var(--text-2);margin-top:2px}.ic-timer{text-align:center;padding:0 10px}.ic-timer .mono{font-size:40px;font-weight:600;color:#ff6b6b;line-height:1}.ic-timer small{font-size:11.5px;color:var(--muted)}.ic-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.st-incident{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--danger);color:#fff;font-size:13px;font-weight:600}.st-incident .mono{font-size:15px}.station.s-back{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok),0 0 36px -12px var(--ok)}.station .st-head .btn.icon.sm{color:var(--muted)}.station .st-head .btn.icon.sm:hover{color:var(--text)}@media(max-width:900px){.incident-card{grid-template-columns:auto 1fr;gap:12px;padding:14px}.ic-timer{grid-column:2;text-align:start;padding:0}.ic-actions{grid-column:1 / -1;justify-content:stretch}.ic-actions .btn{flex:1}.ic-pulse{width:44px;height:44px}}.day-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.day-strip .day{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:76px;padding:8px 10px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:12px}.day-strip .day b{font-size:15px;color:var(--text);font-family:var(--mono)}.day-strip .day.active{background:var(--accent);border-color:transparent;color:#fff}.day-strip .day.active b{color:#fff}.tl-wrap{direction:ltr;user-select:none}.tl{position:relative;height:54px;border-radius:12px;background:repeating-linear-gradient(135deg,var(--surface-2) 0 6px,var(--surface-3) 6px 12px);border:1px solid var(--border);overflow:hidden;cursor:crosshair;touch-action:pan-y}.tl>div{position:absolute;top:0;bottom:0;left:auto}.tl .tl-cov{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 75%,white 0%),color-mix(in srgb,var(--accent) 55%,transparent));top:10px;bottom:10px;border-radius:3px}.tl .tl-out{background:var(--danger);top:4px;bottom:4px;border-radius:3px;min-width:3px;box-shadow:0 0 10px #f0444499}.tl .tl-sel{background:#ffffff29;border-left:2px solid #fff;border-right:2px solid #fff}.tl .tl-now{width:2px;background:var(--warn)}.tl-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:4px}.rec-range{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.rec-range{grid-template-columns:1fr}}.install-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:16px;background:linear-gradient(110deg,#4f8cff38,#4f8cff0f);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.install-banner img{width:44px;height:44px;border-radius:11px;flex:none}.install-banner b{display:block;font-size:14.5px}.install-banner div div{font-size:12.5px;color:var(--text-2)}.install-step{display:grid;grid-template-columns:26px 44px 1fr;gap:12px;align-items:center;padding:10px;border-radius:12px;background:var(--surface-2)}.install-step .is-n{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.install-step .is-ic{width:44px;height:44px;border-radius:12px;background:var(--surface-3);display:grid;place-items:center;color:var(--accent-2)}.install-step .muted{font-size:12.5px}.install-arrow{text-align:center;color:var(--accent-2);font-weight:700;animation:bob 1.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.ntfy-card{margin-bottom:16px;border-color:color-mix(in srgb,var(--ok) 35%,var(--border))}.ntfy-body{display:flex;gap:22px;padding:18px;align-items:flex-start}.ntfy-qr{display:flex;flex-direction:column;gap:6px}.ntfy-qr .qr{width:170px;padding:8px}.ntfy-step{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}.ntfy-step .n{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.ntfy-step .muted{font-size:12.5px}.ntfy-topic{font-family:var(--mono);direction:ltr;font-size:15px;background:var(--bg-2);border:1px solid var(--border-strong);padding:6px 10px;border-radius:8px;user-select:all}@media(max-width:900px){.ntfy-body{flex-direction:column;align-items:center}}@media(min-width:901px){.content:has(>.page-fill){overflow:hidden;padding:14px 16px}.page.page-fill{max-width:none;height:100%;display:flex;flex-direction:column;min-height:0}}.editor{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0}.ed-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border-radius:14px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);box-shadow:var(--shadow)}.ed-group{display:flex;align-items:center;gap:4px;padding:0 8px;border-inline-start:1px solid var(--border)}.ed-group:first-child{border-inline-start:0;padding-inline-start:2px}.ed-group .input{height:32px;width:auto;font-size:13px}.ed-station{min-width:170px;font-weight:600}.ed-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.ed-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:all .12s}.ed-btn:hover{color:var(--text);background:var(--surface-3)}.ed-btn.on{color:#fff;background:var(--accent);border-color:transparent}.ed-btn svg{width:17px;height:17px}.ed-play{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 8px 22px -8px var(--accent)}.ed-play svg{width:20px;height:20px}.ed-play.on{background:var(--warn);box-shadow:0 8px 22px -8px var(--warn)}.ed-transport{direction:ltr}.ed-clockbox{flex-direction:column;align-items:flex-start;gap:0;min-width:190px}.ed-clock{font-family:var(--mono);font-size:26px;font-weight:600;color:#f5a524;letter-spacing:.5px;direction:ltr;line-height:1.1;text-shadow:0 0 18px rgba(245,165,36,.35)}.ed-clock-sub{font-size:11px;color:var(--muted)}.ed-selbox{gap:8px}.ed-selbox label{display:flex;flex-direction:column;font-size:10.5px;color:var(--muted);gap:2px}.ed-tc{font-family:var(--mono);direction:ltr;width:104px;height:30px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);padding:0 8px;font-size:13px;text-align:center}.ed-tc.ro{display:grid;place-items:center;color:var(--accent-2)}.ed-ov{height:46px;border-radius:10px;overflow:hidden;border:1px solid var(--border);cursor:grab}.ed-ov-canvas,.ed-wf-canvas,.ed-meter,.ed-spec{width:100%;height:100%;display:block}.ed-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:8px;min-height:0}.ed-wf{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border-strong);min-height:260px;direction:ltr;box-shadow:inset 0 1px #ffffff08}.ed-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:11px;color:var(--faint);pointer-events:none;direction:rtl;white-space:nowrap}.ed-side{display:flex;flex-direction:column;min-height:0;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);overflow:hidden}.ed-meters{padding:10px 12px;border-bottom:1px solid var(--border);display:grid;gap:4px;background:var(--bg-2)}.ed-mlabel{font-family:var(--mono);font-size:9.5px;letter-spacing:1.5px;color:var(--faint);direction:ltr}.ed-meter{height:18px;border-radius:4px}.ed-spec{height:64px;border-radius:6px}.ed-tabs{display:flex;border-bottom:1px solid var(--border)}.ed-tabs button{flex:1;background:none;border:0;color:var(--muted);padding:9px 4px;cursor:pointer;font-weight:600;font-size:12.5px;border-bottom:2px solid transparent}.ed-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.ed-pane{flex:1;overflow-y:auto;padding:10px 12px;min-height:0}.ed-sec{font-size:10.5px;letter-spacing:.4px;color:var(--accent-2);font-weight:700;margin:12px 0 6px}.ed-sec:first-child{margin-top:2px}.ed-kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--border);font-size:12.5px}.ed-kv span{color:var(--muted)}.ed-kv b{font-weight:600;text-align:left}.ed-kv b.danger{color:var(--danger)}.ed-keys{display:grid;gap:5px;font-size:12px}.ed-keys div{display:flex;justify-content:space-between;align-items:center;color:var(--text-2)}kbd{font-family:var(--mono);font-size:10.5px;padding:2px 6px;border-radius:5px;background:var(--surface-3);border:1px solid var(--border-strong);border-bottom-width:2px;color:var(--text);direction:ltr}.ed-mark,.ed-exp{display:flex;gap:8px;align-items:center;padding:8px 6px;border-radius:8px;cursor:pointer;font-size:12.5px}.ed-mark:hover,.ed-exp:hover{background:var(--surface-2)}.ed-mark .mono,.ed-exp .mono{font-size:11px}.ed-pane-exp{display:flex;flex-direction:column;gap:6px}.ed-exp-form{display:grid;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.ed-status{display:flex;gap:18px;align-items:center;font-size:11.5px;color:var(--muted);padding:6px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.ed-status b{color:var(--text-2);font-weight:500}@media(max-width:1250px){.ed-main{grid-template-columns:minmax(0,1fr) 270px}.ed-selbox{display:none}}@media(max-width:900px){.editor{height:auto;grid-template-rows:auto}.ed-main{grid-template-columns:1fr}.ed-wf{height:300px}.ed-side{max-height:none}.ed-status,.ed-hint{display:none}.ed-clockbox{min-width:0}.ed-clock{font-size:20px}}@media(min-width:901px){.page-fill>.kpis{margin-bottom:12px;flex:none}.page-fill>.incidents,.page-fill>.install-banner,.page-fill>.card{flex:none}.page-fill>.dash{flex:1;min-height:0;margin:0;align-items:stretch}.page-fill .dash-stations{min-height:0;overflow-y:auto;padding:2px 4px 4px 2px}.page-fill .feed{position:static;max-height:none;height:100%;min-height:0}.page-fill .kpi{padding:12px 16px}.page-fill .kpi .k-value{font-size:24px;margin-top:2px}}@media(min-width:901px)and (max-width:1280px){.page-fill>.dash{grid-template-columns:minmax(0,1fr) 300px}}.station{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 70%,transparent),var(--surface) 46%)}.station .st-tech{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:10px 12px 0;border-radius:9px;overflow:hidden;background:var(--border);direction:ltr}.station .st-tech>div{background:var(--bg-2);padding:5px 6px 4px;text-align:center}.station .st-tech span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:1px;color:var(--faint)}.station .st-tech b{font-size:13px;font-weight:500;color:var(--text-2)}.station .st-tech b.hot{color:var(--danger)}.station .st-tech b.warn{color:var(--warn)}.station .st-wave{height:92px}.ts-card{margin-bottom:16px;border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.ts-body{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.ts-steps{display:flex;flex-direction:column;gap:12px}.ts-step{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}.ts-step>.n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border-strong);color:var(--faint)}.ts-step.done>.n{background:var(--ok);border-color:var(--ok);color:#fff}.ts-step.wait>.n{border-color:var(--accent)}.ts-step.todo b{color:var(--text-2)}.ts-step-b{margin-top:6px;font-size:13px;color:var(--text-2)}.ts-step .muted{font-size:12.5px}.ts-link{display:flex;align-items:center;gap:6px;direction:ltr;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:8px;padding:4px 6px 4px 10px;max-width:100%}.ts-link a{font-family:var(--mono);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ts-ready{display:flex;gap:18px;align-items:center;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--ok) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--ok) 35%,var(--border))}.ts-ready .qr{width:132px;padding:6px;flex:none}.ts-ready .muted{font-size:12.5px}.ts-url{font-family:var(--mono);direction:ltr;font-size:15px;font-weight:600;color:var(--ok);background:var(--bg-2);border:1px solid var(--border-strong);padding:6px 10px;border-radius:8px;user-select:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ts-log{font-size:11px;background:var(--bg-2);padding:10px;border-radius:10px;max-height:150px;overflow:auto;margin:6px 0 0;direction:ltr;text-align:left}.spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.ts-ready{flex-direction:column;align-items:stretch}.ts-ready .qr{align-self:center}}.pending-codes{border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.pending-code{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.pc-code{font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:4px;direction:ltr;color:var(--accent-2)}.team-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.ts-chip{display:flex;align-items:baseline;gap:7px;padding:8px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-size:13px;color:var(--text-2)}.ts-chip b{font-family:var(--mono);font-size:18px;color:var(--text)}.ts-chip.ok b{color:var(--ok)}.ts-chip.warn b{color:var(--warn)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none;background:var(--surface-3);color:var(--text-2)}.avatar.lg{width:56px;height:56px;font-size:24px}.avatar.r-admin{background:color-mix(in srgb,var(--accent) 26%,var(--surface-2));color:var(--accent-2)}.avatar.r-operator{background:color-mix(in srgb,var(--ok) 22%,var(--surface-2));color:var(--ok)}.badge.role-admin{background:var(--accent-soft);color:var(--accent-2)}.badge.role-operator{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.badge.role-viewer{background:var(--surface-3);color:var(--text-2)}.perm-tbl{width:100%;border-collapse:collapse;font-size:13px}.perm-tbl th,.perm-tbl td{padding:7px 10px;border-bottom:1px solid var(--border);text-align:center}.perm-tbl td:first-child,.perm-tbl th:first-child{text-align:start;color:var(--text-2)}.perm-tbl th{font-size:12px;color:var(--muted);font-weight:600}.perm-tbl .sel{background:var(--accent-soft)}.perm-tbl th.sel{color:var(--accent-2)}.perm-tbl .yes{color:var(--ok);font-weight:700}.perm-tbl .no{color:var(--faint)}.person{display:flex;flex-direction:column;gap:14px}.p-head{display:flex;gap:16px;align-items:flex-start}.p-fields{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;min-width:0}.p-fields>:last-child{grid-column:1 / -1}.p-state{display:flex;flex-direction:column;gap:5px;align-items:flex-end;min-width:110px}.p-sec{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--surface-2)}.p-sec-h{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px}.p-sec .act-box{margin:0 -6px}.p-invite{display:flex;gap:16px;align-items:flex-start}.p-invite .qr{width:150px;padding:6px;flex:none}.p-prefs{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px}.p-prefs .row{padding:4px 0;font-size:13px}.p-sub{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px}.p-foot{display:flex;align-items:center;gap:8px}.act-list{max-height:360px;overflow:auto}.act-list.compact{max-height:300px}.act-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--border)}.act-row:last-child{border-bottom:0}.act-ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2)}.act-row.a-ack .act-ic,.act-row.a-activated .act-ic,.act-row.a-push_on .act-ic{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.act-row.a-notify .act-ic{background:var(--accent-soft);color:var(--accent-2)}.act-row.a-listen .act-ic{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.act-row.fail .act-ic{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.act-text{font-size:13.5px;overflow:hidden;text-overflow:ellipsis}.act-meta{font-size:11.5px;color:var(--muted);display:flex;gap:8px;align-items:center}.act-time{font-family:var(--mono);font-size:11.5px;color:var(--muted);direction:ltr;white-space:nowrap}.act-box>.btn{margin:8px auto;width:auto;display:flex}.push-tips{font-size:13px;color:var(--text-2)}.push-tips summary{cursor:pointer;color:var(--accent-2);font-weight:600}.push-tips ul{margin:8px 0 0;padding-inline-start:20px;line-height:1.8}@media(max-width:760px){.p-head{flex-wrap:wrap}.p-fields{grid-template-columns:1fr}.p-state{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.p-invite{flex-direction:column;align-items:center}.p-prefs{grid-template-columns:1fr}.act-row{grid-template-columns:30px 1fr}.act-time{grid-column:2}}.gate-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:600;font-size:14px}.gate-brand .brand-mark{width:34px;height:34px;border-radius:10px;margin:0}.gate-who{margin:20px 0 16px;display:flex;flex-direction:column;align-items:center;gap:4px}.gate-who h1{margin:0 0 6px;font-size:26px}.gate-hello{color:var(--muted);font-size:14px;margin-top:10px}.gate-sec{margin:4px 0 12px}.gate-sec .muted{font-size:13px;margin-top:2px}.gate-alt{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;align-items:center;font-size:13px}.gate-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:10px 0 4px}.gate-status{font-size:13px;color:var(--muted);min-height:18px}.avatar.xl{width:72px;height:72px;font-size:32px}.avatar.sm{width:30px;height:30px;font-size:14px}.user-chip{background:none;border:0;padding:0;cursor:pointer;display:none}.onboard{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.onboard h2{margin:4px 0 0;font-size:21px}.ob-perms{align-self:stretch;text-align:start;font-size:13px;color:var(--text-2);display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.ob-perms .yes,.my-perms span{color:var(--ok);font-weight:700;display:inline-block;width:20px}.ob-box{align-self:stretch;display:flex;gap:12px;align-items:center;text-align:start;padding:12px 14px;border-radius:14px;background:var(--accent-soft);color:var(--accent-2)}.ob-box .muted{font-size:12.5px}.ob-box b{color:var(--text)}.ob-box.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.profile{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:14px}.profile h2{margin:0;font-size:20px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text);font-size:12.5px;cursor:pointer;font-family:inherit;text-align:center;line-height:1.3}.tile:active{transform:scale(.97)}.tile-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-2)}.tile.adm .tile-ic{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.my-perms{display:grid;gap:6px;font-size:13.5px}.my-perms .off,.my-perms .off span{color:var(--faint)}.m-hero{display:none}.setup-card{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border-radius:16px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.setup-card .muted{font-size:12.5px}.setup-card .sc-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;flex:none}@media(max-width:900px){.user-chip{display:block}.m-hero{display:block;margin-bottom:12px}.mh-hello{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;margin-bottom:10px;color:var(--text-2)}.mh-hello b{color:var(--text)}.mh-state{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px 18px 0 0;border:1px solid var(--border);border-bottom:0;background:var(--surface)}.mh-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none}.mh-state.ok .mh-ic{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.mh-state.warn .mh-ic{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.mh-state.bad{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.mh-state.bad .mh-ic{background:var(--danger);color:#fff;animation:alarmIcon 1s ease-in-out infinite}.mh-title{font-size:18px;font-weight:700}.mh-sub{font-size:13px;color:var(--muted);margin-top:2px}.mh-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:0 0 18px 18px;background:var(--surface-2)}.mh-stats>div{padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:1px}.mh-stats>div+div{border-inline-start:1px solid var(--border)}.mh-stats b{font-family:var(--mono);font-size:16px}.mh-stats span{font-size:11px;color:var(--muted)}.station .st-tech{display:none}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar .badge.ok{font-size:0;width:10px;height:10px;padding:0;border-radius:50%;background:var(--ok)}}@media(max-width:900px){html,body{overflow-x:clip;max-width:100%}.card-h{flex-wrap:wrap;row-gap:8px}.card-h h3{min-width:0}.ntfy-card .card-h .spacer,.ts-card .card-h .spacer{display:none}.toasts{pointer-events:none}}@media(max-width:900px){.filters .seg{max-width:100%;overflow-x:auto;flex-wrap:nowrap}.filters .seg button{white-space:nowrap}}.admin-btn{gap:6px;border-color:var(--border-strong)}.admin-btn.on{background:color-mix(in srgb,var(--warn) 18%,transparent);border-color:color-mix(in srgb,var(--warn) 55%,transparent);color:var(--warn)}.admin-lock{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--accent-soft);color:var(--accent-2)}.admin-lock b{color:var(--text)}.admin-lock .muted{font-size:12.5px}@media(max-width:900px){.admin-btn span{display:none}}.upd-ver{font-family:var(--mono);font-size:22px;font-weight:700;direction:ltr}.upd-ver.sm{font-size:14px}.upd-notes{white-space:pre-wrap;font-size:13.5px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.upd-fail{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.upd-fail b{color:var(--text)}.upd-fail .muted{font-size:12.5px}.upd-list{display:grid;gap:6px;font-size:13px}.upd-list>div{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:var(--surface-2)}