@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]{--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:8px;padding:0 12px;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){body{overflow-x:hidden}.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__value{font-size:20px}.atlas-topbar{padding:0!important}}