.score-updating{animation:scoreFlash .5s ease}.goal-scored{animation:goalCelebration 3s ease;color:#22c55e!important;text-shadow:0 0 20px rgba(34,197,94,.8)}@keyframes scoreFlash{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes goalCelebration{0%{color:inherit;transform:scale(1)}10%{color:#22c55e;transform:scale(1.5)}20%{transform:scale(1.2)}30%{transform:scale(1.4)}40%{transform:scale(1.1)}to{color:inherit;transform:scale(1)}}.match-minute.pulse{animation:minutePulse 1s ease}@keyframes minutePulse{0%,to{opacity:1}50%{opacity:.5}}.minute-apostrophe{display:inline-block;font-size:.75em;line-height:0;margin-left:1px;vertical-align:super}.event-item.new-event{animation:newEventSlide .5s ease,newEventGlow 3s ease;background:rgba(34,197,94,.15)!important;border-left-color:#22c55e!important}@keyframes newEventSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes newEventGlow{0%{box-shadow:0 0 10px rgba(34,197,94,.5)}to{box-shadow:none}}.strip-item.new-live{animation:newLiveSlide 1s ease;background:rgba(34,197,94,.2)}@keyframes newLiveSlide{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.refresh-hint-bar{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:50px;box-shadow:0 4px 20px rgba(14,165,233,.4);color:#fff;display:flex;gap:1rem;left:50%;padding:.75rem 1.5rem;position:fixed;top:70px;transform:translateX(-50%);z-index:1050}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.refresh-hint-bar .hint-message{font-size:.9rem;font-weight:500}.refresh-hint-bar .hint-refresh-btn{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:all .2s ease}.refresh-hint-bar .hint-refresh-btn:hover{background:hsla(0,0%,100%,.3)}.refresh-hint-bar .hint-close-btn{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:1.2rem;line-height:1;padding:0 .25rem}.refresh-hint-bar .hint-close-btn:hover{color:#fff}.ws-connection-status{align-items:center;animation:fadeIn .3s ease;border-radius:20px;bottom:20px;display:flex;font-size:.8rem;gap:8px;left:20px;padding:.5rem 1rem;position:fixed;z-index:1040}.ws-connection-status svg{flex-shrink:0}.ws-connection-status .ws-icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ws-connection-status.warning{background:rgba(234,179,8,.9);color:#422006}.ws-connection-status.warning svg{stroke:#422006}.ws-connection-status.danger{background:rgba(239,68,68,.9);color:#fff}.ws-connection-status.danger svg{stroke:#fff}.match-card.live .match-time{color:#ef4444;font-weight:600}.match-card.finished{opacity:.8}.match-card.finished .match-status{color:#64748b}.match-status.status-live{backdrop-filter:blur(10px);background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#22c55e;font-weight:600}.match-status.status-ft{color:#64748b}.goal-overlay{animation:goalOverlay 2s ease forwards;background:radial-gradient(circle at center,rgba(34,197,94,.3) 0,transparent 70%);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}@keyframes goalOverlay{0%{opacity:0}20%{opacity:1}to{opacity:0}}.live-indicator{align-items:center;background:rgba(239,68,68,.15);border-radius:20px;color:#ef4444;display:inline-flex;font-size:.8rem;gap:.5rem;padding:.25rem .75rem}.live-indicator:before{animation:livePulse 1.5s infinite;background:#ef4444;border-radius:50%;content:"";height:8px;width:8px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.stat-bar-away,.stat-bar-home{transition:width .5s ease}.stat-away,.stat-home{transition:color .3s ease}@media (max-width:768px){.refresh-hint-bar{font-size:.85rem;padding:.6rem 1rem;width:90%}.refresh-hint-bar .hint-message{font-size:.8rem}.refresh-hint-bar .hint-refresh-btn{font-size:.8rem;padding:.3rem .75rem}.ws-connection-status{bottom:70px;font-size:.75rem;left:10px}}.match-notification-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(59,130,246,.3);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05),0 0 60px rgba(59,130,246,.15);left:50%;max-width:90vw;opacity:0;overflow:hidden;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:10000}.match-notification-card:before{animation:gradientMove 2s ease infinite;background:linear-gradient(90deg,#ef4444,#f97316,#eab308);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.match-notification-card.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.match-notification-card .notif-header{align-items:center;background:rgba(0,0,0,.2);display:flex;justify-content:space-between;padding:1rem 1.25rem}.match-notification-card .notif-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.4rem .9rem}.match-notification-card .notif-badge.live{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px rgba(239,68,68,.4);color:#fff}.match-notification-card .notif-badge.ended{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.match-notification-card .notif-badge.reminder{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 10px rgba(245,158,11,.4);color:#fff}.match-notification-card .notif-badge.postponed{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 10px rgba(249,115,22,.4);color:#fff}.match-notification-card .notif-badge.cancelled{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 2px 10px rgba(239,68,68,.4);color:#fff}.match-notification-card .notif-badge .pulse-dot{animation:livePulse 1.5s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.match-notification-card .notif-close{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.match-notification-card .notif-close:hover{background:hsla(0,0%,100%,.2);color:#fff}.match-notification-card .notif-body{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:1.5rem 1.25rem}.match-notification-card .notif-team{align-items:center;display:flex;flex:1;flex-direction:column;gap:.75rem;max-width:100px}.match-notification-card .notif-team img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:56px;-o-object-fit:contain;object-fit:contain;width:56px}.match-notification-card .notif-team .team-name{color:#e2e8f0;display:-webkit-box;font-size:.85rem;font-weight:500;-webkit-line-clamp:2;line-clamp:2;line-height:1.3;text-align:center;-webkit-box-orient:vertical;overflow:hidden}.match-notification-card .notif-score{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.match-notification-card .notif-score-display{align-items:center;background:rgba(0,0,0,.3);border-radius:8px;display:flex;gap:.25rem;justify-content:center;min-width:100px;padding:.5rem}.match-notification-card .notif-score-away,.match-notification-card .notif-score-home{color:#fff;font-size:2rem;font-weight:700;min-width:40px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease}.match-notification-card .notif-score-away:not(:empty),.match-notification-card .notif-score-home:not(:empty){animation:scoreGlow .5s ease}.match-notification-card .notif-score-sep{color:hsla(0,0%,100%,.6);font-size:1.5rem;font-weight:300;margin:0 .25rem}@keyframes scoreGlow{0%{transform:scale(1)}50%{color:#fbbf24;transform:scale(1.1)}to{transform:scale(1)}}.match-notification-card .notif-status{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:50px;color:#22c55e;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;width:-moz-max-content;width:max-content}.match-notification-card .notif-status.ended{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.match-notification-card .notif-league{align-items:center;background:rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:.5rem;justify-content:center;padding:.75rem 1.25rem}.match-notification-card .notif-league img{height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.match-notification-card .notif-league span{color:#94a3b8;font-size:.8rem}.match-notification-card .notif-actions{background:rgba(0,0,0,.15);display:flex;gap:.75rem;padding:1rem 1.25rem}.match-notification-card .notif-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;flex:1;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.match-notification-card .notif-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px rgba(59,130,246,.4);color:#fff}.match-notification-card .notif-btn.primary:hover{box-shadow:0 6px 20px rgba(59,130,246,.5);transform:translateY(-2px)}.match-notification-card .notif-btn.secondary{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);color:#94a3b8}.match-notification-card .notif-btn.secondary:hover{background:hsla(0,0%,100%,.15);color:#fff}.match-notification-card:after{backdrop-filter:blur(4px);background:rgba(0,0,0,.6);content:"";height:200vh;left:-50vw;position:fixed;top:-50vh;width:200vw;z-index:-1}@media (max-width:480px){.match-notification-card{border-radius:16px;width:95vw}.match-notification-card .notif-team img{height:44px;width:44px}.match-notification-card .notif-team .team-name{font-size:.75rem}.match-notification-card .score-display .away-score,.match-notification-card .score-display .home-score{font-size:2rem}.match-notification-card .notif-btn{font-size:.8rem;padding:.65rem .75rem}}.search-filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.search-input-wrapper{max-width:400px;position:relative}.search-input-wrapper i{color:var(--text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper input{background:var(--bg-input);border:none!important;border-radius:8px;color:var(--text-primary);outline:none!important;padding-left:2.75rem}.search-input-wrapper input.form-control{border:none!important;box-shadow:none!important;outline:none!important}.search-input-wrapper input::-moz-placeholder{color:var(--text-muted)}.search-input-wrapper input::placeholder{color:var(--text-muted)}.league-card-modern{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;height:100%;padding:1rem 1.25rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.league-card-modern:hover{box-shadow:0 10px 24px rgba(0,0,0,.25);transform:translateY(-2px)}.league-card-logo{align-items:center;background:hsla(0,0%,100%,.05);border-radius:10px;display:flex;flex-shrink:0;height:56px;justify-content:center;padding:8px;width:56px}.league-card-logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.league-card-info{flex:1;min-width:0}.league-card-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:.5rem}.league-card-meta .country-flag{border-radius:2px;height:14px;-o-object-fit:cover;object-fit:cover;width:18px}.league-card-meta .league-type{background:rgba(88,166,255,.1);border-radius:4px;color:var(--color-primary);font-size:.75rem;padding:.15rem .5rem;text-transform:capitalize}.league-card-badge{flex-shrink:0}.league-card-arrow{color:var(--text-muted);opacity:0;transition:opacity .2s ease,transform .2s ease}.league-card-modern:hover .league-card-arrow{opacity:1;transform:translateX(3px)}.team-card-modern{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;height:100%;padding:1rem 1.25rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.team-card-modern:hover{box-shadow:0 10px 24px rgba(0,0,0,.25);transform:translateY(-2px)}.team-card-logo{align-items:center;background:hsla(0,0%,100%,.05);border-radius:10px;display:flex;flex-shrink:0;height:56px;justify-content:center;padding:8px;width:56px}.team-card-logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.team-card-info{flex:1;min-width:0}.team-card-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem}.team-card-meta .team-country{font-weight:500}.team-card-meta .team-founded{opacity:.8}.team-venue{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:.4rem;margin-top:.35rem}.team-venue i{color:var(--color-primary);font-size:.7rem}.team-card-arrow{color:var(--text-muted);opacity:0;transition:opacity .2s ease,transform .2s ease}.team-card-modern:hover .team-card-arrow{opacity:1;transform:translateX(3px)}.league-hero-logo,.team-hero-logo{background:hsla(0,0%,100%,.05);border-radius:16px;flex-shrink:0;height:90px;padding:12px;width:90px}.league-hero-logo img,.team-hero-logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.league-hero-title,.team-hero-title{color:#f0f6fc;font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.league-hero-meta,.team-hero-meta{align-items:center;color:#e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem}.country-flag-lg{border-radius:3px;height:18px;-o-object-fit:cover;object-fit:cover;width:24px}.meta-sep{color:#4a5568}.team-country-badge{background:rgba(88,166,255,.15);border-radius:6px;color:var(--color-primary);font-size:.85rem;font-weight:500;padding:.2rem .6rem}.team-info-item{display:flex;flex-direction:column;gap:.25rem}.team-info-label{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.team-info-value{color:var(--text-primary);font-size:1rem;font-weight:500}.venue-image{background:var(--bg-hover);border-radius:12px;overflow:hidden}.venue-image img{display:block;height:auto;width:100%}.venue-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.team-logo-large{background:hsla(0,0%,100%,.05);border-radius:16px;height:100px;margin:0 auto;padding:16px;width:100px}.team-logo-large img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.team-stat-badge{align-items:center;background:linear-gradient(135deg,rgba(88,166,255,.15),rgba(88,166,255,.05));border:1px solid rgba(88,166,255,.2);border-radius:12px;display:inline-flex;flex-direction:column;padding:.75rem 1.5rem}.team-stat-badge .stat-value{color:var(--color-primary);font-size:1.75rem;font-weight:700}.team-stat-badge .stat-label{color:var(--text-muted);font-size:.8rem}.standings-table .team-cell{align-items:center;color:var(--text-primary);display:flex;gap:.75rem;text-decoration:none;transition:color .2s ease}.standings-table .team-cell:hover{color:var(--color-primary)}.standings-table .team-cell img{height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.pagination-info{padding:.5rem}.pagination{gap:.25rem}.pagination .page-item .page-link{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:500;min-width:40px;padding:.5rem .85rem;text-align:center;transition:all .2s ease}.pagination .page-item .page-link:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--color-primary) 0,#3b82f6 100%);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(88,166,255,.3);color:#fff}.pagination .page-item.disabled .page-link{background:var(--bg-input);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination .page-item .page-link i{font-size:.85rem}@media (max-width:768px){.league-card-modern,.team-card-modern{padding:.875rem 1rem}.league-card-logo,.team-card-logo{height:48px;width:48px}.league-card-name,.team-card-name{font-size:.95rem}.league-hero-logo,.team-hero-logo{height:70px;width:70px}.league-hero-title,.team-hero-title{font-size:1.35rem}.search-input-wrapper{max-width:100%}.search-filter-bar form{flex-direction:column}.search-filter-bar .btn{width:100%}.pagination .page-item .page-link{font-size:.9rem;min-width:40px;padding:.5rem .75rem}.pagination .page-item .page-link i{font-size:.8rem}.pagination .page-item.page-number{display:none}.pagination .page-item:not(.page-number) .page-link{min-width:44px;padding:.5rem .85rem}}