:root{--bg-base:#05080f;--bg-primary:#0a0f1a;--bg-secondary:#0f1626;--bg-card:#111a2b;--bg-hover:#16223a;--border-color:#1e2d45;--border-strong:#2a3f5f;--grid-color:#1e2d4559;--accent:#00d4ff;--accent-hover:#3df;--accent-active:#00b8e6;--accent-dim:#00d4ff26;--accent-glow:#00d4ff66;--status-normal:#22c55e;--status-warning:#f5a623;--status-alarm:#ef4444;--status-alarm-orange:#f97316;--status-offline:#6b7280;--status-normal-bg:#22c55e1f;--status-warning-bg:#f5a6231f;--status-alarm-bg:#ef44441f;--status-offline-bg:#6b72801f;--shared-normal:#22c55e;--shared-warning:#f59e0b;--shared-anomaly:#3b82f6;--shared-critical:#ef4444;--text-primary:#e8eef7;--text-secondary:#9aa7bd;--text-muted:#5c6b82;--text-inverse:#05080f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--glow-accent:0 0 12px #00d4ff59;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-xs:12px;--font-sm:13px;--font-md:14px;--font-lg:16px;--font-xl:20px;--font-2xl:28px;--font-family:"Inter", "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{font-family:var(--font-family);font-size:var(--font-md);color:var(--text-primary);background-color:var(--bg-base);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:40px 40px;background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-dim);color:var(--text-primary)}@media (width<=1024px){:root{--space-lg:16px}}@media (width<=768px){body{font-size:var(--font-sm)}.desktop-only{display:none!important}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-md);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-strong)}.card--glow{box-shadow:var(--shadow-md), var(--glow-accent)}.btn{align-items:center;gap:var(--space-xs);font-size:var(--font-md);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-family:inherit;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn--primary{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn--primary:hover{background:var(--accent);color:var(--text-inverse);box-shadow:var(--glow-accent)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{color:var(--status-alarm);border-color:var(--status-alarm)}.btn--danger{color:var(--status-alarm);border-color:var(--status-alarm);background:var(--status-alarm-bg)}.btn--danger:hover{color:#fff;background:var(--status-alarm);border-color:var(--status-alarm)}.status{font-size:var(--font-sm);border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.status--normal{color:var(--status-normal);background:var(--status-normal-bg);border-color:var(--status-normal)}.status--warning{color:var(--status-warning);background:var(--status-warning-bg);border-color:var(--status-warning)}.status--alarm{color:var(--status-alarm);background:var(--status-alarm-bg);border-color:var(--status-alarm)}.status--offline{color:var(--status-offline);background:var(--status-offline-bg);border-color:var(--status-offline)}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-strong);padding:8px 12px;font-weight:500}.data-table td{border-bottom:1px solid var(--border-color);padding:8px 12px}.data-table tr:hover td{background:var(--bg-hover)}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-head-title{font-size:var(--font-xl);color:var(--text-primary);font-weight:600}.page-head-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-top:2px}.filter-panel{gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;display:flex}.filter-row{align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.filter-row--foot{padding-top:var(--space-sm);border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center}.field{flex-direction:column;gap:6px;min-width:190px;display:flex}.field--sm{min-width:130px}.field-label{font-size:var(--font-xs);color:var(--text-muted)}.control{height:32px;font-size:var(--font-sm);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:0 10px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.control:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.control--sm{height:28px}select.control{cursor:pointer}.control[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.quick-ranges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick-label{font-size:var(--font-xs);color:var(--text-muted)}.chip{font-size:var(--font-sm);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:12px;padding:4px 12px;font-family:inherit;transition:all .15s}.chip:hover{color:var(--text-primary);border-color:var(--border-strong)}.chip--active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.hint{font-size:var(--font-xs);color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.hint--error{color:var(--status-alarm)}.summary-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.summary-label{font-size:var(--font-xs);color:var(--text-muted)}.summary-value{font-size:var(--font-xl);font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.summary-unit{font-size:var(--font-xs);color:var(--text-muted);margin-left:4px;font-style:normal;font-weight:400}.value--normal{color:var(--status-normal)}.value--warning{color:var(--status-warning)}.value--alarm,.value--critical{color:var(--status-alarm)}.value--info{color:var(--accent)}.value--anomaly{color:var(--shared-anomaly)}.confirm-mask{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05080fa8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:340px;max-width:92vw;box-shadow:var(--shadow-lg);padding:22px 22px 18px}.confirm-icon{width:44px;height:44px;color:var(--status-alarm);background:var(--status-alarm-bg);border:1px solid var(--status-alarm);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.confirm-title{font-size:var(--font-lg);color:var(--text-primary);margin:0 0 8px;font-weight:600}.confirm-text{font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.6}.confirm-warn{font-size:var(--font-xs);color:var(--status-alarm);margin:10px 0 0}.confirm-actions{gap:10px;margin-top:20px;display:flex}.confirm-actions .btn{flex:1;justify-content:center}.data-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.data-panel-header{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;padding:12px 16px;display:flex}.data-panel-titles{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.data-panel-title{font-size:var(--font-lg);color:var(--text-primary);font-weight:500}.data-panel-sub{font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.data-panel-sub--loading{color:var(--accent)}.chart-canvas{height:260px;padding:8px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-scroll{overflow:auto}.table-scroll--fixed{max-height:520px}.clickable-rows tbody tr{cursor:pointer}.row--active td{background:var(--accent-dim)!important}.num-cell{text-align:right}.empty-cell{justify-content:center;align-items:center;gap:8px;display:flex;color:var(--text-muted)!important;font-family:var(--font-family)!important;padding:40px 12px!important}.pager{justify-content:space-between;align-items:center;gap:var(--space-md);border-top:1px solid var(--border-color);flex-wrap:wrap;padding:10px 16px;display:flex}.pager-info{font-size:var(--font-xs);color:var(--text-muted)}.pager-btns{gap:6px;display:flex}.page-btn{font-size:var(--font-sm);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:5px 12px;font-family:inherit;transition:all .15s}.page-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.drawer-mask{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05080f99;position:fixed;inset:0}.drawer{z-index:901;background:var(--bg-card);border-left:1px solid var(--border-color);width:380px;max-width:92vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.drawer-title{font-size:var(--font-lg);color:var(--text-primary);font-weight:600}.drawer-sub{font-size:var(--font-xs);color:var(--text-muted)}.drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.drawer-close:hover{color:var(--status-alarm)}.drawer-body{flex:1;padding:12px 16px;overflow-y:auto}.drawer-row{font-size:var(--font-sm);border-bottom:1px solid #1e2d4580;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.drawer-row:last-child{border-bottom:none}.drawer-row .label{color:var(--text-muted);white-space:nowrap}.drawer-row .value{color:var(--text-primary);font-family:var(--font-mono);text-align:right}.drawer-section{font-size:var(--font-xs);color:var(--text-muted);letter-spacing:.5px;margin:14px 0 6px}.status--critical{color:var(--status-alarm);background:var(--status-alarm-bg);border-color:var(--status-alarm)}.status--info{color:var(--accent);background:var(--accent-dim);border-color:var(--accent)}.status--anomaly{color:var(--shared-anomaly);border-color:var(--shared-anomaly);background:#3b82f61f}@media (width<=900px){.field{flex:1;min-width:150px}}