@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#06060b;--bg-secondary:#0d0d14;--bg-tertiary:#13131d;--bg-card:hsla(0,0%,100%,.02);--bg-card-hover:hsla(0,0%,100%,.05);--bg-elevated:hsla(0,0%,100%,.03);--text-primary:#f0f0f5;--text-secondary:#88a;--text-muted:#556;--text-accent:#a78bfa;--accent:#7c3aed;--accent-light:#a78bfa;--accent-dark:#5b21b6;--accent-glow:rgba(124,58,237,.25);--success:#10b981;--success-glow:rgba(16,185,129,.2);--danger:#ef4444;--danger-glow:rgba(239,68,68,.2);--warning:#f59e0b;--warning-glow:rgba(245,158,11,.2);--info:#3b82f6;--rank-bronze:#cd7f32;--rank-silver:silver;--rank-gold:gold;--rank-platinum:#e5e4e2;--rank-master:#7c3aed;--gradient-accent:linear-gradient(135deg,#7c3aed,#a78bfa 50%,#c084fc);--gradient-success:linear-gradient(135deg,#10b981,#34d399);--gradient-hero:linear-gradient(135deg,#0f0517,#0d0d14 40%,#06060b);--gradient-card:linear-gradient(145deg,rgba(124,58,237,.08),hsla(0,0%,100%,.02));--gradient-glow:radial-gradient(circle at 50% 0%,rgba(124,58,237,.15),transparent 60%);--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.06);--glass-blur:20px;--border-subtle:hsla(0,0%,100%,.06);--border-accent:rgba(124,58,237,.3);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 4px 16px rgba(0,0,0,.3);--shadow-lg:0 8px 32px rgba(0,0,0,.4);--shadow-glow:0 0 30px rgba(124,58,237,.15);--shadow-glow-lg:0 0 60px rgba(124,58,237,.2);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",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;--space-16:64px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--accent-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.gradient-card{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.gradient-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-light),transparent);opacity:.5}.glow{position:relative}.glow:after{content:"";position:absolute;inset:-2px;background:var(--gradient-accent);border-radius:inherit;opacity:0;z-index:-1;filter:blur(15px);transition:opacity var(--transition-base)}.glow:hover:after{opacity:.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-fast);background:hsla(0,0%,100%,.1)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 15px rgba(124,58,237,.3)}.btn-primary:hover{box-shadow:0 6px 25px rgba(124,58,237,.45);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem;border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.75rem}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-bronze{background:rgba(205,127,50,.15);color:var(--rank-bronze)}.badge-silver{background:hsla(0,0%,75%,.15);color:var(--rank-silver)}.badge-gold{background:rgba(255,215,0,.15);color:var(--rank-gold)}.badge-platinum{background:hsla(40,5%,89%,.15);color:var(--rank-platinum)}.badge-master{background:rgba(124,58,237,.15);color:var(--rank-master)}.progress-bar{width:100%;height:8px;background:var(--bg-elevated);overflow:hidden}.progress-bar,.progress-bar-fill{border-radius:var(--radius-full);position:relative}.progress-bar-fill{height:100%;background:var(--gradient-accent);transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(124,58,237,.2)}50%{box-shadow:0 0 40px rgba(124,58,237,.4)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-slide-in{animation:slideInLeft .4s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:.1s;opacity:0}.stagger-2{animation-delay:.2s;opacity:0}.stagger-3{animation-delay:.3s;opacity:0}.stagger-4{animation-delay:.4s;opacity:0}.stagger-5{animation-delay:.5s;opacity:0}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-6)}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:2rem;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);margin-top:var(--space-2)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6)}.grid-2,.grid-3{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:1024px) and (min-width:769px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.stat-card{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.stat-card .stat-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.stat-card .stat-value{font-size:2rem;font-weight:800;line-height:1}.stat-card .stat-label{font-size:.875rem;color:var(--text-secondary)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated);border-bottom:1px solid var(--glass-border)}td,th{padding:var(--space-3) var(--space-4)}td{font-size:.875rem;border-bottom:1px solid var(--border-subtle)}tr:hover td{background:var(--bg-card-hover)}tr:last-child td{border-bottom:none}.spinner{width:32px;height:32px;border-top:3px solid var(--glass-border);border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-container{justify-content:center;min-height:200px}.alert,.loading-container{display:flex;align-items:center}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:.875rem;gap:var(--space-3)}.alert-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:var(--success)}.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:var(--danger)}.alert-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:var(--warning)}