:root{--scada-bg-page: #E8E8E8;--scada-bg-card: #FFFFFF;--scada-bg-header: #FAFAFA;--scada-bg-sider: #1F1F1F;--alarm-critical: #CF1322;--alarm-high: #D46B08;--alarm-medium: #D4B106;--alarm-info: #08979C;--alarm-ok: #389E0D;--status-online: #52C41A;--status-offline: #FF4D4F;--status-warning: #FAAD14;--status-idle: #D9D9D9;--font-mono: "SF Mono", "Consolas", "Liberation Mono", "Menlo", monospace}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--scada-bg-page)}.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:16px;min-height:calc(100vh - 48px);background:var(--scada-bg-page)}.scada-header{height:48px!important;line-height:48px!important;padding:0 16px!important;background:var(--scada-bg-header)!important;border-bottom:1px solid #E0E0E0;display:flex;align-items:center;justify-content:space-between}.mono-value{font-family:var(--font-mono);font-size:14px;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.mono-value-lg{font-family:var(--font-mono);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.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(--status-online);box-shadow:0 0 4px var(--status-online)}.status-dot--offline{background:var(--status-offline)}.status-dot--warning{background:var(--status-warning);box-shadow:0 0 4px var(--status-warning)}.status-dot--idle{background:var(--status-idle)}.alarm-critical{color:var(--alarm-critical);font-weight:700}.alarm-high{color:var(--alarm-high);font-weight:600}.alarm-medium{color:var(--alarm-medium)}.alarm-info{color:var(--alarm-info)}.alarm-warning{color:#faad14}.alarm-border-critical{border-left:4px solid var(--alarm-critical)!important}.alarm-border-high{border-left:4px solid var(--alarm-high)!important}.alarm-border-ok{border-left:4px solid var(--alarm-ok)!important}.alarm-border-offline{border-left:4px solid var(--status-offline)!important}.dense-table .ant-table-thead>tr>th{padding:4px 8px!important;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8c8c8c;background:#f5f5f5!important}.dense-table .ant-table-tbody>tr>td{padding:4px 8px!important;font-size:14px;line-height:30px}.dense-table .ant-table-tbody>tr:hover>td{background:#e6f4ff!important}.analog-bar{position:relative;height:6px;background:#e0e0e0;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(--alarm-ok)}.analog-bar__fill--warning{background:var(--alarm-medium)}.analog-bar__fill--critical{background:var(--alarm-critical)}.kpi-card .ant-card-body{padding:8px 12px!important}.kpi-card .ant-statistic-title{font-size:11px;margin-bottom:2px;color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px}.kpi-card .ant-statistic-content{font-family:var(--font-mono);font-size:22px}.device-card{border-left:4px solid var(--status-idle);transition:box-shadow .2s;cursor:pointer}.device-card:hover{box-shadow:0 2px 8px #0000001f}.device-card .ant-card-body{padding:10px 12px!important}.device-card--online{border-left-color:var(--status-online)}.device-card--offline{border-left-color:var(--status-offline)}.device-card--alarm{border-left-color:var(--alarm-medium)}.device-card-online{border-left:3px solid #52c41a}.device-card-offline{border-left:3px solid #ff4d4f}.login-card{width:100%;max-width:400px;box-shadow:0 4px 24px #0003}@media(max-width:767px){.site-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}}