@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #0a0f1a;--bg-secondary: #101828;--bg-card: rgba(16, 24, 40, .7);--bg-glass: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--accent-blue: #2D6EB5;--accent-blue-light: #4A8DD4;--accent-orange: #F5941E;--accent-orange-light: #F7AB4A;--accent-green: #4CAF50;--accent-green-light: #66BB6A;--accent-gold: #ffd700;--accent-silver: #c0c0c0;--accent-bronze: #cd7f32;--gradient-blue: linear-gradient(135deg, #2D6EB5, #1a4f8a);--gradient-orange: linear-gradient(135deg, #F5941E, #e07a0c);--gradient-green: linear-gradient(135deg, #4CAF50, #388E3C);--gradient-gold: linear-gradient(135deg, #ffd700, #f0c000);--gradient-cbc: linear-gradient(135deg, #2D6EB5, #F5941E, #4CAF50);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .3);--shadow-glow-blue: 0 0 40px rgba(45, 110, 181, .25);--shadow-glow-orange: 0 0 40px rgba(245, 148, 30, .2);--shadow-glow-green: 0 0 40px rgba(76, 175, 80, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(45,110,181,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(245,148,30,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(76,175,80,.05) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.navbar{position:sticky;top:0;z-index:100;background:#0a0a1ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:0 24px}.navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:800;font-size:1.25rem;letter-spacing:-.5px}.navbar-brand .logo-img{height:36px;width:auto;border-radius:6px;object-fit:contain}.navbar-links{display:flex;gap:4px}.navbar-links a{text-decoration:none;color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s ease}.navbar-links a:hover,.navbar-links a.active{color:var(--text-primary);background:var(--bg-glass)}.navbar-links a.active{background:#2d6eb526;color:var(--accent-blue)}.page-container{max-width:1200px;margin:0 auto;padding:40px 24px}.page-header{text-align:center;margin-bottom:48px}.page-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:12px;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);font-size:1.1rem}.home-hero{text-align:center;padding:80px 0 60px}.home-hero h1{font-size:3.5rem;font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:16px}.home-hero h1 .gradient-text{background:var(--gradient-cbc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero p{color:var(--text-secondary);font-size:1.2rem;max-width:500px;margin:0 auto}.home-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:60px auto 0}.feature-card{position:relative;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:40px 32px;text-decoration:none;color:var(--text-primary);overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.feature-card.running:before{background:var(--gradient-blue)}.feature-card.football:before{background:var(--gradient-green)}.feature-card:hover{transform:translateY(-8px);border-color:#fff3}.feature-card.running:hover{box-shadow:var(--shadow-glow-blue)}.feature-card.football:hover{box-shadow:0 0 40px #00d68f33}.feature-card .card-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:24px}.feature-card.running .card-icon{background:#2d6eb526;color:var(--accent-blue)}.feature-card.football .card-icon{background:#00d68f26;color:var(--accent-green)}.feature-card h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.feature-card .card-arrow{position:absolute;bottom:24px;right:24px;opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--text-secondary)}.feature-card:hover .card-arrow{opacity:1;transform:translate(0)}.podium-section{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:48px;padding:20px 0}.podium-item{display:flex;flex-direction:column;align-items:center;gap:12px;width:180px}.podium-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;position:relative}.podium-item:nth-child(2) .podium-avatar{width:88px;height:88px;font-size:1.8rem}.podium-avatar.gold{background:var(--gradient-gold);box-shadow:0 0 30px #ffd7004d}.podium-avatar.silver{background:linear-gradient(135deg,silver,#8a8a8a);box-shadow:0 0 20px #c0c0c033}.podium-avatar.bronze{background:linear-gradient(135deg,#cd7f32,#a0622e);box-shadow:0 0 20px #cd7f3233}.podium-name{font-weight:600;font-size:.95rem;text-align:center}.podium-stat{color:var(--text-secondary);font-size:.85rem}.podium-stand{width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#ffffff4d}.podium-stand.first{height:120px;background:linear-gradient(to bottom,#ffd70033,#ffd7000d)}.podium-stand.second{height:90px;background:linear-gradient(to bottom,#c0c0c033,#c0c0c00d)}.podium-stand.third{height:60px;background:linear-gradient(to bottom,#cd7f3233,#cd7f320d)}.ranking-table-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);overflow-x:auto;-webkit-overflow-scrolling:touch}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{text-align:left;padding:16px 20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background:#ffffff08;border-bottom:1px solid var(--border-glass)}.ranking-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.95rem}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tr:hover{background:#ffffff08}.rank-badge{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;background:var(--bg-glass);color:var(--text-secondary)}.rank-badge.gold{background:#ffd70033;color:var(--accent-gold)}.rank-badge.silver{background:#c0c0c033;color:var(--accent-silver)}.rank-badge.bronze{background:#cd7f3233;color:var(--accent-bronze)}.stat-value{font-weight:600;color:var(--text-primary)}.stat-unit{color:var(--text-muted);font-size:.8rem;margin-left:4px}.filter-bar{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.filter-select{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:10px 36px 10px 16px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.filter-select:hover{border-color:#fff3}.filter-select:focus{outline:none;border-color:var(--accent-blue)}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.admin-login{max-width:400px;margin:80px auto;text-align:center}.admin-login h2{font-size:1.8rem;margin-bottom:24px}.admin-login-form{display:flex;flex-direction:column;gap:16px}.input-field{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s ease;width:100%}.input-field:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2d6eb51a}.input-field::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--gradient-blue);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #2d6eb54d}.btn-success{background:var(--gradient-green);color:#fff}.btn-success:hover{opacity:.9;transform:translateY(-1px)}.btn-danger{background:#ff3b3026;color:#ff3b30;border:1px solid rgba(255,59,48,.3)}.btn-danger:hover{background:#ff3b3040}.btn-ghost{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-glass)}.btn-ghost:hover{background:#ffffff1a;color:var(--text-primary)}.btn-sm{padding:8px 14px;font-size:.8rem}.btn-icon{padding:8px;border-radius:8px}.admin-tabs{display:flex;gap:4px;margin-bottom:32px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:4px}.admin-tab{flex:1;padding:12px 20px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{background:#2d6eb526;color:var(--accent-blue)}.admin-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.admin-card h3{font-size:1.1rem;font-weight:600;margin-bottom:16px}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-row .input-field{flex:1}.admin-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-glass);margin-bottom:8px;transition:all .2s ease}.admin-list-item:hover{background:#ffffff14}.admin-list-item-info{display:flex;flex-direction:column;gap:2px}.admin-list-item-info .name{font-weight:600;font-size:.95rem}.admin-list-item-info .meta{color:var(--text-muted);font-size:.8rem}.admin-list-item-actions{display:flex;gap:8px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:16px}.alert-success{background:#00d68f1a;color:var(--accent-green);border:1px solid rgba(0,214,143,.2)}.alert-error{background:#ff3b301a;color:#ff3b30;border:1px solid rgba(255,59,48,.2)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border-glass);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 24px;color:var(--text-secondary)}.empty-state .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:1.2rem;margin-bottom:8px;color:var(--text-primary)}.sync-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-glass);border-radius:var(--radius-sm);margin-bottom:16px;font-size:.85rem;color:var(--text-secondary)}.menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background .2s ease}.menu-toggle:hover{background:var(--bg-glass)}@media(max-width:768px){.menu-toggle{display:flex;align-items:center;justify-content:center}.navbar-inner{flex-wrap:wrap}.navbar-links{display:none;flex-direction:column;width:100%;padding:12px 0 16px;gap:2px;order:3;background:#0a0f1afa;border-top:1px solid var(--border-glass);margin-top:8px;border-radius:0 0 var(--radius-md) var(--radius-md)}.navbar-links.open{display:flex;animation:slideDown .2s ease}.navbar-links a{padding:14px 20px;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;color:var(--text-primary);transition:background .2s ease}.navbar-links a:hover,.navbar-links a.active{background:#2d6eb533}.ranking-table{min-width:600px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.home-hero h1{font-size:2.2rem}.home-cards{grid-template-columns:1fr}.podium-section{gap:8px}.podium-item{width:120px}.podium-avatar{width:56px;height:56px;font-size:1.1rem}.podium-item:nth-child(2) .podium-avatar{width:68px;height:68px}.podium-stand.first{height:80px}.podium-stand.second{height:60px}.podium-stand.third{height:40px}.ranking-table th,.ranking-table td{padding:12px 10px;font-size:.85rem}.page-header h1{font-size:1.8rem}.filter-bar,.admin-tabs,.form-row{flex-direction:column}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.2s}.animate-in:nth-child(4){animation-delay:.3s}.confirm-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:28px;max-width:400px;width:90%;box-shadow:var(--shadow-lg);animation:fadeInUp .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}