:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050b13;--bg-soft:#07111c;--panel:#0a1522d1;--panel-solid:#0b1624;--panel-raised:#0e1c2c;--line:#84bed721;--line-strong:#84bed73d;--text:#e4eff8;--muted:#93aec4;--dim:#708a9f;--accent:#22d3ee;--accent-soft:#22d3ee1f;--blue:#38bdf8;--amber:#fbbf24;--violet:#a78bfa;--success:#34d399;--warn:#fbbf24;--danger:#fb7185;--radius:16px;--font-sans:"Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", "Cascadia Code", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);font-family:var(--font-sans);background:radial-gradient(1100px 560px at 12% -8%, #22d3ee1a, transparent 62%), radial-gradient(900px 520px at 92% -2%, #3b82f61f, transparent 58%), radial-gradient(800px 600px at 60% 110%, #a78bfa0f, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.55}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{color:#fff;background:#22d3ee52}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#78aac33d padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#78aac366 padding-box content-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.code{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#d5f3fc}.muted-cell{color:var(--dim)}.spin{animation:.9s linear infinite spin}.spin-slow{animation:3.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.86)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{border:1px solid var(--line-strong);height:38px;color:var(--text);white-space:nowrap;background:#0f1e2eb3;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.btn:hover:not(:disabled){background:#183046d9;border-color:#84c8e166}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn-primary{color:#03141d;background:linear-gradient(135deg,#2ee6ff,#38a7f8);border-color:#0000;font-weight:650;box-shadow:0 8px 24px -12px #22d3eee6}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5beeff,#55b7ff);border-color:#0000}.btn-ghost{border-color:var(--line);color:var(--muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background:#22d3ee0f}.btn-ghost.is-on{color:#bff4ff;background:#22d3ee14;border-color:#22d3ee57}.btn-danger{color:#ffd4da;background:#fb718524;border-color:#fb718573}.btn-danger:hover:not(:disabled){background:#fb71853d}.btn-sm{border-radius:9px;height:32px;padding:0 11px;font-size:12.5px}.btn-xs{border-radius:8px;gap:5px;height:27px;padding:0 9px;font-size:11.5px}.icon-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#0c182699;border-radius:10px;place-items:center;transition:color .18s,border-color .18s,background .18s;display:inline-grid}.icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background:#22d3ee14}.icon-btn:disabled{opacity:.38}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.app-shell:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#78bedc09 1px,#0000 1px),linear-gradient(90deg,#78bedc09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 30% 0,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 30% 0,#000 0%,#0000 72%)}.sidebar{border-right:1px solid var(--line);z-index:20;background:linear-gradient(#08121ef5,#050c14fa);flex-direction:column;gap:22px;width:248px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar:after{content:"";background:linear-gradient(#22d3ee8c,#0000);width:1px;height:160px;position:absolute;top:0;right:-1px}.brand{align-items:center;gap:11px;padding:0 6px;display:flex}.brand-mark{color:#03151f;background:linear-gradient(140deg,#5beeff,#2d8ff5);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 26px -14px #22d3eef2,inset 0 1px #ffffff80}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-text strong{letter-spacing:.22em;font-size:17px;font-weight:700}.brand-text span{color:var(--dim);letter-spacing:.14em;font-size:11px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{height:44px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:0 12px;font-size:13.5px;transition:color .18s,background .18s,border-color .18s;display:flex;position:relative}.nav-item svg{color:var(--dim);transition:color .18s}.nav-item:hover{color:var(--text);background:#78b4d20f}.nav-item:hover svg{color:var(--muted)}.nav-item.active{color:#e9fbff;background:linear-gradient(90deg,#22d3ee29,#38bdf80a);border-color:#22d3ee33}.nav-item.active svg{color:var(--accent)}.nav-item.active:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:-17px;box-shadow:0 0 14px #22d3eecc}.nav-badge{color:#ffd0d7;min-width:20px;height:20px;font-size:10.5px;font-style:normal;font-family:var(--font-mono);background:#fb71852e;border:1px solid #fb718559;border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;display:inline-grid}.screen-cta{color:var(--text);text-align:left;background:radial-gradient(120% 140% at 0 0,#22d3ee29,#0000 60%),#091724e6;border:1px solid #22d3ee38;border-radius:13px;align-items:center;gap:10px;padding:11px 12px;transition:border-color .18s,transform .18s;display:flex}.screen-cta:hover{border-color:#22d3ee75;transform:translateY(-1px)}.screen-cta>svg{color:var(--dim);flex-shrink:0}.screen-cta-icon{width:34px;height:34px;color:var(--accent);background:#22d3ee1f;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.screen-cta-text{flex-direction:column;flex:1;line-height:1.25;display:flex}.screen-cta-text strong{font-size:12.5px;font-weight:600}.screen-cta-text em{color:var(--dim);font-size:10.5px;font-style:normal}.sidebar-foot{border-top:1px solid var(--line);color:var(--dim);flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;font-size:11px;display:flex}.status-line{color:var(--muted);align-items:center;gap:7px;margin-bottom:2px;font-size:11.5px;display:flex}.foot-meta{font-family:var(--font-mono);letter-spacing:.03em;justify-content:space-between;display:flex}.app-body{z-index:1;grid-column:2;width:auto;min-width:0;position:relative}.page{max-width:none;margin:0;padding:30px 34px 64px}@media (width>=1800px){.page{padding:34px 48px 72px}}.page-stack{flex-direction:column;gap:18px;animation:.32s both fade-up;display:flex}.mobile-bar{display:none}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.page-heading{min-width:0}.eyebrow{letter-spacing:.2em;color:var(--accent);text-transform:uppercase;font-size:10.5px;font-weight:600;display:inline-block}.page-heading h1{letter-spacing:-.02em;margin:6px 0 0;font-size:27px;font-weight:650;line-height:1.2}.page-heading p{color:var(--muted);margin:7px 0 0;font-size:13px}.page-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.live-pill{border:1px solid var(--line);height:32px;color:var(--muted);white-space:nowrap;background:#091521b3;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:11.5px;display:inline-flex}.dot{background:var(--dim);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot-success{background:var(--success);box-shadow:0 0 8px #34d39999}.dot-warn{background:var(--warn);box-shadow:0 0 8px #fbbf2480}.dot-danger{background:var(--danger);box-shadow:0 0 8px #fb71858c}.dot-cyan{background:var(--accent);box-shadow:0 0 8px #22d3ee99}.dot-blue{background:var(--blue)}.dot-muted{background:var(--dim)}.dot-pulse{animation:2s ease-in-out infinite pulse}.tone-cyan{--tone:var(--accent)}.tone-blue{--tone:var(--blue)}.tone-amber{--tone:var(--amber)}.tone-violet{--tone:var(--violet)}.tone-warn{--tone:var(--warn)}.tone-muted{--tone:var(--dim)}.tone-danger{color:#ffb7c1}.badge{border:1px solid var(--line);height:22px;color:var(--muted);white-space:nowrap;background:#78aac314;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-success{color:#a9f5d8;background:#34d3991a;border-color:#34d39952}.badge-warn{color:#ffe8b0;background:#fbbf241a;border-color:#fbbf2452}.badge-danger{color:#ffccd4;background:#fb71851a;border-color:#fb718552}.badge-cyan{color:#b9f6ff;background:#22d3ee1a;border-color:#22d3ee52}.badge-blue{color:#c3e9ff;background:#38bdf81a;border-color:#38bdf84d}.badge-muted{color:var(--muted)}.banner{border:1px solid var(--line-strong);background:#0a1622db;border-radius:12px;align-items:flex-start;gap:11px;padding:13px 15px;font-size:13px;display:flex}.banner>svg{flex-shrink:0;margin-top:1px}.banner-error{color:#ffd6dc;background:#38101a8c;border-color:#fb718552}.banner-error>svg{color:var(--danger)}.banner-warn{color:#ffe8b5;background:#32250873;border-color:#fbbf244d}.banner-warn>svg{color:var(--warn)}.banner-success{color:#c6f7e2;background:#082a1f80;border-color:#34d39952}.banner-success>svg{color:var(--success)}.banner-text{flex-direction:column;gap:2px;min-width:0;display:flex}.banner-text strong{font-size:13px;font-weight:600}.banner .btn{flex-shrink:0;margin-left:auto}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#0d1a2adb,#07101beb);min-width:0;position:relative;box-shadow:inset 0 1px #ffffff08,0 24px 48px -42px #000}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 20px;display:flex}.panel-heading{min-width:0}.panel-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.panel-sub{color:var(--dim);margin:4px 0 0;font-size:12px}.panel-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.panel-body{padding:18px 20px}.panel-body.flush{padding:0}.panel-inline-error{padding:12px 16px}.panel-inline-error .banner{margin:0}.empty-panel .empty{padding:52px 24px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:44px 22px;display:flex}.empty-icon{width:54px;height:54px;color:var(--accent);background:#22d3ee0f;border:1px dashed #22d3ee4d;border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.empty h3{margin:0;font-size:15px;font-weight:600}.empty p{max-width:520px;color:var(--muted);margin:0;font-size:12.5px}.empty .btn{margin-top:10px}.loading-block{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:44px 20px;font-size:13px;display:flex}.spinner{border:2px solid #22d3ee3d;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:14px;height:14px}.skeleton-stack{flex-direction:column;gap:18px;display:flex}.skeleton-card{flex-direction:column;gap:12px;min-height:148px;padding:18px;display:flex}.skeleton-line{background:linear-gradient(90deg,#78aac314 25%,#78aac32e 50%,#78aac314 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.6s linear infinite shimmer;display:block}.skeleton-line.short{width:38%}.skeleton-line.value{width:62%;height:30px}.skeleton-scene{place-items:center;min-height:470px;display:grid}.skeleton-side{min-height:470px}.segmented{border:1px solid var(--line);background:#050d15b8;border-radius:11px;align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented button{height:30px;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.segmented button:hover{color:var(--text)}.segmented button.active{color:#dffaff;background:#22d3ee21;box-shadow:inset 0 0 0 1px #22d3ee52}.seg-count{min-width:17px;height:17px;font-size:10px;font-family:var(--font-mono);background:#78aac329;border-radius:999px;place-items:center;padding:0 5px;display:inline-grid}.segmented button.active .seg-count{color:#ccf8ff;background:#22d3ee33}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.field-label{color:var(--muted);font-size:12.5px;font-weight:500}.req{color:var(--danger);margin-left:3px}.field input,.field select,.field textarea{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--text);background:#040b13c7;border-radius:10px;padding:0 12px;font-size:13px;transition:border-color .16s,box-shadow .16s}.field textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px}.field input:hover,.field select:hover{border-color:#84bed75c}.field input:focus,.field select:focus,.field textarea:focus{border-color:#22d3eea6;outline:none;box-shadow:0 0 0 3px #22d3ee1f}.field input::placeholder{color:var(--dim)}.field-help{color:var(--dim);margin:0;font-size:11.5px}.field-error{color:#ffb7c1;margin:0;font-size:12px}.select-wrap{align-items:center;min-width:0;display:inline-flex;position:relative}.select-wrap>svg:first-child{color:var(--dim);pointer-events:none;position:absolute;left:11px}.select-wrap select{border:1px solid var(--line);min-width:210px;height:38px;color:var(--text);appearance:none;cursor:pointer;background:#060f19cc;border-radius:10px;padding:0 32px 0 34px;font-size:13px;transition:border-color .16s}.select-wrap select:hover{border-color:var(--line-strong)}.select-chevron{color:var(--dim);pointer-events:none;position:absolute;right:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02070cbd;place-items:center;padding:20px;animation:.18s both fade-up;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);background:linear-gradient(#0d1b2b,#08131f);border-radius:18px;flex-direction:column;width:min(560px,100%);max-height:min(88vh,900px);animation:.22s both fade-up;display:flex;box-shadow:0 40px 90px -30px #000000e6,inset 0 1px #ffffff0d}.modal-wide{width:min(780px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.modal-head h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:650}.modal-head p{color:var(--muted);margin:5px 0 0;font-size:12.5px}.modal-body{padding:20px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);background:#040b1266;border-radius:0 0 18px 18px;justify-content:flex-end;gap:9px;padding:15px 22px;display:flex}.confirm-text{color:var(--muted);margin:0;font-size:13.5px;line-height:1.7}.form-stack{flex-direction:column;gap:16px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.formula-box{background:#22d3ee0d;border-left:2px solid #22d3ee8c;border-radius:0 9px 9px 0;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.formula-box>span{letter-spacing:.08em;color:var(--dim);font-size:10.5px}.formula-box code{font-family:var(--font-mono);color:#bfeaf5;font-size:11.5px}.formula-box small{color:var(--dim);font-size:10.5px}.radio-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.radio-card{text-align:left;border:1px solid var(--line);color:var(--text);background:#07101a99;border-radius:12px;align-items:center;gap:10px;padding:12px 13px;transition:border-color .16s,background .16s;display:flex}.radio-card:hover{border-color:var(--line-strong)}.radio-card.active{background:#22d3ee12;border-color:#22d3ee80;box-shadow:inset 0 0 0 1px #22d3ee1f}.radio-icon{background:color-mix(in srgb, var(--tone) 14%, transparent);width:34px;height:34px;color:var(--tone);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.radio-copy{flex-direction:column;min-width:0;line-height:1.3;display:flex}.radio-copy strong{font-size:13px;font-weight:600}.radio-copy em{color:var(--dim);margin-top:2px;font-size:11px;font-style:normal}.radio-check{border:1px solid var(--line-strong);color:#0000;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-left:auto;transition:background .16s,color .16s;display:grid}.radio-card.active .radio-check{background:var(--accent);border-color:var(--accent);color:#03141d}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi-card{border:1px solid var(--line);background:radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--kpi) 10%, transparent), transparent 62%), linear-gradient(180deg, #0d1b2ae6, #070f19f0);border-radius:16px;padding:16px 18px 10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.kpi-card:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--kpi) 60%, transparent), transparent);height:1px;position:absolute;inset:0 0 auto}.kpi-top{align-items:center;gap:8px;display:flex}.kpi-icon{background:color-mix(in srgb, var(--kpi) 13%, transparent);width:30px;height:30px;color:var(--kpi);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.kpi-label{color:var(--muted);font-size:12.5px}.delta{font-size:10.5px;font-family:var(--font-mono);border-radius:999px;align-items:center;gap:3px;margin-left:auto;padding:2px 7px;display:inline-flex}.delta-up{color:#9df0d0;background:#34d3991a}.delta-down{color:#ffc7cf;background:#fb71851a}.kpi-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:10px;font-size:clamp(24px,2.1vw,31px);font-weight:600;line-height:1.1}.kpi-unit{color:var(--dim);letter-spacing:0;margin-left:5px;font-size:12.5px;font-weight:400}.kpi-hint{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:11.5px;overflow:hidden}.kpi-spark{height:40px;margin:8px -6px -4px}.sparkline{width:100%;height:100%;display:block}.sparkline-empty{border-bottom:1px dashed #78aac324}.overview-grid{grid-template-columns:minmax(0,1.52fr) minmax(320px,.88fr);align-items:stretch;gap:16px;display:grid}.overview-side{flex-direction:column;gap:16px;min-width:0;display:flex}.scene-panel{flex-direction:column;display:flex;overflow:hidden}.scene-panel .panel-head{border-bottom:0;padding-bottom:4px}.scene-panel .panel-body{padding:0}.scene-panel-status{flex-shrink:0}.station-list{margin:0;padding:0;list-style:none}.station-row{border-bottom:1px solid #84bed714;align-items:center;gap:11px;padding:12px 18px;display:flex}.station-row:last-child{border-bottom:0}.station-signal{width:34px;height:34px;color:var(--dim);background:#78aac314;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.station-signal.is-online{color:var(--success);background:#34d39917}.station-main{flex:1;min-width:0}.station-title{align-items:center;gap:8px;display:flex}.station-title .code{font-size:12.5px}.station-sub{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:11.5px;overflow:hidden}.station-value{text-align:right;flex-shrink:0}.station-value strong{font-family:var(--font-mono);font-size:12.5px;font-weight:500;display:block}.station-value em{color:var(--dim);margin-top:2px;font-size:10.5px;font-style:normal;display:block}.event-list{margin:0;padding:0;list-style:none}.event-row{border-bottom:1px solid #84bed712;align-items:center;gap:9px;padding:9px 18px;font-size:11.5px;display:flex}.event-row:last-child{border-bottom:0}.event-time{font-family:var(--font-mono);color:var(--dim);flex-shrink:0;font-size:10.5px}.event-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-panel{overflow:hidden}.chart-note{color:var(--dim);margin:0;padding:0 20px 16px;font-size:11.5px}.formula-strip{border:1px solid var(--line);background:#08121da8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:14px 18px;display:flex}.formula-main{flex-direction:column;gap:3px;min-width:0;display:flex}.formula-label{letter-spacing:.12em;color:var(--accent);align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.formula-main code{font-family:var(--font-mono);color:#c3e9f4;font-size:12px}.formula-main code+code{color:var(--dim)}.formula-values{flex-wrap:wrap;gap:10px 22px;margin:0 0 0 auto;display:flex}.formula-values>div{flex-direction:column;gap:1px;display:flex}.formula-values dt{color:var(--dim);font-size:10px}.formula-values dd{font-family:var(--font-mono);color:var(--text);margin:0;font-size:12px}.formula-note{min-width:260px;color:var(--dim);flex:1;margin:0;font-size:11.5px}.formula-strip.compact{padding:12px 16px}.scene-host{background:radial-gradient(at 50% 38%,#1c66873d,#0000 68%),radial-gradient(at 80% 90%,#38bdf814,#0000 60%),#040b12;height:470px;position:relative;overflow:hidden}.scene-canvas{touch-action:none;width:100%;height:100%;display:block}.scene-fallback{text-align:center;color:var(--muted);background:#040b12b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;font-size:12.5px;display:flex;position:absolute;inset:0}.scene-fallback strong{color:var(--text);font-size:14px}.scene-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#040c14a8;border:1px solid #84bed72e;border-radius:12px;flex-direction:column;gap:2px;padding:11px 14px;display:flex;position:absolute;top:16px;left:16px}.scene-hud-label{letter-spacing:.16em;color:var(--muted);font-size:10px}.scene-hud strong{font-family:var(--font-mono);letter-spacing:-.02em;color:#e9fbff;text-shadow:0 0 24px #22d3ee59;font-size:32px;font-weight:600;line-height:1.15}.scene-hud strong em{color:var(--dim);margin-left:4px;font-size:13px;font-style:normal;font-weight:400}.scene-hud-sub{color:var(--dim);align-items:center;gap:6px;font-size:10.5px;display:flex}.scene-legend{color:var(--muted);pointer-events:none;flex-wrap:wrap;gap:6px 14px;font-size:11px;display:flex;position:absolute;bottom:14px;left:16px}.scene-legend span{align-items:center;gap:6px;display:inline-flex}.scene-legend i{border-radius:3px;flex-shrink:0;width:8px;height:8px}.scene-hint{color:var(--dim);pointer-events:none;font-size:10.5px;position:absolute;bottom:15px;right:16px}.scene-anchor{pointer-events:none;opacity:0;will-change:transform;z-index:3;flex-direction:column;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.anchor-pin{background:#67e8f9;border-radius:2px;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 12px #22d3eee6}.anchor-pin-blue{background:#fcd34d;box-shadow:0 0 12px #fbbf24cc}.anchor-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#030a11db;border:1px solid #84bed738;border-radius:8px;margin-top:7px;padding:5px 9px;line-height:1.35}.anchor-card strong{color:#dff8ff;font-size:10.5px;font-weight:600;display:block}.anchor-card em{font-style:normal;font-family:var(--font-mono);color:var(--muted);font-size:10px;display:block}.trend-chart{min-width:0}.trend-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 20px 0;display:flex}.trend-heading h3{margin:0;font-size:14.5px;font-weight:600}.trend-heading p{color:var(--dim);margin:4px 0 0;font-size:11.5px}.chart-legend{flex-wrap:wrap;gap:6px 14px;padding-top:2px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.legend-item i{border-radius:3px;flex-shrink:0;width:8px;height:8px}.legend-item em{color:var(--dim);font-size:10px;font-style:normal}.trend-body{padding:4px 8px 0;position:relative}.trend-svg{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:#94bed21c;stroke-width:1px;stroke-dasharray:3 6}.chart-axis{fill:var(--dim);font-family:var(--font-mono);font-size:10px}.chart-empty-text{fill:var(--dim);font-size:12px;font-family:var(--font-sans)}.chart-cursor{stroke:#22d3ee80;stroke-width:1px;stroke-dasharray:4 4}.chart-tooltip{pointer-events:none;z-index:4;background:#030b12f2;border:1px solid #84bed742;border-radius:10px;flex-direction:column;gap:5px;min-width:140px;padding:9px 11px;font-size:11px;display:flex;position:absolute;top:26px;transform:translate(10px);box-shadow:0 16px 34px -18px #000}.chart-tooltip.align-right{transform:translate(calc(-100% - 12px))}.tooltip-time{font-family:var(--font-mono);color:var(--dim);font-size:10px}.tooltip-row{color:var(--muted);align-items:center;gap:6px;display:flex}.tooltip-row i{border-radius:2px;width:7px;height:7px}.tooltip-row strong{font-family:var(--font-mono);color:var(--text);margin-left:auto;font-weight:600}.trend-foot{color:var(--dim);flex-wrap:wrap;gap:6px 14px;margin:0;padding:2px 20px 14px;font-size:10.5px;display:flex}.trend-foot-note{color:#d9a6ad;margin-left:auto}.trend-compact .trend-head{padding:10px 12px 0}.trend-compact .trend-heading h3{letter-spacing:.06em;color:#b9d8e8;font-size:12px}.trend-compact .trend-heading p{font-size:10px}.trend-compact .chart-legend{gap:4px 10px}.trend-compact .legend-item{font-size:10px}.trend-compact .trend-body{padding:2px 2px 0}.trend-compact .trend-foot{padding:0 12px 8px;font-size:9.5px}.device-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-tile{border:1px solid var(--line);--tone:var(--accent);background:linear-gradient(#0c1927d1,#070f19e6);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.summary-tile.tone-cyan{--tone:var(--accent)}.summary-tile.tone-blue{--tone:var(--blue)}.summary-tile.tone-amber{--tone:var(--amber)}.summary-tile.tone-warn{--tone:var(--danger)}.summary-tile.tone-muted{--tone:var(--dim)}.summary-icon{background:color-mix(in srgb, var(--tone) 13%, transparent);width:38px;height:38px;color:var(--tone);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.summary-tile>div{flex-direction:column;line-height:1.25;display:flex}.summary-tile span{color:var(--muted);font-size:11.5px}.summary-tile strong{font-family:var(--font-mono);font-size:23px;font-weight:600}.summary-tile em{color:var(--dim);margin-left:4px;font-size:11px;font-style:normal;font-weight:400}.sites-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.site-card{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.site-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.site-card-title .code{color:var(--accent);font-size:11px}.site-card-title h3{margin:4px 0 0;font-size:16px;font-weight:600}.site-stats{color:var(--dim);flex-wrap:wrap;gap:6px 16px;font-size:11.5px;display:flex}.site-stats span{align-items:center;gap:5px;display:inline-flex}.site-card-foot{justify-content:flex-end;align-items:center;gap:12px;display:flex}.dirty-hint{color:var(--warn);opacity:0;font-size:11.5px;transition:opacity .2s}.dirty-hint.visible{opacity:1}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 16px;font-size:10.5px;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid #84bed70f;padding:12px 16px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#22d3ee09}.data-table tbody tr:last-child td{border-bottom:0}.data-table .right{text-align:right}.cell-sub{color:var(--dim);margin-top:3px;font-size:11px;display:block}.data-table .btn{vertical-align:middle}.reading-filters{border:1px solid var(--line);background:#08121da8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:12px 16px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-label{color:var(--dim);font-size:11.5px}.range-group{flex-wrap:wrap}.range-input{border:1px solid var(--line);height:32px;color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050c14d1;border-radius:8px;padding:0 8px;font-size:12px}.range-input:focus-visible{outline-offset:1px;outline:2px solid #38bdf88c}.range-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.range-sep{color:var(--dim);font-size:11.5px}.filter-summary{color:var(--dim);align-items:center;gap:14px;margin-left:auto;font-size:11.5px;display:flex}.filter-summary span{align-items:center;gap:5px;display:inline-flex}.filter-summary .tone-danger{color:#ffb7c1}.reading-panel{overflow:hidden}.pager{align-items:center;gap:6px;display:flex}.pager .icon-btn{border-radius:8px;width:30px;height:30px}.pager-text{text-align:center;min-width:52px;font-family:var(--font-mono);color:var(--muted);font-size:11.5px}.expand-col{width:42px;padding-right:0!important}.row-toggle{width:26px;height:26px;color:var(--dim);background:0 0;border:0;border-radius:7px;place-items:center;transition:color .15s,background .15s,transform .18s;display:grid}.row-toggle:hover{color:var(--text);background:#22d3ee14}tr.is-open .row-toggle{color:var(--accent);transform:rotate(90deg)}.reading-table .mono.strong{color:#dffaff;font-weight:600}.reading-detail-row td{background:#030a118c;padding:0 16px 16px 58px!important}.data-table tbody tr.reading-detail-row:hover{background:#030a118c}.reading-detail{flex-wrap:wrap;gap:14px 20px;padding:14px 0 2px;display:flex}.detail-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;min-width:300px;margin:0;display:grid}.detail-grid dt{color:var(--dim);letter-spacing:.04em;font-size:10px}.detail-grid dd{font-family:var(--font-mono);color:#cfe5f1;word-break:break-word;margin:2px 0 0;font-size:11.5px}.frame-box{border:1px solid var(--line);background:#050d16b8;border-radius:10px;flex:1;min-width:280px;padding:10px 12px}.frame-head{color:var(--dim);justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;display:flex}.frame-head>span{align-items:center;gap:5px;display:inline-flex}.frame-box code{font-family:var(--font-mono);color:#9fd8e8;word-break:break-all;margin-top:8px;font-size:11px;line-height:1.7;display:block}.table-foot{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:11.5px;display:flex}.table-foot-actions{gap:8px;display:flex}.toast-stack{z-index:200;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line-strong);color:var(--text);background:#0a1623f5;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:12.5px;animation:.22s both fade-up;display:flex;box-shadow:0 22px 44px -22px #000}.toast>svg{flex-shrink:0}.toast-info>svg{color:var(--accent)}.toast-success{border-color:#34d3995c}.toast-success>svg{color:var(--success)}.toast-error{border-color:#fb71856b}.toast-error>svg{color:var(--danger)}.bs-shell{background:radial-gradient(1200px 640px at 50% -12%,#185a784d,#0000 62%),radial-gradient(900px 520px at 6% 30%,#22d3ee14,#0000 60%),radial-gradient(900px 520px at 96% 40%,#3878f817,#0000 60%),#040a11;flex-direction:column;gap:10px;height:100dvh;min-height:100dvh;padding:14px 20px 12px;display:flex;position:relative;overflow:hidden}.bs-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#78bedc09 1px,#0000 1px),linear-gradient(90deg,#78bedc09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000 10%,#0000 78%);mask-image:radial-gradient(circle at 50% 20%,#000 10%,#0000 78%)}.bs-shell:after{content:"";background:linear-gradient(90deg,#0000,#22d3eecc,#a78bfa99,#0000);height:2px;position:absolute;top:0;left:0;right:0}.bs-shell>*{z-index:1;position:relative}.bs-header{border-bottom:1px solid #78b4cd29;align-items:center;gap:18px;padding:2px 4px 10px;display:flex}.bs-brand{align-items:center;gap:11px;min-width:0;display:flex}.bs-brand-text{min-width:0;line-height:1.2}.bs-brand-text .eyebrow{letter-spacing:.22em;font-size:9.5px}.bs-brand-text h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:19px;font-weight:600;overflow:hidden}.bs-head-center{align-items:center;gap:9px;margin-left:12px;display:flex}.bs-head-right{align-items:center;gap:16px;margin-left:auto;display:flex}.bs-clock{text-align:right;line-height:1.25}.bs-clock strong{font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#eafcff;text-shadow:0 0 26px #22d3ee52;font-size:25px;font-weight:600;display:block}.bs-clock span{letter-spacing:.08em;color:var(--dim);font-size:10px}.bs-actions{align-items:center;gap:6px;display:flex}.bs-muted{color:var(--dim);font-size:11px}.bs-error{padding:0}.bs-loading,.bs-empty{flex:1;place-items:center;display:grid}.bs-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.bs-grid{flex:1;grid-template-columns:296px minmax(0,1fr) 356px;grid-template-areas:"left stage right";gap:12px;min-height:0;display:grid}.bs-left{grid-area:left}.bs-right{grid-area:right}.bs-stage{grid-area:stage}.bs-col{scrollbar-width:thin;flex-direction:column;gap:12px;min-height:0;padding-right:1px;display:flex;overflow-y:auto}.bs-panel{background:linear-gradient(158deg,#0b1928e6,#050d16ed);border:1px solid #54a5c32e;border-radius:14px;flex-shrink:0;padding:13px 15px;position:relative;box-shadow:inset 0 1px #ffffff0a}.bs-panel:before{content:"";background:linear-gradient(90deg,#22d3eeb3,#0000);width:54px;height:1px;position:absolute;top:-1px;left:16px}.bs-panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.bs-panel-head h2{letter-spacing:.12em;color:#b9d8e8;margin:0;font-size:11.5px;font-weight:600}.bs-live{font-family:var(--font-mono);letter-spacing:.14em;color:#8df0cb;align-items:center;gap:5px;font-size:9.5px;display:inline-flex}.bs-metrics{flex-direction:column;display:flex}.bs-metric{--tone:var(--accent);border-bottom:1px dashed #78b4cd1a;align-items:center;gap:9px;padding:7px 0;display:flex}.bs-metric:last-child{border-bottom:0;padding-bottom:2px}.bs-metric.tone-blue{--tone:var(--blue)}.bs-metric.tone-amber{--tone:var(--amber)}.bs-metric.tone-violet{--tone:var(--violet)}.bs-metric.tone-cyan{--tone:var(--accent)}.bs-metric-icon{background:color-mix(in srgb, var(--tone) 12%, transparent);width:30px;height:30px;color:var(--tone);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.bs-metric-copy{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.bs-metric-label{color:var(--muted);font-size:11.5px}.bs-metric-copy em{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-style:normal;overflow:hidden}.bs-metric-value{text-align:right;flex-shrink:0}.bs-metric-value strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:18px;font-weight:600}.bs-metric-value span{color:var(--dim);margin-left:3px;font-size:9.5px}.bs-panel-foot{color:var(--dim);border-top:1px solid #78b4cd1a;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;padding-top:7px;font-size:9.5px;display:flex}.bs-panel-foot span{align-items:center;gap:4px;display:inline-flex}.bs-links{flex-direction:column;gap:7px;display:flex}.bs-link-row{background:#060f1880;border:1px solid #78b4cd1f;border-radius:10px;align-items:center;gap:8px;padding:8px 9px;display:flex}.bs-link-row.is-online{background:#34d3990a;border-color:#34d3993d}.bs-link-icon{width:26px;height:26px;color:var(--accent);background:#22d3ee1a;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.bs-link-main{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.bs-link-main strong{font-family:var(--font-mono);letter-spacing:.03em;font-size:11px;font-weight:500}.bs-link-main em{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-style:normal;overflow:hidden}.bs-link-side{text-align:right;flex-shrink:0}.bs-link-value{font-family:var(--font-mono);color:#cfeaf6;font-size:11px;display:block}.bs-link-side em{color:var(--dim);font-size:9px;font-style:normal;display:block}.bs-link-flow{color:var(--dim);align-items:center;gap:8px;margin-top:9px;font-size:9.5px;display:flex}.bs-link-flow i{background:linear-gradient(90deg,#22d3ee1a,#22d3ee66,#22d3ee1a);flex:1;height:1px}.bs-link-flow strong{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-size:9.5px;font-weight:500}.bs-panel-events{flex:1;min-height:96px}.bs-events{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bs-events li{color:var(--muted);align-items:center;gap:6px;font-size:10px;line-height:1.4;display:flex}.bs-events time{font-family:var(--font-mono);color:var(--dim);flex-shrink:0;font-size:9px}.bs-events li>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bs-empty-note{color:var(--dim);font-size:10.5px}.bs-stage{flex-direction:column;gap:8px;min-height:0;display:flex}.bs-stage-head{align-items:flex-end;gap:18px;padding:0 6px;display:flex}.bs-hero{flex:1;min-width:0}.bs-hero-label{letter-spacing:.18em;color:var(--accent);font-size:10px}.bs-hero-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#effdff;text-shadow:0 0 34px #22d3ee66;align-items:baseline;gap:6px;font-size:clamp(38px,4.1vw,58px);font-weight:600;line-height:1.05;display:flex}.bs-hero-value em{color:var(--dim);letter-spacing:0;font-size:15px;font-style:normal;font-weight:400}.bs-hero-meta{color:var(--dim);flex-wrap:wrap;gap:6px 16px;margin-top:5px;font-size:10.5px;display:flex}.bs-hero-meta span{align-items:center;gap:4px;display:inline-flex}.bs-hero-meta .up{color:#8df0cb}.bs-hero-meta .down{color:#ffb7c1}.bs-gauge{flex-shrink:0;width:176px;height:auto;margin-bottom:-8px}.gauge-track{fill:none;stroke:#78bedc24;stroke-width:7px;stroke-linecap:round}.gauge-fill{fill:none;stroke:url(#gauge-stroke);stroke-width:7px;stroke-linecap:round}.gauge-tick{stroke:#a0d2e647;stroke-width:1px}.gauge-tick.major{stroke:#bee6f58c;stroke-width:1.5px}.gauge-needle{stroke:#e6fbff;stroke-width:2.5px;stroke-linecap:round}.gauge-hub{fill:var(--accent)}.gauge-label{fill:var(--dim);font-family:var(--font-mono);font-size:9px}.bs-stage-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:210px;display:flex}.bs-tag{color:var(--dim);white-space:nowrap;background:#07121d99;border:1px solid #78b4cd24;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:9.5px;display:inline-flex}.bs-scene{background:radial-gradient(at 50% 42%,#18668847,#0000 68%),#040b12;border:1px solid #54a5c333;border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden}.bs-scene .scene-host{background:0 0;height:100%}.bs-scene-corner{pointer-events:none;z-index:2;border-style:solid;border-color:#22d3ee8c;width:18px;height:18px;position:absolute}.bs-scene-corner.tl{border-width:1px 0 0 1px;top:10px;left:10px}.bs-scene-corner.tr{border-width:1px 1px 0 0;top:10px;right:10px}.bs-scene-corner.bl{border-width:0 0 1px 1px;bottom:10px;left:10px}.bs-scene-corner.br{border-width:0 1px 1px 0;bottom:10px;right:10px}.bs-scene-caption{pointer-events:none;z-index:2;flex-direction:column;line-height:1.35;display:flex;position:absolute;bottom:12px;left:16px}.bs-scene-caption span{letter-spacing:.16em;color:var(--muted);font-size:10px}.bs-scene-caption em{color:var(--dim);font-size:9px;font-style:normal}.bs-chart-panel{padding:4px 4px 2px}.bs-right .bs-chart-panel{overflow:hidden}.bs-server{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;margin:0;display:grid}.bs-server>div{border-bottom:1px dashed #78b4cd17;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:4px;display:flex}.bs-server dt{color:var(--dim);white-space:nowrap;font-size:9.5px}.bs-server dd{font-family:var(--font-mono);color:#cfeaf6;margin:0;font-size:10px}.bs-server dd.tone-danger{color:#ffb7c1}.bs-ticker{background:#060f18b8;border:1px solid #54a5c329;border-radius:11px;align-items:center;gap:12px;padding:7px 13px;display:flex}.bs-ticker-label{letter-spacing:.14em;color:var(--accent);flex-shrink:0;align-items:center;gap:5px;font-size:9.5px;display:inline-flex}.bs-ticker-track{flex:1;gap:26px;min-width:0;display:flex;overflow:hidden}.bs-ticker-item{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.bs-ticker-item em{font-style:normal;font-family:var(--font-mono);color:var(--dim);margin-right:7px;font-size:9.5px}.bs-ticker-stats{font-family:var(--font-mono);color:var(--dim);flex-shrink:0;gap:12px;font-size:9.5px;display:flex}@media (width<=1440px){.bs-grid{grid-template-columns:272px minmax(0,1fr) 322px}.bs-gauge{width:150px}.bs-clock strong{font-size:22px}}@media (width<=1280px){.bs-grid{grid-template-columns:252px minmax(0,1fr) 300px;gap:10px}.bs-panel{padding:11px 12px}.bs-metric-value strong{font-size:16px}.bs-stage-tags{display:none}}@media (width<=1100px){.col-hide-lg{display:none}}@media (width<=1180px){.overview-grid,.charts-grid{grid-template-columns:minmax(0,1fr)}.kpi-grid,.device-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1220px){.bs-shell{height:auto;min-height:100dvh;overflow:visible}.bs-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"stage stage""left right"}.bs-stage{min-height:540px}.bs-head-center .select-wrap select{min-width:170px}.bs-panel-events{min-height:0}}@media (width<=760px){.sidebar{display:none}.app-shell{grid-template-columns:minmax(0,1fr)}.app-body{grid-column:1;width:100%}.page{padding:18px 16px 52px}.mobile-bar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050d15db;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.brand-compact{gap:8px;padding:0}.brand-compact .brand-mark{border-radius:10px;width:32px;height:32px}.brand-compact strong{letter-spacing:.2em;font-size:14px}.mobile-actions{gap:8px;display:flex}.page-header{align-items:flex-start}.page-heading h1{font-size:23px}.scene-host{height:400px}.bs-head-center{margin-left:auto}.bs-head-right .bs-clock{display:none}}@media (width<=860px){.col-hide-sm,.col-hide-md{display:none}.bs-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""left""right"}.bs-stage{min-height:500px}.bs-header{flex-wrap:wrap;gap:10px 14px}.bs-head-center{order:3;width:100%;margin-left:0}.bs-head-right{margin-left:auto}.bs-head-center .select-wrap{flex:1}.bs-head-center .select-wrap select{width:100%}.bs-hero-value{font-size:44px}.bs-gauge{width:140px}.bs-ticker-stats{display:none}}@media (width<=720px){.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions .btn{flex:1}.page-actions .live-pill{justify-content:center}.select-wrap{flex:1}.select-wrap select{width:100%;min-width:0}.kpi-grid{gap:10px}.kpi-card{padding:13px 13px 8px}.kpi-value{font-size:24px}.device-summary{gap:10px}.summary-tile{padding:12px}.summary-tile strong{font-size:20px}.sites-grid,.form-grid,.radio-cards{grid-template-columns:minmax(0,1fr)}.modal{max-height:92vh}.modal-head,.modal-body{padding-left:16px;padding-right:16px}.modal-foot{padding:13px 16px}.reading-filters{align-items:stretch}.filter-summary{border-top:1px solid var(--line);justify-content:space-between;width:100%;margin-left:0;padding-top:10px}.reading-detail-row td{padding-left:16px!important}.reading-detail{gap:12px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.frame-box{min-width:0}.table-foot{justify-content:center}.scene-host{height:340px}.scene-hud{padding:9px 11px}.scene-hud strong{font-size:26px}.scene-legend{gap:4px 10px;font-size:10px}.scene-hint{display:none}.formula-values{margin-left:0}.bs-shell{padding:10px 12px}.bs-brand-text h1{font-size:16px}.bs-head-right{gap:8px}.bs-actions .btn{display:none}.bs-stage{min-height:430px}.bs-stage-head{align-items:center}.bs-gauge{width:116px}.bs-hero-value{font-size:38px}.bs-scene-caption{display:none}.bs-panel-foot{font-size:9px}.bs-ticker{padding:6px 10px}.toast-stack{max-width:none;bottom:12px;left:12px;right:12px}}@media (width<=560px){.col-hide-xs{display:none}.reading-table{font-size:12px}.reading-table th,.reading-table td{padding-left:8px;padding-right:8px}.reading-table .cell-sub{font-size:10px}.reading-table .mono{white-space:normal;word-break:normal;overflow-wrap:normal}.reading-table .reading-time-sub{display:none}.reading-table .badge{padding:0 6px}.reading-detail{flex-direction:column}.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-grid dd{word-break:normal;overflow-wrap:anywhere}.frame-box{width:100%}.device-table thead,.unbound-table thead{display:none}.device-table,.device-table tbody,.unbound-table,.unbound-table tbody{width:100%;display:block}.device-table tbody tr,.unbound-table tbody tr{border-bottom:1px solid var(--line);padding:10px 14px;display:block}.device-table tbody tr:last-child,.unbound-table tbody tr:last-child{border-bottom:0}.device-table td,.unbound-table td{text-align:left;overflow-wrap:anywhere;border:0;padding:5px 0;display:block}.device-table td:before,.unbound-table td:before{content:attr(data-label);letter-spacing:.04em;color:var(--dim);margin-bottom:2px;font-size:10px;display:block}.device-table .col-hide-xs,.unbound-table .col-hide-xs{display:none}.device-table td.right,.unbound-table td.right{text-align:left}.device-table .btn,.unbound-table .btn{justify-content:center;width:100%;margin-top:4px}}@media (width<=480px){.kpi-grid,.device-summary{grid-template-columns:minmax(0,1fr)}.bs-head-center{flex-wrap:wrap}.bs-hero-value{font-size:34px}.bs-gauge{width:96px}.bs-stage{min-height:380px}.segmented button{padding:0 9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dot-pulse{animation:none}}.auth-boot{min-height:100dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.login-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:34px 18px 26px;display:flex;position:relative;overflow:hidden}.login-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#78bedc0b 1px,#0000 1px),linear-gradient(90deg,#78bedc0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 34%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 34%,#000 0%,#0000 72%)}.login-aurora{pointer-events:none;background:radial-gradient(760px 520px at 50% 16%,#22d3ee24,#0000 66%),radial-gradient(640px 460px at 84% 88%,#38bdf81a,#0000 70%),radial-gradient(560px 420px at 10% 80%,#a78bfa12,#0000 70%);position:fixed;inset:0}.login-card{z-index:1;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0e1c2cf0,#07101bf7);border-radius:22px;width:min(420px,100%);padding:30px 30px 24px;animation:.34s both fade-up;position:relative;box-shadow:0 40px 90px -32px #000000e6,inset 0 1px #ffffff0f}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#22d3eebf,#0000);height:1px;position:absolute;top:0;left:24px;right:24px}.login-brand{align-items:center;gap:12px;display:flex}.login-brand .brand-text{flex-direction:column;line-height:1.2;display:flex}.login-heading{margin:26px 0 22px}.login-heading h1{letter-spacing:-.015em;margin:0 0 6px;font-size:24px;font-weight:650}.login-heading p{color:var(--muted);margin:0;font-size:12.5px}.login-form{flex-direction:column;gap:16px;display:flex}.login-submit{width:100%;height:44px;margin-top:4px;font-size:14px}.login-error{color:#ffc7ce;background:#fb71851a;border:1px solid #fb718559;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.login-error svg{flex-shrink:0;margin-top:1px}.login-foot{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;font-size:11px;display:flex}.login-status{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.login-copy{z-index:1;color:var(--dim);letter-spacing:.08em;margin:18px 0 0;font-size:11px;position:relative}.pw-input{position:relative}.pw-input input{padding-right:46px}.pw-toggle{width:36px;height:36px;color:var(--dim);background:0 0;border:0;border-radius:8px;place-items:center;transition:color .16s,background .16s;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text);background:#22d3ee14}.account-btn{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#0c18268c;border-radius:11px;align-items:center;gap:9px;margin-bottom:8px;padding:9px 10px;transition:border-color .18s,background .18s;display:flex}.account-btn:hover{border-color:var(--line-strong);background:#22d3ee12}.account-btn>svg:last-child{color:var(--dim);flex-shrink:0}.account-avatar{width:28px;height:28px;color:var(--accent);background:#22d3ee1f;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.account-meta{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.account-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.account-meta em{color:var(--dim);font-size:10.5px;font-style:normal}.account-btn.is-warn .account-meta em{color:var(--warn)}.account-link{width:100%;height:32px;color:var(--accent);background:#22d3ee0f;border:1px solid #22d3ee33;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-bottom:6px;font-size:11.5px;font-weight:600;transition:border-color .18s,background .18s;display:flex}.account-link:hover{background:#22d3ee1f;border-color:#22d3ee6b}.mobile-account{height:34px;color:var(--accent);white-space:nowrap;background:#22d3ee12;border:1px solid #22d3ee38;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:600;transition:border-color .18s,background .18s;display:inline-flex}.mobile-account:hover{background:#22d3ee21;border-color:#22d3ee73}.auth-notice{color:#ffe1a1;background:#fbbf2414;border:1px solid #fbbf2447;border-radius:11px;align-items:center;gap:9px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;display:flex}.auth-notice>svg{flex-shrink:0}.auth-notice span{flex:1}.account-hint{color:#ffe1a1;background:#fbbf2414;border:1px solid #fbbf2447;border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.account-hint svg{flex-shrink:0;margin-top:1px}.account-form{flex-direction:column;gap:15px;display:flex}.form-error{color:#ffb7c1;margin:2px 0 0;font-size:12.5px;line-height:1.45}.modal-foot-spacer{flex:1}.account-logout{color:#ffd4da;background:#fb71851a;border-color:#fb718566}.account-logout:hover:not(:disabled){color:#ffe3e7;background:#fb718533;border-color:#fb71858c}@media (width<=560px){.login-shell{padding:20px 14px}.login-card{border-radius:18px;padding:24px 20px 20px}.login-heading{margin:22px 0 18px}.login-heading h1{font-size:21px}.login-foot{flex-direction:column}.auth-notice{flex-wrap:wrap;align-items:flex-start}.auth-notice .btn{width:100%}.account-btn{padding:8px 9px}.modal-foot{flex-wrap:wrap}.account-logout{width:100%}.modal-foot-spacer{display:none}}