:root{--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-glow:linear-gradient(135deg, #667eea66 0%, #764ba266 100%);--bg-base:#0f0f1a;--bg-card:#1e1e3299;--bg-elevated:#282846cc;--bg-input:#14142899;--border-default:#667eea33;--border-glow:#667eea66;--text-primary:#fff;--text-secondary:#ffffffa6;--text-muted:#ffffff59;--accent-cyan:#00d4ff;--accent-purple:#b829dd;--success:#00e676;--warning:#ffab00;--danger:#ff5252;--glow-primary:0 0 10px #667eeacc, 0 0 20px #667eea80, 0 0 40px #667eea4d;--glow-cyan:0 0 10px #00d4ffcc, 0 0 20px #00d4ff80;--glow-card:0 0 15px #667eea4d, inset 0 0 15px #667eea0d;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#667eea66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#667eea99}::selection{color:#fff;background:#667eea66}:focus-visible{outline-offset:2px;outline:2px solid #667eea99}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{color:#4facfe}.ant-btn-primary{transition:all .2s ease-out;box-shadow:0 4px 14px #667eea40;background:var(--gradient-primary)!important;border:none!important}.ant-btn-primary:hover{filter:brightness(1.1);transform:scale(1.02);box-shadow:0 6px 20px #667eea66}.ant-btn-primary:active{transform:scale(.98)}.ant-input,.ant-input-affix-wrapper{background:var(--bg-input)!important;border:1px solid var(--border-default)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.ant-input::placeholder{color:var(--text-muted)!important}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:#667eea99!important;box-shadow:0 0 0 2px #667eea26!important}.ant-tabs-tab{color:var(--text-secondary)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:#667eea!important}.ant-tabs-ink-bar{background:var(--gradient-primary)!important}.ant-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;background:var(--bg-card)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important}.ant-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important}.ant-modal-header{border-bottom:1px solid var(--border-default)!important;background:0 0!important}.ant-modal-title{color:var(--text-primary)!important}.ant-modal-close{color:var(--text-secondary)!important}.ant-tabs{color:var(--text-primary)}.ant-tabs-tab:hover{color:var(--text-primary)!important}.ant-empty-description{color:var(--text-secondary)!important}.ant-tag{border-radius:6px}.ant-message-notice-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important}.mono{font-family:var(--font-mono)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-text{text-shadow:var(--glow-primary)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #667eea66,0 0 20px #667eea33}50%{box-shadow:0 0 20px #667eea99,0 0 40px #667eea66}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-slide-in-right{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-glow-pulse{animation:2s ease-in-out infinite glowPulse}.animate-status-pulse{animation:1.5s ease-in-out infinite statusPulse}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease-in}
