@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#091a10;--bg-pitch-dark:#06130b;--bg-pitch-mid:#0b2215;--bg-secondary:#0d2819;--bg-card:#0f291abf;--bg-card-hover:#163824d9;--bg-glass:#0b2215d9;--chalk-line:#ffffff38;--chalk-line-bright:#ffffffa6;--chalk-border:1px dashed #ffffff40;--border:#ffffff1f;--border-active:#00ff75;--text-primary:#f0fdf4;--text-secondary:#a7f3d0;--text-muted:#5eead4;--text-chalk:#fff;--accent-green:#00ff75;--accent-lime:#10b981;--accent-gold:#fbbf24;--accent-red:#ff4757;--accent-blue:#38bdf8;--accent-purple:#c084fc;--gradient-pitch:radial-gradient(circle at 50% 30%, #0e301d 0%, #081d11 60%, #040e08 100%);--gradient-card:linear-gradient(135deg, #102e1dcc, #091b11e6);--gradient-accent:linear-gradient(135deg, #00ff75, #10b981);--gradient-live:linear-gradient(135deg, #ff4757, #ff6b81);--gradient-gold:linear-gradient(135deg, #fbbf24, #d97706);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-card:0 8px 32px #00000080;--shadow-glow-green:0 0 24px #00ff7540;--shadow-glow-red:0 0 24px #ff47574d;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);background-image:repeating-linear-gradient(90deg, #ffffff03 0px, #ffffff03 60px, transparent 60px, transparent 120px), var(--gradient-pitch);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Outfit,Inter,-apple-system,sans-serif;line-height:1.5;position:relative}body:before{content:"";border:3px dashed var(--chalk-line);pointer-events:none;z-index:0;opacity:.35;border-radius:50%;width:450px;height:450px;position:fixed;top:50%;left:55%;transform:translate(-50%,-50%)}body:after{content:"";background:var(--chalk-line-bright);pointer-events:none;z-index:0;opacity:.4;border-radius:50%;width:12px;height:12px;position:fixed;top:50%;left:55%;transform:translate(-50%,-50%);box-shadow:0 0 15px #ffffff80}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;display:flex}.sidebar{border-right:2px dashed var(--chalk-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07160ed9;flex-shrink:0;width:260px;height:calc(100vh - 70px);min-height:calc(100vh - 70px);padding:24px 0;position:sticky;top:70px;overflow-y:auto}.page-content{flex:1;padding:36px;overflow-x:hidden}.header{border-bottom:2px dashed var(--chalk-line);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#06130ce6;align-items:center;gap:16px;height:70px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0006}.header-logo{letter-spacing:-.5px;color:var(--text-chalk);text-transform:uppercase;align-items:center;gap:12px;font-size:20px;font-weight:900;display:flex}.header-logo-icon{background:var(--gradient-accent);border-radius:var(--radius-md);width:42px;height:42px;box-shadow:var(--shadow-glow-green);border:1px solid #fff6;justify-content:center;align-items:center;font-size:22px;display:flex}.header-spacer{flex:1}.header-badge{background:var(--gradient-live);color:#fff;letter-spacing:1px;text-transform:uppercase;box-shadow:var(--shadow-glow-red);border:1px solid #fff6;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;animation:2s infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.96)}}.sidebar-section-title{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;padding:0 24px 10px;font-size:11px;font-weight:800}.sidebar-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-left:4px solid #0000;align-items:center;gap:12px;margin-bottom:2px;padding:12px 24px;font-size:15px;font-weight:600;display:flex}.sidebar-item:hover{color:var(--text-chalk);background:#00ff7514}.sidebar-item.active{color:var(--accent-green);border-left-color:var(--accent-green);text-shadow:0 0 10px #00ff7566;background:#00ff7526}.sidebar-item .sidebar-icon{text-align:center;width:24px;font-size:18px}.card{background:var(--gradient-card);border:1px solid var(--chalk-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.card:before{content:"";border-top:2px solid var(--chalk-line-bright);border-left:2px solid var(--chalk-line-bright);border-top-left-radius:var(--radius-lg);pointer-events:none;width:14px;height:14px;position:absolute;top:-1px;left:-1px}.card:hover{border-color:var(--accent-green);box-shadow:var(--shadow-card), var(--shadow-glow-green);transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:36px;display:grid}.stat-card{background:var(--gradient-card);border:1px solid var(--chalk-line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);flex-direction:column;gap:8px;padding:22px;display:flex;position:relative}.stat-card:hover{border-color:var(--accent-green);box-shadow:var(--shadow-glow-green);transform:translateY(-3px)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.stat-value{background:var(--gradient-accent);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:900;line-height:1.1}.stat-sub{color:var(--text-secondary);font-size:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{letter-spacing:-.5px;color:var(--text-chalk);font-size:24px;font-weight:800}.section-subtitle{color:var(--text-secondary);margin-top:2px;font-size:14px}.section-badge{color:var(--accent-green);background:#00ff7526;border:1px solid #00ff754d;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700}.partidos-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.partido-card{background:var(--bg-card);border:1px solid var(--chalk-line);border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px;position:relative}.partido-card:hover{border-color:var(--accent-green);background:var(--bg-card-hover);box-shadow:var(--shadow-glow-green);transform:translateY(-3px)}.partido-card.live{border:2px solid var(--accent-red);box-shadow:var(--shadow-glow-red);background:linear-gradient(135deg,#1e0a0fd9,#0f2618d9)}.partido-status{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.status-badge{letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800}.status-badge.live{background:var(--gradient-live);color:#fff;border:1px solid #fff6;animation:2s infinite pulse-badge}.status-badge.finished{color:var(--accent-green);background:#00ff7526;border:1px solid #00ff754d}.status-badge.scheduled{color:var(--text-secondary);background:#ffffff1a;border:1px solid #ffffff26}.status-badge.postponed{color:var(--accent-gold);background:#fbbf2426;border:1px solid #fbbf244d}.partido-fecha{color:var(--text-muted);font-size:12px;font-weight:500}.partido-equipos{align-items:center;gap:14px;display:flex}.equipo-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.equipo-logo{border:2px dashed var(--chalk-line-bright);width:52px;height:52px;color:var(--text-chalk);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000004d}.equipo-logo img{object-fit:cover;width:100%;height:100%}.equipo-nombre{text-align:center;color:var(--text-chalk);font-size:14px;font-weight:700}.partido-score{border-radius:var(--radius-md);border:1px solid var(--chalk-line);background:#0006;flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;display:flex}.score-num{letter-spacing:-2px;color:var(--accent-green);text-shadow:0 0 12px #00ff7566;font-size:38px;font-weight:900;line-height:1}.score-divider{color:var(--text-muted);font-size:22px;font-weight:300}.tabla-container{border-radius:var(--radius-lg);border:2px dashed var(--chalk-line);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-x:auto}.tabla-posiciones{border-collapse:collapse;width:100%;font-size:14px}.tabla-posiciones thead tr{border-bottom:2px solid var(--chalk-line-bright);background:#06130ce6}.tabla-posiciones th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:14px 18px;font-size:11px;font-weight:900}.tabla-posiciones th.center,.tabla-posiciones td.center{text-align:center}.tabla-posiciones tbody tr{border-bottom:1px solid var(--chalk-line);transition:var(--transition)}.tabla-posiciones tbody tr:last-child{border-bottom:none}.tabla-posiciones tbody tr:hover{background:#00ff7514}.tabla-posiciones td{color:var(--text-primary);padding:14px 18px}.pos-number{color:var(--text-secondary);width:32px;font-weight:800}.pos-number.top{color:var(--accent-green);text-shadow:0 0 8px #00ff7580}.pos-number.promotion{color:var(--accent-blue)}.pos-number.relegation{color:var(--accent-red)}.equipo-row{align-items:center;gap:12px;display:flex}.equipo-mini-logo{border:1px dashed var(--chalk-line-bright);width:30px;height:30px;color:var(--text-chalk);background:#0006;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;overflow:hidden}.puntos-cell{color:var(--accent-green);text-shadow:0 0 10px #00ff754d;font-size:16px;font-weight:900}.equipos-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;display:grid}.equipo-card{background:var(--bg-card);border:1px solid var(--chalk-line);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;align-items:center;gap:14px;padding:24px 20px;display:flex}.equipo-card:hover{border-color:var(--accent-green);background:var(--bg-card-hover);box-shadow:var(--shadow-glow-green);transform:translateY(-4px)}.equipo-card-logo{border:2px dashed var(--chalk-line-bright);width:72px;height:72px;color:var(--text-chalk);background:#0006;border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:900;display:flex;overflow:hidden;box-shadow:0 6px 16px #0006}.equipo-card-nombre{color:var(--text-chalk);font-size:15px;font-weight:800}.equipo-card-asoc{color:var(--text-muted);background:#00ff751a;border:1px solid #00ff7533;border-radius:20px;padding:3px 10px;font-size:11px}.filter-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.filter-tab{cursor:pointer;border:1px dashed var(--chalk-line);color:var(--text-secondary);transition:var(--transition);background:#06130c99;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:700}.filter-tab:hover{border-color:var(--accent-green);color:var(--text-chalk)}.filter-tab.active{background:var(--gradient-accent);border-color:var(--accent-green);color:#040e08;box-shadow:var(--shadow-glow-green);font-weight:800}.empty-state{text-align:center;border:2px dashed var(--chalk-line);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-icon{opacity:.6;font-size:54px}.empty-title{color:var(--text-chalk);font-size:18px;font-weight:700}.empty-text{color:var(--text-secondary);font-size:14px}.loading-spinner{justify-content:center;align-items:center;padding:64px;display:flex}.spinner{border:4px solid var(--chalk-line);border-top-color:var(--accent-green);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border-radius:var(--radius-md);color:var(--accent-red);background:#ff475726;border:1px solid #ff475766;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#040e08d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-pitch-dark);background-image:var(--gradient-pitch);border:2px dashed var(--chalk-line-bright);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:90vh;box-shadow:0 32px 80px #000c, var(--shadow-glow-green);animation:.25s ease-out slide-in;overflow-y:auto}@keyframes slide-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px dashed var(--chalk-line);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-title{color:var(--text-chalk);font-size:19px;font-weight:800}.modal-close{border:1px solid var(--chalk-line);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-chalk);transition:var(--transition);background:#ffffff1a;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.modal-body{padding:24px}.eventos-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.evento-item{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--chalk-line);align-items:center;gap:14px;padding:12px 16px;font-size:14px;display:flex}.evento-minuto{color:var(--accent-green);text-align:center;border-radius:var(--radius-sm);border:1px solid var(--chalk-line);background:#0006;width:44px;padding:3px 8px;font-size:12px;font-weight:800}.evento-icon{text-align:center;width:24px;font-size:18px}.evento-texto{color:var(--text-chalk);flex:1;font-weight:600}.evento-marcador{color:var(--accent-green);font-size:13px;font-weight:800}.chip{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.chip.blue{color:var(--accent-blue);background:#38bdf826;border:1px solid #38bdf84d}.chip.green{color:var(--accent-green);background:#00ff7526;border:1px solid #00ff754d}.chip.purple{color:var(--accent-purple);background:#c084fc26;border:1px solid #c084fc4d}.mobile-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:2px dashed var(--chalk-line-bright);z-index:150;background:#06130cf2;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0009}.mobile-nav-item{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition);text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.mobile-nav-item.active{color:var(--accent-green);text-shadow:0 0 8px #00ff7580;background:#00ff7526}.mobile-nav-icon{font-size:20px;line-height:1}@media (width<=768px){.sidebar{display:none}.mobile-nav{display:flex}.page-content{padding:18px 18px 84px}.partidos-grid{grid-template-columns:1fr}.stats-grid,.equipos-grid{grid-template-columns:repeat(2,1fr)}}