:root{--cnos-primary: #0052D9;--cnos-primary-light: #0077FF;--cnos-primary-lighter: #409EFF;--cnos-primary-bg: #E8F4FF;--cnos-primary-glow: rgba(0, 119, 255, .15);--cnos-cyan: #00B8D9;--cnos-cyan-light: #00E5FF;--cnos-cyan-bg: #E6FCFF;--cnos-green: #00B578;--cnos-green-light: #34D399;--cnos-green-bg: #ECFDF5;--cnos-warning: #FF9500;--cnos-danger: #FF4D6A;--cnos-info: #3B82F6;--cnos-bg: #F4F7FC;--cnos-surface: #FFFFFF;--cnos-surface-elevated: rgba(255, 255, 255, .92);--cnos-surface-glass: rgba(255, 255, 255, .78);--cnos-text: #1A2332;--cnos-text-secondary: #5A6B7F;--cnos-text-muted: #8896A7;--cnos-border: #E4EAF2;--cnos-border-light: #EDF2F7;--cnos-gradient-primary: linear-gradient(135deg, #0052D9 0%, #00B8D9 100%);--cnos-gradient-energy: linear-gradient(135deg, #00B578 0%, #00B8D9 100%);--cnos-gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);--cnos-gradient-hero: linear-gradient(135deg, #0A1628 0%, #0D2847 40%, #0052D9 100%);--cnos-gradient-sidebar: linear-gradient(180deg, #0A1628 0%, #0D2137 100%);--cnos-gradient-card-border: linear-gradient(135deg, rgba(0, 82, 217, .3), rgba(0, 184, 217, .3));--cnos-shadow-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--cnos-shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--cnos-shadow-lg: 0 12px 40px rgba(16, 24, 40, .12);--cnos-shadow-glow: 0 0 20px rgba(0, 119, 255, .2);--cnos-shadow-card: 0 2px 8px rgba(0, 82, 217, .06), 0 0 1px rgba(0, 82, 217, .1);--cnos-transition: all .3s cubic-bezier(.4, 0, .2, 1);--cnos-transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--cnos-radius-sm: 6px;--cnos-radius-md: 10px;--cnos-radius-lg: 16px;--cnos-radius-xl: 24px;--cnos-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--cnos-font-mono: "SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--cnos-font);background:var(--cnos-bg);color:var(--cnos-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0052d926;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0052d94d}.ant-layout{background:var(--cnos-bg)!important}.ant-layout-sider{background:var(--cnos-gradient-sidebar)!important;box-shadow:4px 0 24px #0a162826!important;border-right:1px solid rgba(255,255,255,.05)!important}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item{margin:4px 12px!important;border-radius:var(--cnos-radius-sm)!important;transition:var(--cnos-transition)!important}.ant-menu-dark .ant-menu-item-selected{background:#07f3!important;border:1px solid rgba(0,184,217,.3)!important;box-shadow:0 0 12px #0077ff26!important}.ant-menu-dark .ant-menu-item:hover:not(.ant-menu-item-selected){background:#ffffff0f!important}.cnos-header{background:var(--cnos-surface)!important;border-bottom:1px solid var(--cnos-border)!important;box-shadow:var(--cnos-shadow-sm)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.ant-card{border:1px solid var(--cnos-border)!important;border-radius:var(--cnos-radius-md)!important;box-shadow:var(--cnos-shadow-card)!important;transition:var(--cnos-transition)!important;overflow:hidden}.ant-card:hover{box-shadow:var(--cnos-shadow-md)!important;border-color:#0052d926!important;transform:translateY(-1px)}.ant-card-head{border-bottom:1px solid var(--cnos-border-light)!important;font-weight:600!important}.ant-btn-primary{background:var(--cnos-gradient-primary)!important;border:none!important;box-shadow:0 2px 8px #0052d940!important;transition:var(--cnos-transition)!important}.ant-btn-primary:hover{box-shadow:0 4px 16px #0052d959!important;transform:translateY(-1px)}.ant-tag{border-radius:4px!important;font-weight:500!important;letter-spacing:.02em!important}.ant-statistic-content-value{font-family:var(--cnos-font-mono)!important;font-weight:700!important;letter-spacing:-.02em!important}.ant-statistic-title{font-weight:500!important;color:var(--cnos-text-secondary)!important}.cnos-card-glow{position:relative;border:none!important;background:var(--cnos-surface)!important}.cnos-card-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--cnos-radius-md);padding:1px;background:var(--cnos-gradient-card-border);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.cnos-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;position:relative}.cnos-status-dot--online{background:var(--cnos-green);box-shadow:0 0 6px var(--cnos-green)}.cnos-status-dot--online:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--cnos-green);animation:cnos-pulse 2s ease-in-out infinite}.cnos-status-dot--offline{background:var(--cnos-text-muted)}.cnos-status-dot--warning{background:var(--cnos-warning);box-shadow:0 0 6px var(--cnos-warning)}.cnos-grid-bg{background-image:linear-gradient(rgba(0,82,217,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,82,217,.03) 1px,transparent 1px);background-size:40px 40px}.cnos-metric-card{position:relative;border-radius:var(--cnos-radius-md);background:var(--cnos-surface);border:1px solid var(--cnos-border);padding:20px 24px;overflow:hidden;transition:var(--cnos-transition)}.cnos-metric-card:hover{border-color:var(--cnos-primary-light);box-shadow:var(--cnos-shadow-glow);transform:translateY(-2px)}.cnos-metric-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cnos-gradient-primary);opacity:0;transition:var(--cnos-transition)}.cnos-metric-card:hover:after{opacity:1}.cnos-compliance-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--cnos-primary-bg);border:1px solid rgba(0,82,217,.15);border-radius:4px;font-size:11px;font-weight:600;color:var(--cnos-primary);letter-spacing:.03em;text-transform:uppercase}.cnos-compliance-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cnos-primary)}.cnos-logo{padding:20px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.cnos-logo h1{font-size:14px;font-weight:700;color:#fff;letter-spacing:.1em;margin:0;text-transform:uppercase}.cnos-logo p{font-size:10px;color:#ffffff80;margin:4px 0 0;letter-spacing:.05em}.cnos-energy-flow{position:relative;height:4px;background:var(--cnos-border-light);border-radius:2px;overflow:hidden}.cnos-energy-flow:after{content:"";position:absolute;top:0;left:0;height:100%;width:60%;background:var(--cnos-gradient-primary);border-radius:2px;animation:cnos-flow 3s ease-in-out infinite}@keyframes cnos-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}@keyframes cnos-flow{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(180%);opacity:0}}@keyframes cnos-glow{0%,to{box-shadow:0 0 5px #07f3}50%{box-shadow:0 0 20px #07f6}}@keyframes cnos-scan-line{0%{top:0}to{top:100%}}@keyframes cnos-data-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes cnos-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cnos-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cnos-login-wrapper{min-height:100vh;display:flex;background:var(--cnos-gradient-hero);position:relative;overflow:hidden}.cnos-login-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(0,184,217,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(0,82,217,.12) 0%,transparent 40%)}.cnos-login-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.cnos-login-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 80px;position:relative;z-index:1}.cnos-login-right{width:480px;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;z-index:1}.cnos-login-card{width:100%;background:var(--cnos-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--cnos-radius-xl);border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 80px #00000026;padding:48px 40px}.cnos-login-brand{color:#fff}.cnos-login-brand h1{font-size:36px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#fff,#88dfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cnos-login-brand p{font-size:16px;color:#ffffffb3;line-height:1.6;max-width:400px}.cnos-login-features{margin-top:48px;display:flex;flex-direction:column;gap:20px}.cnos-login-feature{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--cnos-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cnos-login-feature-icon{width:40px;height:40px;border-radius:8px;background:#00b8d933;display:flex;align-items:center;justify-content:center;color:var(--cnos-cyan-light);font-size:18px;flex-shrink:0}.cnos-login-feature-text h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.cnos-login-feature-text p{color:#ffffff80;font-size:12px;margin:0}.cnos-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.cnos-dashboard-title{font-size:24px;font-weight:700;color:var(--cnos-text);margin:0}.cnos-dashboard-subtitle{font-size:13px;color:var(--cnos-text-muted);margin-top:4px}.cnos-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1200px){.cnos-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cnos-metrics-grid{grid-template-columns:1fr}.cnos-login-wrapper{flex-direction:column}.cnos-login-left{padding:40px}.cnos-login-right{width:100%}}.cnos-chart-card{border-radius:var(--cnos-radius-md)!important;overflow:hidden}.cnos-chart-card .ant-card-head-title{font-size:14px!important;font-weight:600!important}.cnos-section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.cnos-section-header:before{content:"";width:3px;height:18px;background:var(--cnos-gradient-primary);border-radius:2px}.cnos-section-header h3{font-size:15px;font-weight:600;color:var(--cnos-text);margin:0}.cnos-standards-strip{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:linear-gradient(135deg,var(--cnos-primary-bg),var(--cnos-cyan-bg));border:1px solid rgba(0,82,217,.1);border-radius:var(--cnos-radius-sm);margin-top:12px}.cnos-data-label{font-size:11px;font-weight:600;color:var(--cnos-text-muted);text-transform:uppercase;letter-spacing:.08em}.cnos-data-value{font-family:var(--cnos-font-mono);font-size:28px;font-weight:700;color:var(--cnos-text);line-height:1.2}.cnos-data-unit{font-size:14px;font-weight:500;color:var(--cnos-text-muted);margin-left:4px}.cnos-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px}.cnos-trend--up{color:var(--cnos-green);background:var(--cnos-green-bg)}.cnos-trend--down{color:var(--cnos-danger);background:#ff4d6a14}.cnos-live-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--cnos-green);text-transform:uppercase;letter-spacing:.05em}.cnos-live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cnos-green);animation:cnos-data-pulse 1.5s ease-in-out infinite}.cnos-content{padding:24px;background:var(--cnos-bg);min-height:calc(100vh - 64px)}.cnos-content-inner{background:transparent;border-radius:0;padding:0}