:root{--bg-primary: #0A0E1A;--bg-secondary: #111827;--bg-card: #1A2236;--bg-card-hover: #1E2A42;--bg-overlay: rgba(10, 14, 26, .95);--accent-cyan: #00D4FF;--accent-cyan-glow: rgba(0, 212, 255, .15);--accent-cyan-dim: rgba(0, 212, 255, .6);--accent-green: #00FF88;--accent-green-glow: rgba(0, 255, 136, .15);--accent-purple: #8B5CF6;--accent-purple-glow: rgba(139, 92, 246, .15);--accent-orange: #FF6B35;--accent-orange-glow: rgba(255, 107, 53, .15);--accent-yellow: #FFD60A;--accent-red: #FF3B5C;--accent-blue: #3B82F6;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #475569;--text-disabled: #334155;--border-default: rgba(148, 163, 184, .1);--border-accent: rgba(0, 212, 255, .3);--border-card: rgba(148, 163, 184, .08);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow-cyan: 0 0 20px rgba(0, 212, 255, .3);--shadow-glow-green: 0 0 20px rgba(0, 255, 136, .3);--shadow-glow-purple: 0 0 20px rgba(139, 92, 246, .3);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-default: .25s ease;--transition-slow: .4s ease;--z-base: 0;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan-dim)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-cyan-dim)}.text-cyan{color:var(--accent-cyan)}.text-green{color:var(--accent-green)}.text-purple{color:var(--accent-purple)}.text-orange{color:var(--accent-orange)}.text-red{color:var(--accent-red)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.glow-cyan{text-shadow:0 0 10px rgba(0,212,255,.7),0 0 20px rgba(0,212,255,.4)}.glow-green{text-shadow:0 0 10px rgba(0,255,136,.7),0 0 20px rgba(0,255,136,.4)}.glow-purple{text-shadow:0 0 10px rgba(139,92,246,.7),0 0 20px rgba(139,92,246,.4)}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:border-color var(--transition-default),box-shadow var(--transition-default)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card),0 0 30px #00d4ff0d}.card-glass{background:#1a2236b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;border:none;outline:none;transition:all var(--transition-default);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),#0099BB);color:#000;box-shadow:0 0 20px #00d4ff4d}.btn-primary:hover{box-shadow:0 0 30px #00d4ff80;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:linear-gradient(135deg,var(--accent-green),#00CC66);color:#000;box-shadow:0 0 20px #00ff884d}.btn-success:hover{box-shadow:0 0 30px #00ff8880;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--accent-red),#CC002E);color:#fff}.btn-danger:hover{box-shadow:0 0 20px #ff3b5c66;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--accent-cyan-glow)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius-lg)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge-cyan{background:var(--accent-cyan-glow);color:var(--accent-cyan);border:1px solid rgba(0,212,255,.2)}.badge-green{background:var(--accent-green-glow);color:var(--accent-green);border:1px solid rgba(0,255,136,.2)}.badge-purple{background:var(--accent-purple-glow);color:var(--accent-purple);border:1px solid rgba(139,92,246,.2)}.badge-orange{background:var(--accent-orange-glow);color:var(--accent-orange);border:1px solid rgba(255,107,53,.2)}.badge-red{background:#ff3b5c1a;color:var(--accent-red);border:1px solid rgba(255,59,92,.2)}.badge-gray{background:#94a3b81a;color:var(--text-secondary);border:1px solid var(--border-default)}.input{width:100%;background:#0a0e1a99;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:all var(--transition-default)}.input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-glow)}.input::placeholder{color:var(--text-muted)}.input-label{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-2)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-dot.busy{background:var(--accent-orange);box-shadow:0 0 6px var(--accent-orange)}.status-dot.offline{background:var(--text-muted)}.status-dot.error{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #00d4ff4d}50%{box-shadow:0 0 30px #00d4ffb3,0 0 60px #00d4ff4d}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes border-glow{0%,to{border-color:#00d4ff33}50%{border-color:#00d4ff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-up{animation:slideInUp .4s ease both}.animate-slide-right{animation:slideInRight .3s ease both}.animate-pulse{animation:pulse 2s ease infinite}.animate-glow{animation:glow-pulse 2s ease infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.grid{display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.divider{height:1px;background:var(--border-default);margin:var(--space-4) 0}.scroll-y{overflow-y:auto;overflow-x:hidden}.scroll-x{overflow-x:auto;overflow-y:hidden}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.border-cyan{border:1px solid rgba(0,212,255,.3)}.border-green{border:1px solid rgba(0,255,136,.3)}.border-purple{border:1px solid rgba(139,92,246,.3)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3)}.overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-size:18px;font-weight:700;color:var(--text-primary)}.section-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}body.theme-atlas{--bg-primary: #060B18;--bg-secondary: #0C1528;--bg-card: #111D38;--bg-card-hover: #162545;--bg-overlay: rgba(6, 11, 24, .95);--accent-cyan: #4A90D9;--accent-cyan-glow: rgba(74, 144, 217, .18);--accent-cyan-dim: rgba(74, 144, 217, .6);--accent-green: #5B9BD5;--accent-green-glow: rgba(91, 155, 213, .15);--accent-purple: #3D5A99;--accent-purple-glow: rgba(61, 90, 153, .15);--accent-orange: #6B8EC2;--accent-blue: #2B6CB0;--text-primary: #D6E4F0;--text-secondary: #8FAABE;--text-muted: #4A6580;--border-default: rgba(74, 144, 217, .12);--border-accent: rgba(74, 144, 217, .35);--border-card: rgba(74, 144, 217, .08);--shadow-card: 0 4px 24px rgba(0, 20, 60, .5);--shadow-glow-cyan: 0 0 25px rgba(74, 144, 217, .4);--shadow-glow-green: 0 0 20px rgba(91, 155, 213, .3);--shadow-glow-purple: 0 0 20px rgba(61, 90, 153, .3)}body.theme-nova{--bg-primary: #140810;--bg-secondary: #1E0E18;--bg-card: #2A1422;--bg-card-hover: #351A2C;--bg-overlay: rgba(20, 8, 16, .95);--accent-cyan: #E84393;--accent-cyan-glow: rgba(232, 67, 147, .18);--accent-cyan-dim: rgba(232, 67, 147, .6);--accent-green: #FD79A8;--accent-green-glow: rgba(253, 121, 168, .15);--accent-purple: #C44569;--accent-purple-glow: rgba(196, 69, 105, .15);--accent-orange: #F8A5C2;--accent-blue: #E84393;--text-primary: #F5E6EE;--text-secondary: #BF8DA0;--text-muted: #6E4458;--border-default: rgba(232, 67, 147, .12);--border-accent: rgba(232, 67, 147, .35);--border-card: rgba(232, 67, 147, .08);--shadow-card: 0 4px 24px rgba(40, 0, 20, .5);--shadow-glow-cyan: 0 0 25px rgba(232, 67, 147, .4);--shadow-glow-green: 0 0 20px rgba(253, 121, 168, .3);--shadow-glow-purple: 0 0 20px rgba(196, 69, 105, .3)}body.theme-titan{--bg-primary: #040E08;--bg-secondary: #081A10;--bg-card: #0E2818;--bg-card-hover: #13321F;--bg-overlay: rgba(4, 14, 8, .95);--accent-cyan: #00E676;--accent-cyan-glow: rgba(0, 230, 118, .18);--accent-cyan-dim: rgba(0, 230, 118, .6);--accent-green: #69F0AE;--accent-green-glow: rgba(105, 240, 174, .15);--accent-purple: #00C853;--accent-purple-glow: rgba(0, 200, 83, .15);--accent-orange: #B9F6CA;--accent-blue: #00BFA5;--text-primary: #E0F5EA;--text-secondary: #7CC09A;--text-muted: #3D6B50;--border-default: rgba(0, 230, 118, .12);--border-accent: rgba(0, 230, 118, .35);--border-card: rgba(0, 230, 118, .08);--shadow-card: 0 4px 24px rgba(0, 30, 15, .5);--shadow-glow-cyan: 0 0 25px rgba(0, 230, 118, .4);--shadow-glow-green: 0 0 20px rgba(105, 240, 174, .3);--shadow-glow-purple: 0 0 20px rgba(0, 200, 83, .3)}body{transition:background-color .5s ease,color .3s ease}body .card,body .btn,body .input,body .badge{transition:all .3s ease}