@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--reon-green:#00c853;--reon-green-light:#e8f9f0;--reon-green-hover:#00b248;--reon-bg:#f4f6f8;--reon-card:#fff;--reon-text:#1a1a2e;--reon-text-secondary:#7a8499;--reon-border:#eaeef3;--reon-shadow:0 2px 12px #0000000f;--reon-shadow-hover:0 6px 24px #00c8531f}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--reon-bg);-webkit-font-smoothing:antialiased;color:var(--reon-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.alarm-log-table .ant-table-thead>tr>th{white-space:nowrap;font-size:11px}.alarm-log-table .ant-table-tbody>tr>td{vertical-align:middle}.alarm-col-time,.alarm-col-status{white-space:nowrap}.alarm-status{white-space:nowrap;align-items:center;gap:6px;line-height:1;display:inline-flex}.alarm-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.alarm-cell-time{font-variant-numeric:tabular-nums;color:var(--reon-text-secondary);white-space:nowrap;font-size:12px}.alarm-cell-ellipsis{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.alarm-cell-alarm{min-width:0;line-height:1.35}.alarm-cell-alarm-label{text-overflow:ellipsis;white-space:nowrap;color:var(--reon-text);font-size:13px;font-weight:500;display:block;overflow:hidden}.alarm-cell-alarm-code{text-overflow:ellipsis;white-space:nowrap;color:var(--reon-text-secondary);margin-top:1px;font-size:11px;display:block;overflow:hidden}.alarm-cell-ack,.alarm-cell-muted{font-size:12px}.alarm-cell-muted{color:var(--reon-text-secondary)}.alarm-status-label{white-space:nowrap;font-size:12px;font-weight:500}.alarm-severity-tag{border:none;margin:0;font-size:11px;font-weight:600;line-height:18px}.alarm-severity-major{color:#ad4e00;background:#ffe7ba}.alarm-actions .ant-btn-link{height:24px;padding:0 6px;font-size:12px}.reon-list-card-code{color:var(--reon-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;overflow:hidden}.alarm-row-active td{border-bottom-color:#0000}.alarm-row-critical td{background:#fff1f0!important}.alarm-row-critical:hover td{background:#ffe8e6!important}.alarm-row-major td{background:#fff7e6!important}.alarm-row-major:hover td{background:#ffefd6!important}.alarm-row-minor td{background:#fffbe6!important}.alarm-row-minor:hover td{background:#fff5cc!important}.alarm-row-warning td{background:#e6f4ff!important}.alarm-row-warning:hover td{background:#d6ebff!important}.alarm-row-indeterminate td{background:#f4f6f8!important}.alarm-row-indeterminate:hover td{background:#e8ecf0!important}.reon-metric-value{color:var(--reon-green);letter-spacing:-.5px;font-size:2.4rem;font-weight:700;line-height:1.1}.reon-metric-unit{color:var(--reon-green);margin-left:2px;font-size:1rem;font-weight:500}.reon-metric-label{color:var(--reon-text-secondary);text-transform:none;letter-spacing:0;margin-bottom:6px;font-size:12px;font-weight:500}.reon-card{background:var(--reon-card);border:1px solid var(--reon-border);box-shadow:var(--reon-shadow);border-radius:16px;transition:box-shadow .2s,transform .2s}.reon-card:hover{box-shadow:var(--reon-shadow-hover)}.ant-card{border-color:var(--reon-border)!important;box-shadow:var(--reon-shadow)!important;border-radius:16px!important}.ant-card:hover{box-shadow:var(--reon-shadow-hover)!important}.ant-card .ant-card-head{color:var(--reon-text);font-weight:600;border-bottom:1px solid var(--reon-border)!important}.ant-layout,.ant-layout-content{background:var(--reon-bg)!important}.ant-table-small .ant-table-tbody>tr>td{padding:8px 12px}.ant-table-thead>tr>th{text-transform:uppercase;letter-spacing:.4px;color:var(--reon-text-secondary)!important;background:#f8fafc!important;font-size:12px!important;font-weight:600!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#b0bac5}.ant-layout-sider{transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1)!important}.sider-toggle-btn:hover{color:#4a5568!important;background:#eef2f7!important}.sider-toggle-btn:active{background:#e2e8f0!important}.reon-pill-btn{border:1.5px solid var(--reon-border)!important;color:var(--reon-text)!important;height:34px!important;box-shadow:none!important;background:#fff!important;border-radius:20px!important;align-items:center!important;gap:6px!important;padding:0 16px!important;font-size:13px!important;font-weight:500!important;transition:all .15s!important;display:inline-flex!important}.reon-pill-btn:hover{border-color:var(--reon-green)!important;color:var(--reon-green)!important}.reon-pill-btn.active{border-color:var(--reon-green)!important;color:var(--reon-green)!important;background:var(--reon-green-light)!important}.live-dot{background:var(--reon-green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #00c85366}50%{opacity:.8;box-shadow:0 0 0 5px #00c85300}}.reon-section-title{color:var(--reon-text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:13px;font-weight:700}.reon-list-card{border:1px solid var(--reon-border);background:#fff;border-radius:12px;margin-bottom:10px;padding:12px 14px;box-shadow:0 1px 6px #0000000a}.reon-list-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.reon-list-card-time{color:var(--reon-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.reon-list-card-title{color:var(--reon-text);margin-top:7px;font-size:13px;font-weight:600;line-height:1.4}.reon-list-card-meta{color:var(--reon-text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.reon-filter-bar-mobile{flex-direction:column;gap:8px;display:flex}@media (width<=767px){.ant-card .ant-card-body{padding:14px!important}.reon-metric-value{font-size:1.8rem}.reon-pill-btn{height:30px!important;padding:0 12px!important;font-size:12px!important}.ant-table-wrapper{overflow-x:auto}}