:root{--bg-base: #030D1C;--bg-deep: #020810;--bg-card: #071426;--bg-card-alt: #0A1A30;--bg-hover: #0F2040;--bg-surface: rgba(7, 20, 38, .85);--border: rgba(0, 200, 255, .1);--border-bright:rgba(0, 200, 255, .25);--border-glow: rgba(0, 200, 255, .5);--accent: #00C8FF;--accent-hover: #33D4FF;--accent-strong:#0066CC;--accent-dim: rgba(0, 200, 255, .15);--accent-glow: 0 0 20px rgba(0, 200, 255, .4);--accent-subtle: rgba(0, 200, 255, .06);--accent-grid: rgba(0, 200, 255, .03);--success: #00FF94;--success-dim: rgba(0, 255, 148, .15);--warning: #FFB547;--warning-dim: rgba(255, 181, 71, .15);--danger: #FF3D5A;--danger-dim: rgba(255, 61, 90, .15);--info: #4D9FFF;--info-dim: rgba(77, 159, 255, .15);--text-primary: #D8EAF8;--text-muted: #4D6B88;--text-dim: #2A4A64;--text-on-accent: #000814;--text-on-brand: #000814;--text-inverse: #FFFFFF;--header-bg: rgba(2, 8, 16, .92);--panel-subtle: rgba(0, 200, 255, .03);--video-bg: #010810;--overlay-soft: rgba(0, 0, 0, .2);--overlay-medium: rgba(0, 0, 0, .5);--overlay-strong: rgba(0, 0, 0, .6);--overlay-stronger: rgba(0, 0, 0, .7);--overlay-text-strong: rgba(255, 255, 255, .92);--overlay-text-muted: rgba(255, 255, 255, .6);--overlay-text-dim: rgba(255, 255, 255, .5);--shadow-card: 0 12px 36px rgba(0, 0, 0, .32);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .18);--shadow-glow-soft: 0 0 24px rgba(0, 200, 255, .08);--shadow-glow-card: 0 0 24px rgba(0, 200, 255, .06);--login-card-bg: rgba(7, 20, 38, .9);--login-grid-line: rgba(0, 200, 255, .03);--login-glow: rgba(0, 200, 255, .06);--corner-deco: rgba(0, 200, 255, .15);--timeline-event: rgba(255, 181, 71, .4);--timeline-normal: rgba(0, 200, 255, .15);--timeline-indicator: #FFFFFF;--timeline-indicator-glow: rgba(255, 255, 255, .8);--font-display: "Orbitron", monospace;--font-body: "IBM Plex Sans SC", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--sidebar-w: 220px;--sidebar-collapsed: 64px;--header-h: 56px}html[data-theme=light]{--bg-base: #F3F8FC;--bg-deep: #FFFFFF;--bg-card: #FFFFFF;--bg-card-alt: #EEF5FB;--bg-hover: #E7F1F9;--bg-surface: rgba(255, 255, 255, .92);--border: rgba(21, 73, 116, .12);--border-bright:rgba(6, 47, 216, .24);--border-glow: rgba(6, 47, 216, .28);--accent: #062FD8;--accent-hover: #274CE0;--accent-strong:#0C6FA8;--accent-dim: rgba(6, 47, 216, .12);--accent-glow: 0 0 18px rgba(6, 47, 216, .18);--accent-subtle: rgba(6, 47, 216, .08);--accent-grid: rgba(6, 47, 216, .06);--success: #17B26A;--success-dim: rgba(23, 178, 106, .12);--warning: #E99A2C;--warning-dim: rgba(233, 154, 44, .13);--danger: #E5484D;--danger-dim: rgba(229, 72, 77, .12);--info: #3D8BFF;--info-dim: rgba(61, 139, 255, .12);--text-primary: #102336;--text-muted: #5F7891;--text-dim: #8CA0B3;--text-on-accent: #04121D;--text-on-brand: #FFFFFF;--text-inverse: #FFFFFF;--header-bg: rgba(255, 255, 255, .9);--panel-subtle: rgba(6, 47, 216, .05);--video-bg: #DFE9F2;--overlay-soft: rgba(8, 18, 30, .08);--overlay-medium: rgba(8, 18, 30, .38);--overlay-strong: rgba(8, 18, 30, .48);--overlay-stronger: rgba(8, 18, 30, .58);--overlay-text-strong: rgba(255, 255, 255, .96);--overlay-text-muted: rgba(255, 255, 255, .76);--overlay-text-dim: rgba(255, 255, 255, .62);--shadow-card: 0 16px 40px rgba(16, 35, 54, .12);--shadow-soft: 0 4px 18px rgba(16, 35, 54, .1);--shadow-glow-soft: 0 0 24px rgba(6, 47, 216, .12);--shadow-glow-card: 0 0 24px rgba(6, 47, 216, .1);--login-card-bg: rgba(255, 255, 255, .88);--login-grid-line: rgba(6, 47, 216, .06);--login-glow: rgba(6, 47, 216, .1);--corner-deco: rgba(6, 47, 216, .18);--timeline-event: rgba(233, 154, 44, .35);--timeline-normal: rgba(6, 47, 216, .18);--timeline-indicator: #102336;--timeline-indicator-glow: rgba(16, 35, 54, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body{transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.ant-layout{background:transparent!important}.ant-layout-sider{background:var(--bg-deep)!important;border-right:1px solid var(--border)!important}.ant-menu{background:transparent!important;border:none!important}.ant-menu-item,.ant-menu-submenu-title{color:var(--text-muted)!important;border-radius:var(--radius-sm)!important;margin:2px 8px!important;height:40px!important;line-height:40px!important}.ant-menu-item:hover,.ant-menu-submenu-title:hover{color:var(--accent)!important;background:var(--accent-dim)!important}.ant-menu-item-selected{color:var(--accent)!important;background:var(--accent-dim)!important;box-shadow:inset 2px 0 0 var(--accent)}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{color:inherit!important}.ant-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important}.ant-card-head{border-bottom:1px solid var(--border)!important;background:transparent!important;color:var(--text-primary)!important;min-height:44px!important;padding:0 16px!important}.ant-card-head-title{color:var(--text-primary)!important;font-size:13px!important;font-weight:600!important}.ant-card-body{padding:16px!important}.ant-table{background:transparent!important;color:var(--text-primary)!important}.ant-table-thead>tr>th{background:#00c8ff0d!important;border-bottom:1px solid var(--border-bright)!important;color:var(--accent)!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:10px 12px!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border)!important;color:var(--text-primary)!important;padding:10px 12px!important;font-size:13px!important}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-table-placeholder{background:transparent!important}.ant-empty-description{color:var(--text-muted)!important}.ant-btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--text-on-brand)!important;font-weight:600!important}.ant-btn-primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;box-shadow:var(--accent-glow)!important}.ant-btn-default{background:transparent!important;border-color:var(--border-bright)!important;color:var(--text-primary)!important}.ant-btn-default:hover{border-color:var(--accent)!important;color:var(--accent)!important}.ant-btn-link{color:var(--accent)!important}.ant-btn-dangerous{background:var(--danger)!important;border-color:var(--danger)!important;color:var(--text-inverse)!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker,.ant-input-number{background:var(--bg-card-alt)!important;border-color:var(--border-bright)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--accent)!important;box-shadow:0 0 0 2px #00c8ff26!important}.ant-input::placeholder{color:var(--text-dim)!important}.ant-select-arrow{color:var(--text-muted)!important}.ant-select-dropdown{background:var(--bg-card-alt)!important;border:1px solid var(--border-bright)!important}.ant-select-item{color:var(--text-primary)!important}.ant-select-item:hover{background:var(--accent-dim)!important}.ant-select-item-option-selected{background:var(--accent-dim)!important;color:var(--accent)!important}.ant-modal-content{background:var(--bg-card)!important;border:1px solid var(--border-bright)!important;border-radius:var(--radius-lg)!important}.ant-modal-header{background:transparent!important;border-bottom:1px solid var(--border)!important}.ant-modal-title{color:var(--text-primary)!important;font-weight:700!important}.ant-modal-close{color:var(--text-muted)!important}.ant-modal-close:hover{color:var(--accent)!important}.ant-form-item-label>label{color:var(--text-muted)!important;font-size:13px!important}.ant-form-item-explain-error{color:var(--danger)!important;font-size:12px!important}.ant-tag{border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important;font-size:11px!important}.ant-badge-status-dot{width:7px!important;height:7px!important}.ant-pagination .ant-pagination-item a{color:var(--text-muted)!important}.ant-pagination .ant-pagination-item-active{border-color:var(--accent)!important;background:var(--accent-dim)!important}.ant-pagination .ant-pagination-item-active a{color:var(--accent)!important}.ant-pagination .ant-pagination-prev button,.ant-pagination .ant-pagination-next button{color:var(--text-muted)!important;background:transparent!important;border-color:var(--border)!important}.ant-pagination .ant-pagination-prev:hover button,.ant-pagination .ant-pagination-next:hover button{color:var(--accent)!important;border-color:var(--accent)!important}.ant-tabs-tab{color:var(--text-muted)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--accent)!important}.ant-tabs-ink-bar{background:var(--accent)!important}.ant-tabs-nav:before{border-color:var(--border)!important}.rule-editor-side-tabs{min-height:0}.rule-editor-side-tabs .ant-tabs-content-holder{min-height:0;overflow:hidden}.rule-editor-side-tabs .ant-tabs-content,.rule-editor-side-tabs .ant-tabs-tabpane{height:100%;min-height:0}.ant-statistic-title{color:var(--text-muted)!important;font-size:12px!important}.ant-statistic-content{color:var(--text-primary)!important;font-family:var(--font-mono)!important}.ant-message-notice-content{background:var(--bg-card-alt)!important;border:1px solid var(--border-bright)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-soft)!important}.ant-tooltip-inner{background:var(--bg-card-alt)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.ant-tooltip-arrow:before{background:var(--bg-card-alt)!important}.ant-switch{background:var(--text-dim)!important}.ant-switch-checked{background:var(--accent)!important}.ant-dropdown-menu{background:var(--bg-card-alt)!important;border:1px solid var(--border-bright)!important}.ant-dropdown-menu-item{color:var(--text-primary)!important}.ant-dropdown-menu-item:hover{background:var(--accent-dim)!important;color:var(--accent)!important}.ant-breadcrumb,.ant-breadcrumb-link{color:var(--text-muted)!important}.ant-breadcrumb-link a{color:var(--accent)!important}.ant-breadcrumb-separator{color:var(--text-dim)!important}.status-online{color:var(--success)!important}.status-offline{color:var(--text-muted)!important}.status-error,.level-critical{color:var(--danger)!important}.level-warning{color:var(--warning)!important}.level-info{color:var(--info)!important}.glow-card{border:1px solid var(--border)!important;transition:border-color .2s,box-shadow .2s}.glow-card:hover{border-color:var(--border-bright)!important;box-shadow:var(--shadow-glow-soft)!important}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.stat-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-glow-card)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.stat-card:hover:before{opacity:1}.video-cell{background:var(--video-bg);border:1px solid var(--border);border-radius:var(--radius-sm);aspect-ratio:16/9;position:relative;overflow:hidden;cursor:pointer;transition:border-color .2s}.video-cell:hover{border-color:var(--accent)}.video-cell.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.scanline-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,var(--overlay-soft) 2px,var(--overlay-soft) 4px);z-index:9999}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;animation:pulseDot 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.section-title{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.mono-id{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.ant-picker-panel-container{background:var(--bg-card-alt)!important;border:1px solid var(--border-bright)!important}.ant-picker-header{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}.ant-picker-header button{color:var(--text-muted)!important}.ant-picker-header button:hover{color:var(--accent)!important}.ant-picker-body,.ant-picker-cell-in-view{color:var(--text-primary)!important}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--accent)!important;color:var(--text-on-brand)!important}.ant-picker-cell:hover .ant-picker-cell-inner{background:var(--accent-dim)!important}.ant-picker-content th{color:var(--text-muted)!important}.ant-picker-today-btn{color:var(--accent)!important}.ant-picker-footer{border-top-color:var(--border)!important}.ant-checkbox-wrapper{color:var(--text-primary)!important}.ant-checkbox-inner{background:var(--bg-card-alt)!important;border-color:var(--border-bright)!important}.ant-checkbox-checked .ant-checkbox-inner{background:var(--accent)!important;border-color:var(--accent)!important}.ant-radio-wrapper{color:var(--text-primary)!important}.ant-radio-inner{background:var(--bg-card-alt)!important;border-color:var(--border-bright)!important}.ant-radio-checked .ant-radio-inner{border-color:var(--accent)!important}.ant-radio-checked .ant-radio-inner:after{background:var(--accent)!important}.ant-collapse{background:transparent!important;border-color:var(--border)!important}.ant-collapse-item{border-color:var(--border)!important}.ant-collapse-header{color:var(--text-primary)!important;background:var(--bg-card)!important}.ant-collapse-content{background:var(--bg-card-alt)!important;border-top-color:var(--border)!important;color:var(--text-primary)!important}.ant-divider{border-color:var(--border)!important}.ant-divider-inner-text{color:var(--text-muted)!important;background:var(--bg-card)!important}