*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-base: #1a1a2e;--bg-surface: #1e1e3a;--bg-card: rgba(30, 30, 58, .95);--bg-glass: rgba(255, 255, 255, .07);--bg-glass-hover: rgba(255, 255, 255, .12);--neon-cyan: #00d4ff;--neon-cyan-dim: rgba(0, 212, 255, .12);--neon-cyan-glow: rgba(0, 212, 255, .4);--neon-purple: #a855f7;--neon-purple-dim: rgba(168, 85, 247, .12);--neon-green: #10b981;--neon-orange: #f97316;--border: rgba(255, 255, 255, .12);--border-bright: rgba(0, 212, 255, .35);--text-primary: #f0f4ff;--text-secondary: #c8d3e8;--text-muted: #8892a4;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace}html,body{font-family:PingFang SC,Microsoft YaHei,Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text-primary);min-height:100vh;background:radial-gradient(1200px 620px at 10% -10%,rgba(0,212,255,.18),transparent 60%),radial-gradient(1000px 760px at 105% 110%,rgba(168,85,247,.16),transparent 55%),radial-gradient(720px 520px at 50% 122%,rgba(6,182,212,.09),transparent 60%),linear-gradient(155deg,#0a0a18,#101027 48%,#0b0b1c);background-attachment:fixed}#root{min-height:100vh;background:transparent}.app-titlebar-drag-zone{position:fixed;top:0;left:0;right:150px;height:10px;z-index:10001;-webkit-app-region:drag}.login-drag-strip{position:absolute;top:0;left:0;right:150px;height:72px;z-index:2;-webkit-app-region:drag}.app-window-controls{position:fixed;top:13px;right:12px;height:40px;z-index:10002;display:flex;align-items:center;gap:2px;overflow:visible;padding:3px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#0f172a57;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0000002e;pointer-events:auto;user-select:none;-webkit-app-region:no-drag}.app-window-controls button{position:relative;width:32px;height:32px;border:0;border-radius:8px;outline:0;color:#e2e8f0d1;background:transparent;cursor:pointer;display:grid;place-items:center;pointer-events:auto;transition:background .16s ease,color .16s ease;-webkit-app-region:no-drag}.app-window-controls button:hover{color:#fff;background:#94a3b82e}.app-window-controls button:active{background:#94a3b83d}.app-window-controls button.close:hover{background:#ef4444e6}.window-control-icon{position:relative;display:block;width:13px;height:13px}.minimize-icon:before{content:"";position:absolute;left:1px;right:1px;bottom:3px;height:1.5px;border-radius:999px;background:currentColor}.maximize-icon:before{content:"";position:absolute;inset:2px;border:1.5px solid currentColor;border-radius:1px}.close-icon:before,.close-icon:after{content:"";position:absolute;left:1px;top:6px;width:12px;height:1.5px;border-radius:999px;background:currentColor}.close-icon:before{transform:rotate(45deg)}.close-icon:after{transform:rotate(-45deg)}.ant-layout-header *,.ant-layout-sider *,.app-window-controls,.app-window-controls *{-webkit-app-region:no-drag}.sd-update-modal .ant-modal-content,.sd-dark-confirm .ant-modal-content{color:var(--text-secondary)!important;background:#1e1e3afa!important;border:1px solid rgba(0,212,255,.22)!important;box-shadow:0 18px 60px #0000006b,0 0 28px #00d4ff1f!important}.sd-update-modal .ant-modal-confirm-title,.sd-update-modal .ant-modal-confirm-content,.sd-update-modal .ant-modal-confirm-content *,.sd-dark-confirm .ant-modal-confirm-title,.sd-dark-confirm .ant-modal-confirm-content,.sd-dark-confirm .ant-modal-confirm-content *{color:#dbeafe!important}.sd-update-modal .ant-modal-close,.sd-dark-confirm .ant-modal-close{color:#c8d3e8!important}.sd-update-modal .ant-btn-primary,.sd-dark-confirm .ant-btn-primary{color:#fff!important}.ant-card,.ant-card *,.ant-form,.ant-form *,button,input,textarea,select,a{-webkit-app-region:no-drag}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.022) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 80%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 80%)}.ant-layout{background:transparent!important}.ant-layout-sider{background:linear-gradient(180deg,#16162a,#1e1e3a,#16162a)!important;border-right:1px solid var(--border)!important;box-shadow:4px 0 40px #0006!important}.ant-layout-header{background:#16162ae6!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)!important;box-shadow:0 1px 20px #0000004d!important;padding:0 150px 0 24px!important}.ant-layout-content{padding:24px 28px!important}.ant-card{background:linear-gradient(150deg,#2224469e,#13142a9e)!important;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border:1px solid rgba(0,212,255,.14)!important;border-radius:18px!important;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0f!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ant-card:hover{border-color:#00d4ff66!important;box-shadow:0 18px 54px #00000080,inset 0 1px #ffffff14,0 0 30px #00d4ff26!important;transform:translateY(-3px)}.ant-btn{border-radius:10px!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;letter-spacing:.02em}.ant-btn-primary{background:linear-gradient(135deg,#0891b2,#0e7490,#06b6d4)!important;border:1px solid rgba(0,212,255,.3)!important;box-shadow:0 0 20px #00d4ff33,0 2px 8px #0006!important;color:#fff!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#06b6d4,#22d3ee,#67e8f9)!important;box-shadow:0 0 30px #00d4ff66,0 4px 16px #0006!important;transform:translateY(-1px);color:#fff!important}.ant-btn-primary:active{transform:translateY(0);box-shadow:0 0 15px #00d4ff26!important}.ant-btn-default{background:var(--bg-glass)!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important}.ant-btn-default:hover{background:var(--bg-glass-hover)!important;border-color:var(--neon-cyan)!important;color:var(--neon-cyan)!important;box-shadow:0 0 15px #00d4ff1a!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number,.ant-picker{background:#ffffff0a!important;border:1px solid var(--border)!important;border-radius:10px!important;color:var(--text-primary)!important;box-shadow:inset 0 1px 3px #0003!important}.ant-input::placeholder,.ant-input-affix-wrapper::placeholder{color:var(--text-muted)!important}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-input-number:focus{border-color:var(--neon-cyan)!important;box-shadow:0 0 0 3px #00d4ff1f,inset 0 1px 3px #0003!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select:hover .ant-select-selector{border-color:#00d4ff66!important}.ant-select-dropdown{background:#1e1e3afa!important;backdrop-filter:blur(20px)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 20px 60px #0006!important}.ant-select-item{color:var(--text-secondary)!important}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background:var(--neon-cyan-dim)!important;color:var(--neon-cyan)!important}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#00d4ff33!important;color:var(--neon-cyan)!important;font-weight:600!important}.ant-modal-content{background:#1e1e3afa!important;backdrop-filter:blur(30px)!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:0 30px 80px #00000080,0 0 40px #00d4ff0d!important}.ant-modal-header{background:transparent!important;border-bottom:1px solid var(--border)!important;border-radius:20px 20px 0 0!important}.ant-modal-title{color:var(--neon-cyan)!important;font-weight:700!important;font-size:16px!important;letter-spacing:.05em}.ant-modal-close{color:var(--text-muted)!important}.ant-modal-close:hover{color:var(--neon-cyan)!important;background:var(--neon-cyan-dim)!important}.ant-modal-footer{border-top:1px solid var(--border)!important}.ant-table{background:transparent!important;border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{background:#00d4ff0f!important;color:var(--neon-cyan)!important;font-weight:600!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border)!important;padding:12px 16px!important}.ant-table-tbody>tr>td{background:transparent!important;border-bottom:1px solid var(--border)!important;color:var(--text-secondary)!important;padding:12px 16px!important}.ant-table-tbody>tr:hover>td{background:var(--neon-cyan-dim)!important}.ant-tag{border-radius:6px!important;font-size:11px!important;padding:2px 8px!important;font-weight:500!important;letter-spacing:.02em}.ant-tabs-nav{margin-bottom:0!important}.ant-tabs-tab{color:var(--text-muted)!important;font-weight:500!important;padding:10px 0!important;transition:color .2s!important}.ant-tabs-tab:hover{color:var(--neon-cyan)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--neon-cyan)!important;font-weight:600!important}.ant-tabs-ink-bar{background:var(--neon-cyan)!important;box-shadow:0 0 10px var(--neon-cyan)!important;height:2px!important}.ant-tabs-top>.ant-tabs-nav:before{border-bottom-color:var(--border)!important}.ant-divider{border-color:var(--border)!important}.ant-alert{border-radius:12px!important;border:1px solid var(--border)!important;background:var(--bg-glass)!important}.ant-alert-info{border-color:#00d4ff33!important;background:#00d4ff0d!important}.ant-alert-info .ant-alert-message{color:var(--neon-cyan)!important}.ant-form-item-label>label{color:var(--text-secondary)!important;font-weight:500!important;font-size:13px!important}.ant-switch{background:#ffffff1a!important;border-radius:20px!important}.ant-switch-checked{background:linear-gradient(135deg,#0891b2,#06b6d4)!important;box-shadow:0 0 12px #00d4ff66!important}.ant-progress-inner{background:#ffffff14!important;border-radius:99px!important}.ant-progress-bg{background:linear-gradient(90deg,#0891b2,#22d3ee,#67e8f9)!important;box-shadow:0 0 10px #00d4ff80!important;border-radius:99px!important}.ant-slider-rail{background:#ffffff14!important}.ant-slider-track{background:var(--neon-cyan)!important}.ant-slider-handle{border-color:var(--neon-cyan)!important;box-shadow:0 0 10px #00d4ff80!important}.ant-slider-handle:hover,.ant-slider-handle:focus{border-color:#22d3ee!important;box-shadow:0 0 15px #00d4ff99!important}.ant-message-notice-content{background:#1e1e3af2!important;backdrop-filter:blur(20px)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 10px 40px #0006,0 0 20px #00d4ff0d!important;color:var(--text-primary)!important}.ant-popover-inner{background:#1e1e3afa!important;backdrop-filter:blur(20px)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:0 20px 60px #0006!important}.ant-popover-title{color:var(--neon-cyan)!important;border-bottom-color:var(--border)!important}.ant-drawer-content{background:#16162afa!important;backdrop-filter:blur(20px)!important;border-left:1px solid var(--border)!important}.ant-drawer-header{background:transparent!important;border-bottom:1px solid var(--border)!important}.ant-drawer-title{color:var(--neon-cyan)!important}.ant-drawer-close{color:var(--text-muted)!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#00d4ff4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px var(--neon-cyan),0 0 10px #00d4ff4d}50%{box-shadow:0 0 15px var(--neon-cyan),0 0 30px #00d4ff80}}@keyframes glowText{0%,to{text-shadow:0 0 8px rgba(0,212,255,.5)}50%{text-shadow:0 0 20px rgba(0,212,255,.8),0 0 40px rgba(0,212,255,.3)}}@keyframes audioBar1{0%,to{height:4px}50%{height:20px}}@keyframes audioBar2{0%,to{height:8px}50%{height:24px}}@keyframes audioBar3{0%,to{height:6px}50%{height:18px}}@keyframes audioBar4{0%,to{height:12px}50%{height:26px}}@keyframes audioBar5{0%,to{height:4px}50%{height:16px}}@keyframes audioBar6{0%,to{height:10px}50%{height:22px}}@keyframes audioBar7{0%,to{height:6px}50%{height:18px}}@keyframes audioBar8{0%,to{height:10px}50%{height:24px}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.neon-text{color:var(--neon-cyan)!important;text-shadow:0 0 20px rgba(0,212,255,.5);animation:glowText 3s ease-in-out infinite}.neon-border{border:1px solid var(--border-bright)!important;box-shadow:0 0 15px #00d4ff1a,inset 0 0 15px #00d4ff08!important}.glass-card{background:var(--bg-glass)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--border)!important;border-radius:16px!important}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.card-hover:hover{border-color:var(--border-bright)!important;transform:translateY(-2px);box-shadow:0 8px 40px #00000080,0 0 20px #00d4ff0f!important}.live-indicator{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:11px;letter-spacing:.1em}.live-indicator:before{content:"";width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444,0 0 16px #ef444480;animation:neonPulse 1.5s ease-in-out infinite}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-submenu-title{color:var(--text-muted)!important;border-radius:10px!important;margin:2px 8px!important;transition:all .2s!important}.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-title:hover{color:var(--neon-cyan)!important;background:var(--neon-cyan-dim)!important}.ant-menu-dark .ant-menu-item-selected{color:var(--neon-cyan)!important;background:var(--neon-cyan-dim)!important;box-shadow:0 0 15px #00d4ff1a!important;border:1px solid rgba(0,212,255,.2)!important}.ant-menu-dark .ant-menu-item-selected:after{display:none!important}.ant-menu-dark .ant-menu-sub.ant-menu-inline{background:transparent!important}.ant-menu-dark .ant-menu-sub .ant-menu-item:hover{background:#00d4ff0f!important}.ant-menu-dark .ant-menu-submenu-selected{color:var(--neon-cyan)!important}.topnav{scrollbar-width:none;-ms-overflow-style:none}.topnav::-webkit-scrollbar{height:0;width:0;display:none}@media (max-width: 768px){.ant-layout-sider{display:none}}