:root{--bg-0: #070b14;--bg-1: #0d1424;--bg-1b: #111a2e;--bg-2: #16213a;--bg-3: #1e2c48;--border: #223052;--border-soft: #1a2540;--text-0: #eaf1ff;--text-1: #9fb0cf;--text-2: #8a9dc0;--c-primary: #22d3ee;--c-primary-d: #0e7490;--c-energy: #3b82f6;--c-ai: #a855f7;--c-robot: #2dd4bf;--c-env: #34d399;--c-critical: #f43f5e;--c-emergency: #ef4444;--c-warning: #fb923c;--c-caution: #facc15;--c-normal: #22c55e;--c-info: #38bdf8;--c-offline: #64748b;--c-critical-fg: #fb7185;--bgc-critical: rgba(244, 63, 94, .14);--bgc-warning: rgba(251, 146, 60, .14);--bgc-caution: rgba(250, 204, 21, .14);--bgc-normal: rgba(34, 197, 94, .13);--bgc-info: rgba(56, 189, 248, .13);--bgc-ai: rgba(168, 85, 247, .14);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .35);--shadow-2: 0 8px 30px rgba(0, 0, 0, .45);--glow-primary: 0 0 0 1px rgba(34, 211, 238, .25), 0 0 24px rgba(34, 211, 238, .12);--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--glass-bg: linear-gradient(160deg, rgba(23, 34, 58, .78), rgba(13, 20, 36, .72));--glass-blur: blur(10px) saturate(1.15);--glass-border: 1px solid rgba(120, 160, 220, .16);--glass-highlight: inset 0 1px 0 rgba(190, 220, 255, .07);--glow-critical: 0 0 0 1px rgba(244, 63, 94, .35), 0 0 22px rgba(244, 63, 94, .18);--glow-warning: 0 0 0 1px rgba(251, 146, 60, .32), 0 0 20px rgba(251, 146, 60, .15);--font: "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif;--font-num: "DIN Alternate", "SF Mono", "Roboto Mono", ui-monospace, monospace}[data-theme=light]{--bg-0: #f4f6fb;--bg-1: #ffffff;--bg-1b: #f9fafd;--bg-2: #eef0f6;--bg-3: #e2e5ee;--border: #cdd2de;--border-soft: #dde0ea;--text-0: #111827;--text-1: #4b5563;--text-2: #6b7280;--shadow-1: 0 1px 4px rgba(0, 0, 0, .08);--shadow-2: 0 4px 16px rgba(0, 0, 0, .1);--glow-primary: 0 0 0 1px rgba(34, 211, 238, .35), 0 0 16px rgba(34, 211, 238, .12);--glow-critical: 0 0 0 1px rgba(244, 63, 94, .4), 0 0 16px rgba(244, 63, 94, .14);--glow-warning: 0 0 0 1px rgba(251, 146, 60, .35), 0 0 14px rgba(251, 146, 60, .12);--bgc-critical: rgba(244, 63, 94, .1);--bgc-warning: rgba(251, 146, 60, .1);--bgc-caution: rgba(250, 204, 21, .12);--bgc-normal: rgba(34, 197, 94, .1);--bgc-info: rgba(56, 189, 248, .1);--bgc-ai: rgba(168, 85, 247, .1);--glass-bg: linear-gradient(160deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .72));--glass-blur: blur(10px) saturate(1.05);--glass-border: 1px solid rgba(0, 0, 0, .06);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .5);--c-primary-d: #0891b2}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg-0);color:var(--text-0);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:2px}.input:focus-visible,.select:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--r-md);box-shadow:var(--shadow-1),var(--glass-highlight)}.panel.alarm-critical{box-shadow:var(--shadow-1),var(--glass-highlight),var(--glow-critical)}.panel.alarm-warning{box-shadow:var(--shadow-1),var(--glass-highlight),var(--glow-warning)}.selected-glow{box-shadow:var(--glow-primary);border-color:var(--c-primary)!important}.panel-h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-soft)}.panel-h .title{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.panel-h .title:before{content:"";width:3px;height:14px;border-radius:2px;background:linear-gradient(var(--c-primary),var(--c-energy))}.panel-b{padding:12px 14px}.panel.grow{display:flex;flex-direction:column;min-height:0}.panel.grow .panel-b{flex:1;min-height:0}.panel.grow.priority{flex:2}.muted{color:var(--text-1)}.faint{color:var(--text-2)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.center{align-items:center;justify-content:center}.grow{flex:1}.scroll-y{overflow-y:auto}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}.tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tag.critical,.tag.emergency,.tag.fault{color:var(--c-critical);background:var(--bgc-critical);border-color:#f43f5e4d}.tag.warning,.tag.degraded{color:var(--c-warning);background:var(--bgc-warning);border-color:#fb923c4d}.tag.caution,.tag.watch{color:var(--c-caution);background:var(--bgc-caution);border-color:#facc154d}.tag.normal,.tag.online,.tag.good,.tag.resolved,.tag.verified,.tag.closed,.tag.cleared{color:var(--c-normal);background:var(--bgc-normal);border-color:#22c55e4d}.tag.info,.tag.acknowledged,.tag.dispatched,.tag.running,.tag.patrolling{color:var(--c-info);background:var(--bgc-info);border-color:#38bdf84d}.tag.offline,.tag.idle,.tag.pending,.tag.stale{color:var(--text-1);background:#64748b24;border-color:#64748b4d}.tag.ai{color:var(--c-ai);background:var(--bgc-ai);border-color:#a855f74d}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:7px 14px;border-radius:var(--r-sm);font-size:var(--fs-md);font-weight:600;background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);transition:all .15s;white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:var(--c-primary-d)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,var(--c-primary),var(--c-energy));border:none;color:#04121b}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{background:var(--bgc-critical);border-color:#f43f5e66;color:var(--c-critical-fg)}.btn.ghost{background:transparent}.btn.sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field>label{font-size:12px;color:var(--text-1)}.input,.select{background:var(--bg-0);border:1px solid var(--border);color:var(--text-0);padding:8px 10px;border-radius:var(--r-sm);font-size:13px;width:100%}.input:focus,.select:focus{border-color:var(--c-primary)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:10px 12px;color:var(--text-1);font-weight:600;border-bottom:1px solid var(--border);background:var(--bg-1);position:sticky;top:0;z-index:1;white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid var(--border-soft)}.table tbody tr:hover{background:var(--bg-2)}.table tbody tr.clickable{cursor:pointer}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 16px;color:var(--text-1);text-align:center;min-height:120px}.state .ic{font-size:26px;opacity:.8}.state.error{color:var(--c-warning)}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--c-normal);animation:pulse 1.6s infinite}.kpi{position:relative;overflow:hidden;padding:14px 16px;border-radius:var(--r-md);background:linear-gradient(150deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-soft)}.kpi .k-label{font-size:12px;color:var(--text-1)}.kpi .k-value{font-family:var(--font-num);font-size:30px;font-weight:700;line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .k-sub{font-size:12px;color:var(--text-2);margin-top:3px}.kpi .k-meta{font-size:var(--fs-xs);line-height:1.3;color:var(--text-2);margin-top:5px}@media (max-width: 1439px){.kpi .k-meta{font-size:9px}}.kpi .k-ic{position:absolute;right:12px;top:12px;font-size:22px;opacity:.5}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060e8c;z-index:60;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.drawer{position:fixed;top:0;right:0;height:100%;width:min(560px,94vw);z-index:61;background:var(--bg-1);border-left:1px solid var(--border);box-shadow:var(--shadow-2);display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(30px);opacity:.6}to{transform:none;opacity:1}}.drawer-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.drawer-b{padding:16px 18px;overflow-y:auto;flex:1}.dl{display:grid;grid-template-columns:108px 1fr;gap:8px 12px;font-size:13px}.dl dt{color:var(--text-2)}.dl dd{color:var(--text-0)}.mini-bar{height:6px;border-radius:4px;background:var(--bg-3);overflow:hidden}.mini-bar>span{display:block;height:100%;border-radius:4px}@media (forced-colors: active){.select,.input{forced-color-adjust:none;background:Field;color:FieldText;border-color:FieldText}.btn{forced-color-adjust:none;background:ButtonFace;color:ButtonText;border-color:ButtonText}.btn.primary{background:Highlight;color:HighlightText}[data-theme=light] .tag.critical,[data-theme=light] .tag.emergency,[data-theme=light] .tag.fault{border-color:#f43f5e40}[data-theme=light] .tag.warning,[data-theme=light] .tag.degraded{border-color:#fb923c40}[data-theme=light] .tag.caution,[data-theme=light] .tag.watch{border-color:#facc154d}[data-theme=light] .tag.normal,[data-theme=light] .tag.online,[data-theme=light] .tag.good,[data-theme=light] .tag.resolved,[data-theme=light] .tag.verified,[data-theme=light] .tag.closed,[data-theme=light] .tag.cleared{border-color:#22c55e40}[data-theme=light] .tag.info,[data-theme=light] .tag.acknowledged,[data-theme=light] .tag.dispatched,[data-theme=light] .tag.running,[data-theme=light] .tag.patrolling{border-color:#38bdf840}[data-theme=light] .tag.offline,[data-theme=light] .tag.idle,[data-theme=light] .tag.pending,[data-theme=light] .tag.stale{background:#64748b14;border-color:#64748b33}[data-theme=light] .tag.ai{border-color:#a855f740}[data-theme=light] .btn.primary{color:#04121b}[data-theme=light] .btn.danger{border-color:#f43f5e4d}[data-theme=light] .drawer-mask{background:#00000040}a{forced-color-adjust:none;color:LinkText}}