:root{--color-primary-900: #0A0E27;--color-primary-800: #0F1629;--color-primary-700: #151C32;--color-primary-600: #1A2342;--color-primary-500: #242F4D;--color-primary-400: #2E3B5C;--color-primary-300: #4A5568;--color-primary-200: #718096;--color-primary-100: #A0AEC0;--color-primary-50: #E2E8F0;--color-neon-blue: #00D9FF;--color-neon-blue-light: #4DE8FF;--color-neon-blue-dark: #00B8D4;--color-neon-purple: #9F7AEA;--color-neon-purple-light: #B794F6;--color-neon-purple-dark: #805AD5;--color-neon-green: #48BB78;--color-neon-green-light: #68D391;--color-neon-green-dark: #38A169;--color-neon-orange: #F6AD55;--color-neon-orange-light: #FBD38D;--color-neon-orange-dark: #DD6B20;--color-neon-red: #FC8181;--color-neon-red-light: #FEB2B2;--color-neon-red-dark: #E53E3E;--gradient-primary: linear-gradient(135deg, #00D9FF 0%, #9F7AEA 100%);--gradient-secondary: linear-gradient(135deg, #00D9FF 0%, #48BB78 100%);--gradient-danger: linear-gradient(135deg, #FC8181 0%, #E53E3E 100%);--gradient-info: linear-gradient(135deg, #4DE8FF 0%, #00D9FF 100%);--gradient-bg: linear-gradient(180deg, #0A0E27 0%, #0F1629 50%, #151C32 100%);--glow-blue: 0 0 20px rgba(0, 217, 255, .5);--glow-purple: 0 0 20px rgba(159, 122, 234, .5);--glow-green: 0 0 20px rgba(72, 187, 120, .5);--glow-red: 0 0 20px rgba(252, 129, 129, .5);--space-4xs: 4px;--space-3xs: 8px;--space-2xs: 12px;--space-xs: 16px;--space-sm: 20px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 128px;--header-height: 64px;--sidebar-width: 240px;--sidebar-collapsed: 64px;--container-max: 1440px;--container-padding: 32px;--stats-card-height: 120px;--monitor-min-height: 400px;--activity-min-height: 300px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", Consolas, Monaco, "Courier New", monospace;--font-display: "Orbitron", var(--font-primary);--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 48px;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--transition-slowest: .8s;--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 4px 16px rgba(0, 217, 255, .3);--shadow-glow-purple: 0 4px 16px rgba(159, 122, 234, .3)}.text-display{font-size:var(--font-size-5xl);line-height:56px;font-weight:700;letter-spacing:-.02em}.text-h1{font-size:var(--font-size-4xl);line-height:40px;font-weight:700;letter-spacing:-.01em}.text-h2{font-size:var(--font-size-3xl);line-height:32px;font-weight:600;letter-spacing:-.005em}.text-h3{font-size:var(--font-size-2xl);line-height:28px;font-weight:600}.text-h4{font-size:var(--font-size-xl);line-height:24px;font-weight:600}.text-body-lg{font-size:var(--font-size-lg);line-height:24px;font-weight:400}.text-body-md{font-size:var(--font-size-md);line-height:20px;font-weight:400}.text-body-sm{font-size:var(--font-size-sm);line-height:18px;font-weight:400}.text-body-xs{font-size:var(--font-size-xs);line-height:16px;font-weight:400}.text-code{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:18px;font-weight:400}.text-caption{font-size:11px;line-height:14px;font-weight:400;letter-spacing:.02em;text-transform:uppercase}@media (min-width: 1024px){.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr}.sidebar{width:var(--sidebar-width)}.main{padding:var(--container-padding)}}@media (min-width: 768px) and (max-width: 1023px){.layout{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar{width:var(--sidebar-collapsed)}.sidebar-text{display:none}.main{padding:24px}}@media (max-width: 767px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.main{padding:16px}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-sm)}.monitor-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-md)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-primary);font-size:var(--font-size-md);line-height:1.5;color:#fff;background:var(--gradient-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-primary-800);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-primary-400);border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--color-neon-blue)}::selection{background:#00d9ff4d;color:#fff}::-moz-selection{background:#00d9ff4d;color:#fff}a{color:var(--color-neon-blue);text-decoration:none;transition:color .3s}a:hover{color:var(--color-neon-blue-light)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus{outline:2px solid var(--color-neon-blue);outline-offset:2px}button:focus:not(:focus-visible){outline:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-neon-blue);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ant-btn-primary{background:var(--gradient-primary)!important;border:none!important;box-shadow:var(--shadow-glow-blue)!important}.ant-btn-primary:hover{box-shadow:0 4px 24px #00d9ff80!important}.ant-card{background:var(--color-primary-700)!important;border:1px solid var(--color-primary-400)!important;border-radius:var(--radius-lg)!important}.ant-input{background:var(--color-primary-600)!important;border:1px solid var(--color-primary-400)!important;color:#fff!important}.ant-input:focus,.ant-input:hover{border-color:var(--color-neon-blue)!important}.ant-table{background:transparent!important;color:#fff!important}.ant-table-thead>tr>th{background:var(--color-primary-800)!important;color:var(--color-neon-blue)!important;border-bottom:1px solid var(--color-primary-400)!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--color-primary-400)!important}.ant-table-tbody>tr:hover>td{background:var(--color-primary-600)!important}@media (max-width: 767px){.hide-mobile{display:none!important}body{font-size:var(--font-size-sm)}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-neon-blue{color:var(--color-neon-blue)}.text-neon-purple{color:var(--color-neon-purple)}.text-neon-green{color:var(--color-neon-green)}.text-neon-red{color:var(--color-neon-red)}.text-neon-orange{color:var(--color-neon-orange)}.bg-primary-700{background:var(--color-primary-700)}.bg-primary-800{background:var(--color-primary-800)}.bg-gradient{background:var(--gradient-bg)}.shadow-glow-blue{box-shadow:var(--glow-blue)}.shadow-glow-purple{box-shadow:var(--glow-purple)}.shadow-glow-green{box-shadow:var(--glow-green)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity var(--transition-normal)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity var(--transition-normal)}body{margin:0;padding:0;font-family:Orbitron,思源黑体,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a1628;overflow:hidden}code{font-family:Fira Code,Courier New,monospace}*{box-sizing:border-box}.agent-label{background:#0a1628cc;padding:4px 12px;border-radius:4px;font-size:12px;color:#0ff;border:1px solid rgba(0,255,255,.3);white-space:nowrap;font-family:Orbitron,思源黑体,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}.top-bar{box-shadow:0 4px 16px #00ffff1a}canvas{outline:none}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-container{min-height:100vh;background:linear-gradient(135deg,#0a1628,#1a1a2e,#16213e);display:flex;justify-content:center;align-items:center;padding:20px}.login-card{width:100%;max-width:400px;background:#0a1628cc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,255,255,.2)!important;border-radius:16px!important;box-shadow:0 8px 32px #0000004d}.login-header{text-align:center}.login-icon{font-size:48px;color:#0ff;margin-bottom:16px}.login-title{color:#0ff!important;margin:0!important}.login-subtitle{color:#a0a0a0;font-size:14px}.login-input{background:#ffffff0d!important;border:1px solid rgba(0,255,255,.3)!important;color:#fff!important}.login-input::placeholder{color:#ffffff80}.login-input:hover,.login-input:focus{border-color:#0ff!important;box-shadow:0 0 0 2px #00ffff1a!important}.login-button{background:linear-gradient(135deg,#0ff,#08f)!important;border:none!important;height:48px!important;font-size:16px!important;font-weight:700!important}.login-button:hover{background:linear-gradient(135deg,#0ff,#06c)!important;transform:translateY(-1px);box-shadow:0 4px 12px #00ffff4d}.login-footer{text-align:center}.login-footer .ant-typography{color:#666;font-size:12px}