:root{--bg-primary: #050811;--bg-surface: rgba(10, 20, 18, .7);--bg-surface-hover: rgba(15, 30, 26, .85);--border-color: rgba(255, 255, 255, .07);--border-color-hover: rgba(16, 185, 129, .4);--primary: #10b981;--primary-glow: rgba(16, 185, 129, .15);--primary-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--primary-hover-gradient: linear-gradient(135deg, #34d399 0%, #10b981 100%);--danger: #ef4444;--danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--danger-hover-gradient: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--success: #10b981;--success-glow: rgba(16, 185, 129, .2);--warning: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.275)}body{background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(20,184,166,.06) 0px,transparent 50%);background-attachment:fixed}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #10b9814d}50%{box-shadow:0 0 25px #10b98199}}@keyframes pulseRed{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) forwards}.glass-container{background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000005e;transition:var(--transition-smooth)}.glass-container:hover{border-color:#ffffff1f}.glass-input{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);border-radius:var(--radius-md);padding:14px 18px;font-size:14px;line-height:1.6;outline:none;transition:var(--transition-bounce)}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#0f172acc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);border:none;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-bounce)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{background:var(--primary-hover-gradient);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{background:var(--danger-hover-gradient);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:#ef444426;color:#f87171;font-size:12px;font-weight:600;border:1px solid rgba(239,68,68,.3)}.live-dot{width:8px;height:8px;border-radius:50%;background-color:var(--danger);animation:pulseRed 1.8s infinite ease-in-out}.online-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);box-shadow:0 0 10px var(--success-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glow-text{background:linear-gradient(135deg,#fff,#a7f3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.accent-text{background:linear-gradient(135deg,#10b981,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bg-glow{position:fixed;border-radius:50%;filter:blur(100px);z-index:-1;pointer-events:none;opacity:.35}.bg-glow-1{top:-15%;left:-15%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);animation:blobMove1 24s infinite alternate ease-in-out}.bg-glow-2{bottom:-15%;right:-15%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(20,184,166,.2) 0%,transparent 70%);animation:blobMove2 28s infinite alternate ease-in-out}@keyframes blobMove1{0%{transform:translate(0) scale(1)}50%{transform:translate(100px,80px) scale(1.15)}to{transform:translate(-50px,150px) scale(.95)}}@keyframes blobMove2{0%{transform:translate(0) scale(1)}50%{transform:translate(-120px,-60px) scale(.9)}to{transform:translate(60px,-150px) scale(1.2)}}