@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=light]{--hmi-canvas: #eef1f5;--hmi-equip-fill: #e8ecf2;--hmi-equip-stroke: #8b95a4;--hmi-pipe: #94a0b0;--hmi-pipe-flow: #6e7a8a;--hmi-text-on-canvas: #2a3140;--hmi-text-dim: #8b95a4;--hmi-badge-bg: #ffffff;--hmi-ok: #1ba374;--hmi-warn: #d97e0a;--hmi-alarm: #d6403e;--hmi-stale: #b0b7c0}[data-theme=dark]{--hmi-canvas: #0d121c;--hmi-equip-fill: #1a2438;--hmi-equip-stroke: #4a586d;--hmi-pipe: #4a586d;--hmi-pipe-flow: #6a7a93;--hmi-text-on-canvas: #d4dae3;--hmi-text-dim: #6a7280;--hmi-badge-bg: #0f1624;--hmi-ok: #2bd198;--hmi-warn: #f0a23a;--hmi-alarm: #ef5350;--hmi-stale: #4a586d}.hmi-equip-body{fill:var(--hmi-equip-fill);stroke:var(--hmi-equip-stroke);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .22s ease}.hmi-equip-detail{fill:none;stroke:var(--hmi-equip-stroke);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hmi-stub{stroke:var(--hmi-pipe);stroke-width:2.5;stroke-linecap:round;fill:none}.hmi-text{fill:var(--hmi-text-on-canvas);font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace}.hmi-text-dim{fill:var(--hmi-text-dim)}.hmi-label{fill:var(--hmi-text-on-canvas);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.hmi-label-dim{fill:var(--hmi-text-dim)}.hmi-status-off{stroke:var(--hmi-equip-stroke)}.hmi-status-ok{stroke:var(--hmi-ok)}.hmi-status-warn{stroke:var(--hmi-warn)}.hmi-status-alarm{stroke:var(--hmi-alarm);animation:hmi-alarm-blink 1s ease-in-out infinite}.hmi-status-stale{stroke:var(--hmi-stale);stroke-dasharray:3 3}@keyframes hmi-alarm-blink{0%,to{stroke:var(--hmi-alarm)}50%{stroke:var(--hmi-warn)}}@keyframes hmi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hmi-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}@keyframes hmi-flow-reverse{0%{stroke-dashoffset:0}to{stroke-dashoffset:24}}@keyframes hmi-flame{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}@keyframes hmi-motor-vibrate{0%{transform:translate(.5px)}25%{transform:translate(-.5px,.5px)}50%{transform:translate(.5px,-.5px)}75%{transform:translate(-.5px)}to{transform:translate(.5px)}}.hmi-spin-fast{animation:hmi-spin 1.2s linear infinite}.hmi-spin-slow{animation:hmi-spin 3.5s linear infinite}.hmi-vibrate{animation:hmi-motor-vibrate .18s linear infinite}.hmi-flame-pulse{animation:hmi-flame .7s ease-in-out infinite}.hmi-flow-arrows{fill:none;stroke:var(--hmi-pipe-flow);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:4 8}.hmi-flow-arrows.flow-forward{animation:hmi-flow 1.5s linear infinite}.hmi-flow-arrows.flow-reverse{animation:hmi-flow-reverse 1.5s linear infinite}.hmi-liquid{fill:var(--hmi-pipe-flow);opacity:.55}.hmi-flame{fill:#e85d2f;opacity:.85}[data-theme=dark] .hmi-flame{fill:#ff7a3d}.hmi-badge-bg{fill:var(--hmi-badge-bg);stroke:var(--hmi-equip-stroke);stroke-width:1}.hmi-badge-text{fill:var(--hmi-text-on-canvas);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:600;font-size:11px}.hmi-badge-text.status-warn{fill:var(--hmi-warn)}.hmi-badge-text.status-alarm,.hmi-badge-text--alarm{fill:var(--hmi-alarm)}.hmi-badge-text--warn{fill:var(--hmi-warn)}.hmi-badge-text--ok{fill:var(--hmi-ok)}.hmi-canvas{background:var(--hmi-canvas);width:100%;height:100%;-webkit-user-select:none;user-select:none}.hmi-clickable{cursor:pointer}.hmi-clickable:hover .hmi-equip-body{stroke:var(--hmi-text-on-canvas)}.hmi-selected .hmi-equip-body{stroke:var(--accent, #2363f5);stroke-width:2.5}.hmi-drawer-section{padding:12px 16px;border-bottom:1px solid var(--border)}.hmi-drawer-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px}.hmi-drawer-param-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:6px 0;border-bottom:1px solid var(--surface-3);align-items:baseline}.hmi-drawer-param-row:last-child{border-bottom:none}.hmi-drawer-param-name{color:var(--text-dim);font-size:12px}.hmi-drawer-param-value{color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.hmi-tree{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;font-size:13px}.hmi-tree .ant-tree{background:transparent;padding:8px 0}.hmi-tree .ant-tree-node-content-wrapper{font-size:13px}.hmi-tree-equip-status{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle}.hmi-tree-equip-status--ok{background:var(--hmi-ok)}.hmi-tree-equip-status--warn{background:var(--hmi-warn)}.hmi-tree-equip-status--alarm{background:var(--hmi-alarm);animation:hmi-alarm-blink 1s ease-in-out infinite}.hmi-tree-equip-status--stale{background:var(--hmi-stale)}.hmi-row-unack>td{background:color-mix(in oklab,var(--hmi-alarm) 6%,transparent)!important}.hmi-row-unack:hover>td{background:color-mix(in oklab,var(--hmi-alarm) 10%,transparent)!important}:root,[data-theme=light]{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #f7f9fc;--surface-3: #eef2f7;--border: #e1e6ee;--border-strong: #c8d2df;--text: #0f1a2e;--text-dim: #5b6b81;--text-faint:#8a98ad;--accent: #2363f5;--accent-2: #5a8bff;--ok: #1ba374;--warn: #d97e0a;--off: #d6403e;--info: #2363f5;--grid-line: #e7ecf3;--shadow-card: 0 1px 0 rgba(15,26,46,.04), 0 1px 3px rgba(15,26,46,.04);--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--scada-bg-page: var(--bg);--scada-bg-card: var(--surface);--scada-bg-header: var(--surface);--scada-bg-sider: #0f1623;--alarm-critical: var(--off);--alarm-high: var(--warn);--alarm-medium: var(--warn);--alarm-info: var(--info);--alarm-ok: var(--ok);--status-online: var(--ok);--status-offline: var(--off);--status-warning: var(--warn);--status-idle: var(--text-faint);--font-mono: var(--mono)}[data-theme=dark]{--bg: #0a0f1a;--surface: #0f1623;--surface-2: #131c2c;--surface-3: #1a2438;--border: #1f2b41;--border-strong: #2c3b58;--text: #e6ecf6;--text-dim: #8595af;--text-faint:#5d6c89;--accent: #4d8aff;--accent-2: #6fa3ff;--ok: #2bd198;--warn: #f0a23a;--off: #ef5350;--info: #4d8aff;--grid-line: #1a2438;--shadow-card: 0 1px 0 rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.25);--scada-bg-page: var(--bg);--scada-bg-card: var(--surface);--scada-bg-header: var(--surface);--alarm-critical: var(--off);--alarm-high: var(--warn);--alarm-medium: var(--warn);--alarm-info: var(--info);--alarm-ok: var(--ok);--status-online: var(--ok);--status-offline: var(--off);--status-warning: var(--warn);--status-idle: var(--text-faint)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";font-size:13px;line-height:1.4}.mono,.mono-value,.mono-value-lg{font-family:var(--mono);font-variant-numeric:tabular-nums}.mono-value{font-size:14px;letter-spacing:-.3px}.mono-value-lg{font-size:20px;font-weight:600}.atlas-scroll::-webkit-scrollbar{width:8px;height:8px}.atlas-scroll::-webkit-scrollbar-track{background:transparent}.atlas-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.atlas-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.atlas-sidebar{background:var(--surface);border-right:1px solid var(--border)}.atlas-sidebar-header{height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--border)}.atlas-logo{width:24px;height:24px;border-radius:5px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:-.5px}.atlas-logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.atlas-brand{font-weight:600;font-size:14px;color:var(--text);letter-spacing:.02em}.atlas-nav-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;border-left:2px solid transparent;color:var(--text-dim);font-size:13px}.atlas-nav-item:hover{color:var(--text);background:var(--surface-2)}.atlas-nav-item.active{background:var(--surface-3);border-left-color:var(--accent);color:var(--text);font-weight:500}.atlas-nav-item .anticon{font-size:15px;color:var(--text-faint)}.atlas-nav-item.active .anticon{color:var(--accent)}.atlas-topbar{height:48px;background:var(--surface)!important;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px!important}.atlas-topnav{display:flex;align-items:stretch;gap:2px;height:48px;margin-left:4px}.atlas-topnav-item{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:48px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--sans);font-size:13px;cursor:pointer;white-space:nowrap;transition:color .12s,background .12s,border-color .12s}.atlas-topnav-item:hover{color:var(--text);background:var(--surface-2)}.atlas-topnav-item.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.atlas-topnav-item .anticon{font-size:14px;color:var(--text-faint)}.atlas-topnav-item.active .anticon{color:var(--accent)}.atlas-live-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--ok);background:color-mix(in oklab,var(--ok) 12%,transparent);border:1px solid color-mix(in oklab,var(--ok) 30%,transparent);border-radius:3px}.atlas-live-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px color-mix(in oklab,var(--ok) 30%,transparent)}.ant-layout{background:var(--bg)!important}.ant-layout-content{padding:14px;background:var(--bg)!important}.ant-card{background:var(--surface)!important;border-color:var(--border)!important}.ant-card-bordered{border-color:var(--border)!important}.ant-card-head{border-color:var(--border)!important;color:var(--text)!important}.ant-card-body{color:var(--text)}.ant-table{background:var(--surface)!important;color:var(--text)!important}.ant-table-thead>tr>th{background:var(--surface-2)!important;color:var(--text-dim)!important;border-color:var(--border)!important;font-size:10px!important;font-family:var(--mono);font-weight:600!important;letter-spacing:.08em;text-transform:uppercase}.ant-table-tbody>tr>td{border-color:var(--border)!important;color:var(--text);font-size:12px}.ant-table-tbody>tr:hover>td{background:var(--surface-2)!important}.ant-typography{color:var(--text)!important}.ant-typography-secondary{color:var(--text-dim)!important}.ant-divider{border-color:var(--border)!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}.ant-input::placeholder{color:var(--text-faint)}.ant-modal-content{background:var(--surface)!important;color:var(--text)!important}.ant-modal-header{background:var(--surface)!important;border-color:var(--border)!important}.ant-modal-title{color:var(--text)!important}.ant-btn-default{background:var(--surface-2);border-color:var(--border);color:var(--text)}.ant-btn-default:hover{background:var(--surface-3)!important;border-color:var(--accent)!important;color:var(--accent)!important}.ant-btn-primary{background:var(--accent)!important;border-color:var(--accent)!important}.ant-btn-primary:hover{background:var(--accent-2)!important;border-color:var(--accent-2)!important}.ant-tag{border-color:var(--border)!important}.ant-statistic-title{color:var(--text-dim)!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.08em}.ant-statistic-content{font-family:var(--mono);color:var(--text)!important}.ant-tabs-tab{color:var(--text-dim)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--accent)!important}.ant-tabs-ink-bar{background:var(--accent)!important}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;flex-shrink:0;vertical-align:middle}.status-dot--online{background:var(--ok);box-shadow:0 0 0 2px color-mix(in oklab,var(--ok) 25%,transparent)}.status-dot--offline{background:var(--off)}.status-dot--warning{background:var(--warn);box-shadow:0 0 0 2px color-mix(in oklab,var(--warn) 25%,transparent)}.status-dot--idle{background:var(--text-faint)}.alarm-critical{color:var(--off);font-weight:700}.alarm-high{color:var(--warn);font-weight:600}.alarm-medium{color:var(--warn)}.alarm-info{color:var(--info)}.alarm-warning{color:var(--warn)}.alarm-border-critical{border-left:4px solid var(--off)!important}.alarm-border-high{border-left:4px solid var(--warn)!important}.alarm-border-ok{border-left:4px solid var(--ok)!important}.alarm-border-offline{border-left:4px solid var(--off)!important}.atlas-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:3px;border:1px solid transparent;white-space:nowrap}.atlas-pill--default{color:var(--text-dim);background:var(--surface-2);border-color:var(--border)}.atlas-pill--accent{color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,transparent);border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.atlas-pill--ok{color:var(--ok);background:color-mix(in oklab,var(--ok) 14%,transparent);border-color:color-mix(in oklab,var(--ok) 30%,transparent)}.atlas-pill--warn{color:var(--warn);background:color-mix(in oklab,var(--warn) 14%,transparent);border-color:color-mix(in oklab,var(--warn) 30%,transparent)}.atlas-pill--err{color:var(--off);background:color-mix(in oklab,var(--off) 14%,transparent);border-color:color-mix(in oklab,var(--off) 30%,transparent)}.atlas-kpi{background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;position:relative;box-shadow:var(--shadow-card)}.atlas-kpi--ok{border-left-color:var(--ok)}.atlas-kpi--warn{border-left-color:var(--warn)}.atlas-kpi--err{border-left-color:var(--off)}.atlas-kpi--accent{border-left-color:var(--accent)}.atlas-kpi--default{border-left-color:var(--text-faint)}.atlas-kpi__label{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.atlas-kpi__value{font-family:var(--mono);font-size:24px;font-weight:600;color:var(--text);line-height:1.1;margin-top:2px}.atlas-kpi__sub{font-size:11px;color:var(--text-faint)}.atlas-kpi__icon{position:absolute;top:10px;right:12px;color:var(--text-faint);font-size:14px}.atlas-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-card)}.atlas-card-header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.atlas-card-body{padding:12px}.logo{height:48px;margin:0;color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:48px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:1px}.site-layout-content{padding:14px;min-height:calc(100vh - 48px);background:var(--bg)}.scada-header{height:48px!important;line-height:48px!important;padding:0 14px!important;background:var(--surface)!important;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.dense-table .ant-table-thead>tr>th{padding:4px 8px!important;font-size:10px!important}.dense-table .ant-table-tbody>tr>td{padding:4px 8px!important;font-size:12px;line-height:28px}.analog-bar{position:relative;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden;margin-top:4px}.analog-bar__fill{position:absolute;top:0;left:0;height:100%;border-radius:3px;transition:width .6s ease,background .3s ease}.analog-bar__fill--ok{background:var(--ok)}.analog-bar__fill--warning{background:var(--warn)}.analog-bar__fill--critical{background:var(--off)}.kpi-card .ant-card-body{padding:10px 12px!important}.kpi-card .ant-statistic-title{font-size:10px;margin-bottom:2px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono)}.kpi-card .ant-statistic-content{font-family:var(--mono);font-size:22px;color:var(--text)}.device-card{border-left:4px solid var(--text-faint);transition:box-shadow .2s;cursor:pointer;background:var(--surface)!important}.device-card:hover{box-shadow:0 2px 8px #0f1a2e14}.device-card .ant-card-body{padding:10px 12px!important}.device-card--online{border-left-color:var(--ok)}.device-card--offline{border-left-color:var(--off)}.device-card--alarm{border-left-color:var(--warn)}.device-card-online{border-left:3px solid var(--ok)}.device-card-offline{border-left:3px solid var(--off)}.login-card{width:100%;max-width:400px;box-shadow:0 4px 24px #0003;background:var(--surface)!important;border:1px solid var(--border)!important}@media(max-width:991px){html,body{overflow-x:hidden;max-width:100vw}.site-layout-content,.ant-layout-content{padding:8px}.kpi-card .ant-statistic-content{font-size:18px}.dense-table .ant-table-thead>tr>th,.dense-table .ant-table-tbody>tr>td{font-size:12px;padding:3px 6px!important}.atlas-kpi{padding:8px 10px}.atlas-kpi__value{font-size:20px}.atlas-kpi__icon{display:none}.atlas-topbar{padding:0!important}.atlas-topnav-item{padding:0 8px;font-size:12px}.atlas-card{max-width:100%}}