@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color: #0d0f14;--card-bg: rgba(30, 35, 45, .7);--accent-blue: #00e5ff;--accent-orange: #ff8e3c;--text-primary: #ffffff;--text-secondary: #a0aec0;--border-color: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .05);--shadow: 0 8px 32px 0 rgba(0, 0, 0, .8);--nav-height: 70px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 20% 30%,rgba(0,229,255,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,142,60,.05) 0%,transparent 40%)}#root{display:flex;flex-direction:column;align-items:center;width:100%}.container{max-width:1000px;width:90%;margin:2rem auto}.glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow)}.glow-blue{box-shadow:0 0 20px #00e5ff33}.glow-orange{box-shadow:0 0 20px #ff8e3c33}h1,h2,h3{font-weight:800;text-transform:uppercase;letter-spacing:1px}.gradient-text{background:linear-gradient(90deg,var(--accent-blue),#7000ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}button{cursor:pointer;transition:all .3s ease;font-family:inherit;border-radius:8px;font-weight:600}button:active{transform:scale(.95)}.tabs{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.tab-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.8rem 1.5rem;border-radius:12px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.tab-button.active{background:var(--accent-blue);color:#000;border-color:var(--accent-blue);box-shadow:0 0 15px #00e5ff4d}.tab-button.active.owngoals{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 0 15px #ff8e3c4d}.owngoal-text{color:var(--accent-orange)!important}.progress-container{width:100%;height:24px;background:#ffffff0d;border-radius:12px;overflow:hidden;margin:1.5rem 0;border:1px solid var(--glass-border)}.progress-bar{height:100%;background:linear-gradient(90deg,#00e5ff,#7000ff);box-shadow:0 0 15px #00e5ff66;transition:width .8s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:.8rem;font-weight:800;color:#000}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:1rem;margin-top:2rem}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{padding:1.5rem;text-align:center;border-left:3px solid var(--accent-blue)}.stat-value{display:block;font-size:1.8rem;font-weight:800;margin-bottom:.2rem;color:var(--accent-blue)}.stat-label{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}