.match-details-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:flex-end}.panel-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-content{position:relative;width:35%;min-width:400px;max-width:600px;height:100%;background:linear-gradient(180deg,#1a1a2e,#16213e);box-shadow:-4px 0 20px #0006;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header{padding:1.5rem 3rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#fff3;transform:scale(1.1)}.match-competition{color:#64ffda;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.match-round{color:#fff9;font-size:.85rem;margin-top:.25rem}.score-section{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#0003}.team{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.team-logo{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#ffffff1a;padding:4px}.team-name{color:#fff;font-size:.9rem;font-weight:500;text-align:center;max-width:100px}.score-block{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 1rem}.score-main{display:flex;align-items:center;gap:.5rem}.score{font-size:2.5rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.score-sep{font-size:2rem;color:#ffffff80}.score-ht{font-size:.85rem;color:#ffffff80}.match-time{font-size:1.5rem;font-weight:600;color:#64ffda}.match-status{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.watch-section{padding:0 1rem;margin-bottom:1rem}.watch-btn{display:block;width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.watch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.channel-picker{margin-top:.5rem;background:#ffffff0d;border-radius:8px;overflow:hidden}.channel-picker-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .2s;text-align:left}.channel-picker-item:last-child{border-bottom:none}.channel-picker-item:hover{background:#667eea33}.channel-picker-name{font-weight:500}.channel-picker-tv{font-size:.8rem;color:#ffffff80}.tv-channels{padding:.75rem 1rem;margin:0 1rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.85rem;color:#ffffffb3}.tv-label{color:#64ffda;font-weight:600}.loading-details{text-align:center;padding:2rem;color:#ffffff80}.tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding:0 .5rem;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1;min-width:60px;padding:.75rem .5rem;background:none;border:none;color:#fff9;font-size:.8rem;cursor:pointer;position:relative;transition:all .2s;white-space:nowrap}.tabs button:hover{color:#fff}.tabs button.active{color:#64ffda}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#64ffda}.tab-content{padding:1rem;min-height:200px}.no-data{text-align:center;padding:2rem;color:#fff6}.summary-tab h4,.stats-tab h4,.odds-tab h4,.lineups-tab h4,.analytics-tab h4{color:#ffffffe6;font-size:.9rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.events-section{margin-bottom:1.5rem}.events-list{display:flex;flex-direction:column;gap:.5rem}.event{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff0d;border-radius:6px;font-size:.85rem}.event.away{flex-direction:row-reverse;text-align:right}.event-minute{color:#64ffda;font-weight:600;min-width:35px}.event-icon{font-size:1rem}.event-player{color:#fff;flex:1}.event-player2{color:#fff9}.event-detail{color:#ffffff80;font-size:.8rem}.venue-section{margin-bottom:1.5rem}.venue-info{background:#ffffff0d;padding:.75rem;border-radius:8px}.venue-name{color:#fff;font-weight:500}.venue-city,.venue-capacity{color:#fff9;font-size:.85rem;margin-top:.25rem}.coaches-section{margin-bottom:1.5rem}.coaches-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.coach{display:flex;flex-direction:column;gap:.25rem}.coach-team{color:#ffffff80;font-size:.75rem}.coach-name{color:#fff;font-size:.9rem}.external-links{margin-top:1.5rem}.links-row{display:flex;gap:.75rem}.external-link{display:inline-block;padding:.5rem 1rem;background:#ffffff1a;border-radius:6px;color:#fff;text-decoration:none;font-size:.85rem;transition:all .2s}.external-link:hover{background:#fff3}.stats-list{display:flex;flex-direction:column;gap:.5rem}.stat-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding:.5rem;background:#ffffff0d;border-radius:6px}.stat-home{color:#fff;font-weight:500;text-align:left}.stat-name{color:#fff9;font-size:.85rem;text-align:center}.stat-away{color:#fff;font-weight:500;text-align:right}.odds-row{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem}.odds-row.main .odd{flex:1}.odd{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#ffffff0d;border-radius:8px}.odd-label{color:#fff9;font-size:.75rem;font-weight:600}.odd-value{color:#64ffda;font-size:1.25rem;font-weight:700}.odd-opening{color:#fff6;font-size:.75rem}.pitch-container{background:linear-gradient(180deg,#1a472a,#2d5a3d,#1a472a);border-radius:12px;overflow:hidden;margin-bottom:1.5rem;position:relative;box-shadow:inset 0 0 30px #0000004d}.pitch-half{position:relative;padding:.5rem}.pitch-half.away{border-bottom:none}.pitch-half.home{border-top:none}.team-formation-label{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#0000004d;border-radius:6px;margin:.25rem}.team-abbr{color:#fff;font-weight:700;font-size:.9rem;letter-spacing:1px}.formation-text{color:#64ffda;font-weight:600;font-size:1rem}.pitch-field{position:relative;height:220px;margin:.25rem;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.1) 49.5%,rgba(255,255,255,.1) 50.5%,transparent 50.5%),repeating-linear-gradient(0deg,transparent,transparent 25px,rgba(255,255,255,.03) 25px,rgba(255,255,255,.03) 26px);border:2px solid rgba(255,255,255,.2);border-radius:4px}.pitch-field.away{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.pitch-field.home{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.pitch-field.away:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80px;height:30px;border:2px solid rgba(255,255,255,.2);border-bottom:none;border-radius:4px 4px 0 0}.pitch-field.home:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:80px;height:30px;border:2px solid rgba(255,255,255,.2);border-top:none;border-radius:0 0 4px 4px}.pitch-center-line{height:4px;background:#fff3;position:relative;display:flex;justify-content:center;align-items:center}.center-circle{position:absolute;width:60px;height:60px;border:2px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(180deg,#2d5a3d,#1a472a)}.pitch-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;cursor:default;transition:transform .2s ease}.pitch-player:hover{transform:translate(-50%,-50%) scale(1.15);z-index:10}.pitch-player-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #0006;border:2px solid rgba(255,255,255,.3)}.pitch-half.home .pitch-player-num{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pitch-half.away .pitch-player-num{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.pitch-player.G .pitch-player-num{background:linear-gradient(135deg,#ff9800,#f57c00)!important}.pitch-player-name{font-size:.65rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);font-weight:500;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;background:#00000080;padding:2px 6px;border-radius:3px}.lineup-section{margin-bottom:1.5rem}.lineup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lineup-team{display:flex;flex-direction:column;gap:.25rem}.bench-team-name{color:#ffffffb3;font-size:.75rem;font-weight:600;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.player{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#ffffff0d;border-radius:4px;font-size:.8rem}.player.sub{opacity:.7}.player-num{color:#64ffda;font-weight:600;min-width:20px}.player-name{color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.captain{color:gold;font-size:.7rem}.rating{color:#64ffda;font-weight:600;font-size:.75rem}.xg-section{margin-bottom:1.5rem}.xg-bar{display:flex;align-items:center;gap:.75rem}.xg-value{color:#64ffda;font-weight:700;font-size:1.1rem;min-width:45px}.xg-visual{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.xg-fill.home{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px}.probabilities-section{margin-bottom:1.5rem}.prob-row{display:flex;justify-content:space-between;gap:.75rem}.prob{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#ffffff0d;border-radius:8px}.prob-value{color:#fff;font-size:1.25rem;font-weight:700}.prob-label{color:#ffffff80;font-size:.75rem}.glicko-section{margin-bottom:1.5rem}.glicko-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.glicko{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff0d;border-radius:8px}.glicko-team{color:#fff9;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glicko-value{color:#64ffda;font-size:1.25rem;font-weight:700}.value-bet-section{margin-bottom:1.5rem}.value-bet{padding:.75rem;background:#64ffda1a;border:1px solid #64ffda;border-radius:8px;color:#64ffda;font-weight:500}.profit-section{margin-bottom:1.5rem}.profit-list{display:flex;flex-direction:column;gap:.5rem}.profit-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#ffffff0d;border-radius:6px}.profit-name{color:#fff}.profit-value{font-weight:600}.profit-item.positive .profit-value{color:#4caf50}.profit-item.negative .profit-value{color:#f44336}.channels-tab h4{color:#64ffda;font-size:1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.channels-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.channel-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;transition:all .2s ease}.channel-item:hover{background:#ffffff1a;transform:translate(4px)}.channel-item.stream-available{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.4);cursor:pointer}.channel-item.stream-available:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea99;transform:translate(4px)}.channel-item.stream-available .channel-name{color:#fff;font-weight:600}.channel-badge{margin-left:auto;padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap}.channel-icon{font-size:1.25rem;line-height:1}.channel-name{color:#fff;font-size:.95rem;font-weight:500;flex:1}@media (max-width: 1024px){.panel-content{width:50%;min-width:350px}}@media (max-width: 600px){.panel-content{width:100%;min-width:unset;max-width:unset}.score{font-size:2rem}.team-name{font-size:.8rem;max-width:80px}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 0;color:var(--text-secondary)}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.btn-icon{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.calendar-strip{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin:0 -1rem;padding-left:1rem;padding-right:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.calendar-strip::-webkit-scrollbar{display:none}.calendar-day{flex:1;min-width:70px;max-width:100px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .2s}.calendar-day:hover{background:var(--bg-card);border-color:var(--border)}.calendar-day.selected{background:var(--accent);border-color:var(--accent)}.calendar-day.today:not(.selected){border-color:var(--accent)}.day-name{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.calendar-day.selected .day-name{color:#0009}.day-number{font-size:1.5rem;font-weight:700;line-height:1;color:var(--text-primary)}.calendar-day.selected .day-number{color:var(--bg-primary)}.day-month{font-size:.7rem;color:var(--text-muted);text-transform:lowercase}.calendar-day.selected .day-month{color:#0009}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:all .2s;animation:fadeIn .4s ease-out backwards}.match-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.match-card.has-channel{border-left:4px solid var(--accent)}.match-card.is-live{border-color:var(--danger);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,68,102,.05) 100%)}.match-card.is-live:hover{box-shadow:0 8px 24px #f463}.match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.match-competition{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-live{background:var(--danger);color:#fff;animation:pulse 1.5s infinite}.badge-upcoming{background:var(--bg-secondary);color:var(--text-primary)}.badge-finished{background:var(--bg-secondary);color:var(--text-muted)}.match-teams{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.team{flex:1;min-width:0}.team-name{font-weight:600;font-size:1.1rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team.home .team-name{text-align:right}.team.away .team-name{text-align:left}.vs{color:var(--text-muted);font-size:.85rem;font-weight:600;flex-shrink:0}.match-footer{padding-top:1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.channel-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-glow);color:var(--accent);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.tv-channels{font-size:.75rem;color:var(--text-muted);text-align:right;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matches-by-league{display:flex;flex-direction:column;gap:1.5rem}.league-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.league-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.league-flag{font-size:1.5rem;line-height:1}.league-country{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.league-name{font-weight:700;color:var(--text-primary);flex:1}.league-count{background:var(--bg-card);color:var(--text-muted);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm)}.league-matches{display:flex;flex-direction:column}.league-matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:1rem}.match-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.match-row:last-child{border-bottom:none}.match-row:hover{background:var(--bg-secondary)}.match-row.is-live{background:#ff44660d}.match-row.is-live:hover{background:#ff44661a}.match-row.has-channel{border-left:3px solid var(--accent)}.match-time{width:50px;flex-shrink:0;font-weight:600;font-size:.9rem;color:var(--text-secondary);text-align:center}.match-time .live-indicator{color:var(--danger);font-size:.8rem;animation:pulse 1.5s infinite}.match-time .finished{color:var(--text-muted);font-size:.8rem}.match-teams-row{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.match-teams-row .team-name{font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-teams-row .team-name.home{flex:1;text-align:right}.match-teams-row .team-name.away{flex:1;text-align:left}.score-separator{color:var(--text-muted);font-weight:600;flex-shrink:0}.match-channel{display:flex;align-items:center;gap:.375rem;flex-shrink:0;padding:.375rem .625rem;background:var(--accent-glow);border-radius:var(--radius-sm)}.match-channel .channel-icon{font-size:.8rem}.match-channel .channel-name{font-size:.8rem;font-weight:600;color:var(--accent);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-matches-grid .match-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.75rem}.league-matches-grid .match-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.league-matches-grid .match-card.has-channel{border-left:3px solid var(--accent)}.league-matches-grid .match-card.is-live{border-color:var(--danger);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(255,68,102,.08) 100%)}.match-status{display:flex;justify-content:flex-end}.match-teams-score{display:flex;flex-direction:column;gap:.5rem}.team-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.team-row .team-name{font-weight:500;font-size:.95rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-row .team-score{font-weight:700;font-size:1.1rem;min-width:24px;text-align:center;color:var(--text-primary)}.team-row.home .team-score,.team-row.away .team-score{background:var(--bg-card);padding:.25rem .5rem;border-radius:var(--radius-sm)}.match-channel-badge{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;background:var(--accent-glow);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--accent)}.match-channel-badge .more-channels{margin-left:.25rem;padding:.125rem .375rem;background:#64ffda33;border-radius:4px;font-size:.7rem}@media (max-width: 640px){.matches-grid{grid-template-columns:1fr}.match-teams{flex-direction:column;gap:.5rem}.team.home .team-name,.team.away .team-name{text-align:center}.vs{order:1}.team.away{order:2}.page-header{flex-direction:column;gap:1rem}.calendar-day{min-width:60px}.day-number{font-size:1.25rem}.match-row{flex-wrap:wrap;gap:.5rem}.match-time{width:45px}.match-teams-row{flex:1 1 calc(100% - 60px)}.match-channel{width:100%;justify-content:center;margin-left:55px}.match-channel .channel-name{max-width:none}}.watch-page{max-width:1200px;margin:0 auto;padding:0 1.5rem}.watch-header{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem}.back-link{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.back-link:hover{color:var(--accent)}.channel-info{display:flex;align-items:center;gap:1rem}.channel-name{font-size:1.5rem;font-weight:700}.channel-group{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.player-container{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9}.video-player{width:100%;height:100%;object-fit:contain;background:#000}.watch-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:60vh;color:var(--text-secondary)}.player-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#000000e6;color:var(--text-primary);z-index:10}.player-error p{color:var(--danger);text-align:center;max-width:300px}.video-player:fullscreen{width:100vw;height:100vh}@media (max-width: 768px){.watch-header{flex-direction:column;align-items:flex-start;gap:1rem}.channel-name{font-size:1.25rem}}.loading-state{display:flex;align-items:center;justify-content:center;padding:4rem}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#ff44661a;border:1px solid var(--danger);color:var(--danger);padding:1rem 1.25rem;border-radius:var(--radius-sm);margin-bottom:1.5rem}.error-banner button{background:none;color:inherit;font-size:1.25rem;padding:.25rem}.channel-cell{display:flex;align-items:center;gap:.75rem}.channel-logo{width:32px;height:32px;object-fit:contain;border-radius:4px;background:var(--bg-secondary)}.group-badge{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.url-preview{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.actions{display:flex;gap:.5rem}.priority-badge{display:inline-block;min-width:2rem;text-align:center;padding:.25rem .5rem;background:var(--bg-secondary);border-radius:4px;font-family:var(--font-mono);font-size:.85rem}.scope-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.scope-competition{background:#6495ed33;color:#6495ed}.scope-team{background:#ffa50033;color:orange}.scope-keyword{background:#9370db33;color:#9370db}.scope-default{background:#80808033;color:#888}.toggle-btn{width:32px;height:32px;border-radius:50%;font-size:1rem;transition:all .2s}.toggle-btn.on{background:var(--accent);color:var(--bg-primary)}.toggle-btn.off{background:var(--bg-secondary);color:var(--text-muted)}.toggle-btn:hover{transform:scale(1.1)}.disabled-row{opacity:.5}.disabled-row:hover{opacity:.7}.modal input[type=number]{width:100px}.empty-state.card{margin-top:2rem}.leagues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.league-country-card{padding:0;overflow:hidden}.league-country-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.league-country-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600}.country-flag{font-size:1.25rem}.country-actions{display:flex;gap:.5rem}.country-actions .btn-sm{padding:.25rem .5rem;font-size:.75rem}.league-list{padding:.5rem 0}.league-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:background .15s}.league-item:hover{background:var(--bg-secondary)}.league-item.disabled{opacity:.5}.league-toggle{width:28px;height:28px;border-radius:50%;font-size:.9rem;flex-shrink:0;transition:all .2s}.league-toggle.on{background:var(--accent);color:var(--bg-primary)}.league-toggle.off{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border)}.league-toggle:hover{transform:scale(1.1)}.league-name{flex:1;cursor:pointer;font-size:.95rem}.league-name:hover{color:var(--accent)}.league-delete{opacity:0;background:none;color:var(--text-muted);padding:.25rem;font-size:.85rem;transition:opacity .15s,color .15s}.league-item:hover .league-delete{opacity:1}.league-delete:hover{color:var(--danger)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.form-hint{display:block;margin-top:.25rem;font-size:.8rem;color:var(--text-muted)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:800;font-size:1.25rem}.logo-icon{font-size:1.5rem}.logo-text{background:linear-gradient(135deg,var(--accent) 0%,#00ccff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:.5rem}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:600;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--accent);background:var(--accent-glow)}.main{flex:1;padding:2rem 0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-hover: #22222e;--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #555566;--accent: #00ff88;--accent-dim: #00cc6a;--accent-glow: rgba(0, 255, 136, .15);--danger: #ff4466;--warning: #ffaa00;--border: #2a2a3a;--radius: 12px;--radius-sm: 8px;--font-display: "Unbounded", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}body{background-image:radial-gradient(ellipse at 20% 0%,rgba(0,255,136,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,100,255,.05) 0%,transparent 50%)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-dim)}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-live{background:var(--danger);color:#fff;animation:pulse 2s infinite}.badge-upcoming{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:1.5rem;font-size:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{width:100%}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:600}tr:hover td{background:var(--bg-hover)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}