.livescores-header{align-items:center;background:#1c1e1d;border-bottom:1px solid #1c1e1d;display:flex;height:60px;position:sticky;top:0;z-index:1000}.header-content{padding:0 24px}.logo{gap:8px}.logo-icon{background:#df2946;border-radius:8px;font-size:16px}.logo-text{color:#fff;font-size:18px;font-weight:600}.theme-toggle-btn{align-items:center;background:#303030;border:1px solid #303030;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{background:#df2946;border-color:#df2946;box-shadow:0 4px 12px #df29464d;color:#fff;transform:translateY(-1px)}.theme-toggle-btn:active{transform:translateY(0);transition:transform .1s ease}.theme-icon{transform-origin:center;transition:all .3s ease}.theme-toggle-btn:hover .theme-icon{transform:rotate(20deg) scale(1.1)}.theme-toggle-btn:focus{outline:2px solid #df2946;outline-offset:2px}.theme-toggle-btn{appearance:none;margin:0;padding:0}[data-theme=light] .livescores-header{background:#f8f9fa;border-bottom:1px solid #f8f9fa}[data-theme=light] .logo-text{color:#212529}[data-theme=light] .theme-toggle-btn{background:#e9ecef;border:1px solid #dee2e6;color:#212529}.footer{background:#0f0f0f;border-top:1px solid #303030;flex-shrink:0;margin-top:0}[data-theme=light] .footer{background:#f8f9fa;border-top:1px solid #dee2e6}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1440px;padding:48px 24px 24px}.footer-section{display:flex;flex-direction:column}.footer-logo{align-items:center;display:flex;gap:8px;margin-bottom:16px}.footer-logo .logo-icon{align-items:center;background:#df2946;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.footer-logo .logo-text{color:#fff;font-size:20px;font-weight:700}.footer-description{color:grey;font-size:14px;line-height:1.6;margin-bottom:24px;max-width:280px}[data-theme=light] .footer-logo .logo-text,[data-theme=light] .footer-title{color:#212529}[data-theme=light] .footer-bottom-content p,[data-theme=light] .footer-bottom-links a,[data-theme=light] .footer-description,[data-theme=light] .footer-links a{color:#6c757d}[data-theme=light] .footer-bottom-links a:hover,[data-theme=light] .footer-links a:hover{color:#212529}[data-theme=light] .social-link{background:#e9ecef;color:#6c757d}[data-theme=light] .footer-bottom{background:#e9ecef;border-top:1px solid #dee2e6}.social-links{display:flex;gap:16px}.social-link{align-items:center;background:#1c1e1d;border-radius:8px;color:grey;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s;width:40px}.social-link:hover{background:#df2946;color:#fff;transform:translateY(-2px)}.footer-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:20px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:grey;font-size:14px;text-decoration:none;transition:all .2s}.footer-links a:hover{color:#fff;padding-left:4px}.footer-bottom{background:#0a0a0a;border-top:1px solid #1a1a1a;padding:20px 0}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 24px}.footer-bottom-content p{color:grey;font-size:14px;margin:0}.footer-bottom-links{align-items:center;display:flex;gap:16px}.footer-bottom-links a{color:grey;font-size:14px;text-decoration:none;transition:all .2s}.footer-bottom-links a:hover{color:#fff}.footer-bottom-links span{color:#404040;font-size:12px}@media (max-width:768px){.footer-content{gap:32px;grid-template-columns:1fr;padding:32px 16px 16px}.footer-bottom-content{flex-direction:column;gap:16px;padding:0 16px;text-align:center}.social-links{justify-content:center}}.chat-toggle-btn{align-items:center;background:#df2946;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #df29464d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:1000}.chat-toggle-btn:hover{background:#c91d3a;box-shadow:0 6px 16px #df294666;transform:translateY(-2px)}.chat-toggle-btn.active{background:#303030}.live-chat-container{animation:slideIn .3s ease;background:var(--bg-card-main);border-radius:12px;bottom:96px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;height:500px;position:fixed;right:24px;width:360px;z-index:999}.chat-header{align-items:center;background:#df2946;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.chat-header-info h3{font-size:16px;font-weight:600;margin:0}.chat-close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:opacity .2s}.chat-close-btn:hover{opacity:.8}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.message{display:flex;max-width:80%}.message.system{align-self:center;max-width:90%}.message.system .message-content{background:#df29461a;color:var(--text-primary-main);font-size:14px;text-align:center}.message.user{align-self:flex-end}.message.user .message-content{background:#df2946;border-radius:18px 18px 4px 18px;color:#fff}.message.support{align-self:flex-start}.message.support .message-content{background:var(--bg-sidebar);border-radius:18px 18px 18px 4px;color:var(--text-primary-main)}.message-content{border-radius:18px;padding:10px 16px}.message-content p{font-size:14px;line-height:1.4;margin:0}.message-time{display:block;font-size:11px;margin-top:4px;opacity:.7}.chat-input-form{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:8px;padding:16px}.chat-input{background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:24px;color:var(--text-primary-main);flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:all .2s}.chat-input:focus{border-color:#df2946;box-shadow:0 0 0 3px #df29461a}.chat-send-btn{align-items:center;background:#df2946;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.chat-send-btn:hover{background:#c91d3a;transform:scale(1.05)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#8080804d;border-radius:2px}@media (max-width:480px){.live-chat-container{bottom:96px;height:70vh;left:24px;max-height:500px;right:24px;width:calc(100vw - 48px)}}[data-theme=light] .live-chat-container{background:#f8f9fa;box-shadow:0 8px 24px #00000026}[data-theme=light] .chat-input{background:#fff;border-color:#dee2e6}[data-theme=light] .message.support .message-content{background:#e9ecef;color:#212529}[data-theme=light] .message.system .message-content{background:#df29460d;color:#212529}.app-layout{background:var(--bg-main);display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 0 auto}[data-theme=light] .app-layout{background:var(--bg-main)}:focus{outline:none!important}button:active,button:focus{box-shadow:none!important;outline:none!important}body{color:var(--text-primary-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.livescores-app,body{background:var(--bg-main)}.livescores-app{min-height:98vh}[data-theme=light] .livescores-app{background:var(--bg-main)}.main-content{display:flex;flex-direction:column;gap:min(24px,2.4vw);margin:0 auto;max-width:1440px;min-height:calc(100vh - 60px);padding:min(24px,2.4vw);width:100%}.promo-banner{background:linear-gradient(135deg,#4285f4,#2563eb);border-radius:min(16px,1.6vw);overflow:hidden;padding:min(32px,3.2vw);position:relative}.promo-content{align-items:center;display:flex;height:100%;justify-content:space-between}.promo-text{flex:0 0 64%;padding-right:min(40px,4vw)}.promo-image{align-items:center;display:flex;flex:0 0 36%;height:100%;justify-content:center}.promo-image img{max-height:100%;max-width:100%;object-fit:contain}.promo-title{color:#fff;font-size:min(28px,2.8vw);font-weight:700;margin-bottom:min(8px,.8vw)}.promo-subtitle{color:#fff;font-size:min(16px,1.6vw);margin-bottom:min(24px,2.4vw);opacity:.9}.promo-btn,.sign-in-btn{background:#fff;border:none;border-radius:min(24px,2.4vw);color:#1a1a1a;cursor:pointer;font-size:min(14px,1.4vw);font-weight:600;padding:min(12px,1.2vw) min(32px,3.2vw);transition:transform .2s}.promo-btn:hover,.sign-in-btn:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.promo-players{gap:16px}.player-avatar,.promo-players{align-items:center;display:flex}.player-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#fff3,#ffffff1a);border-radius:50%;font-size:24px;height:80px;justify-content:center;width:80px}.filter-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:min(28px,2.8vw)}.tabs{display:flex;gap:0;padding:0}.tab,.tabs{background:#0000}.tab{border:none;color:grey;cursor:pointer;font-size:min(16px,1.6vw);font-weight:500;outline:none!important;padding:min(8px,.8vw) min(16px,1.6vw);transition:all .2s}.tab:active,.tab:focus,.tab:focus-visible{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}.tab.active:active,.tab.active:focus,.tab.active:focus-visible{background:#df2946!important;box-shadow:none!important;outline:none!important}.tab.active{background:#df2946;border-radius:20px;color:#fff;font-weight:600}.tab:hover:not(.active){color:#fff}.date-info{align-items:center;color:var(--text-secondary-main);display:flex;font-size:min(14px,1.4vw);gap:min(8px,.8vw)}.matches-section{background:var(--bg-card-main);border:1px solid var(--bg-card-main);border-radius:min(12px,1.2vw);flex:1 1;overflow:visible;padding:min(20px,2vw)}.matches-container{gap:min(8px,.8vw)!important;padding-bottom:min(8px,.8vw)}.league-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:min(12px,1.2vw)}.league-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:min(16px,1.6vw) min(20px,2vw)}.league-info{align-items:center;display:flex;gap:min(12px,1.2vw)}.league-flag-icon{font-size:min(20px,2vw)}.league-details{display:flex;flex-direction:column}.league-section .league-name{color:var(--text-primary-main);font-size:min(16px,1.6vw);font-weight:600;margin-bottom:min(2px,.2vw)}.league-country{font-size:min(12px,1.2vw)}.expand-btn,.league-country{color:var(--text-secondary-main)}.expand-btn{background:none;border:none;border-radius:min(4px,.4vw);cursor:pointer;font-size:min(18px,1.8vw);padding:min(4px,.4vw);transition:all .2s}.expand-btn:hover{background:var(--border-subtle);color:var(--text-primary-main)}.match-card{border:1px solid var(--border-subtle);border-radius:8px;gap:min(16px,1.6vw);margin-bottom:0;padding:min(16px,1.6vw)}.match-card,.match-card:active,.match-card:focus,.match-card:hover{background:var(--bg-card-main)!important}.match-card:last-child{margin-bottom:min(8px,.8vw)}.match-time{min-width:60px}.match-teams{gap:min(16px,1.6vw)}.team{gap:min(12px,1.2vw)}.away-team{flex-direction:row-reverse;justify-content:flex-start}.team-logo-fallback{background:var(--bg-sidebar);border-radius:50%;display:none;font-size:16px;height:32px;width:32px}.star-btn,.team-logo-fallback{align-items:center;justify-content:center}.star-btn{background:none;border:none;color:#4a4a4a;cursor:pointer;display:flex;height:min(20px,2vw);padding:0;transition:all .2s;width:min(20px,2vw)}.star-btn.starred,.star-btn:hover{color:#f59e0b}.star-btn.starred:hover{color:#d97706}.star-btn svg{height:min(20px,2vw);width:min(20px,2vw)}.time-minute{color:#df2946;font-size:min(20px,2vw);font-weight:600;min-width:min(40px,4vw)}.team-logo{background:#0000;border-radius:4px!important;height:min(50px,5vw)!important;object-fit:contain!important;width:min(39px,3.9vw)!important}.team-name{color:var(--text-primary-main);flex-shrink:1;font-size:min(20px,2vw);min-width:0;overflow:hidden;padding:0 min(20px,2vw);text-overflow:ellipsis;white-space:nowrap}.home-name{flex:1 1;margin-right:min(16px,1.6vw);text-align:right}.away-name{flex:1 1;margin-left:min(16px,1.6vw);text-align:left}.score-container{min-width:60px;text-align:center}.score{color:var(--text-primary-main);flex-shrink:0;font-size:min(22px,2.2vw);font-weight:600;min-width:min(74px,7.4vw);text-align:center}.info-btn-container{display:inline-flex;position:relative}.action-btn{align-items:center;background:none;border:none;color:#4a4a4a;cursor:pointer!important;display:flex;height:min(32px,3.2vw);justify-content:center;margin-left:min(8px,.8vw);padding:min(4px,.4vw);pointer-events:auto!important;position:relative;transition:all .2s;width:min(32px,3.2vw)}.action-btn:hover{color:var(--text-secondary-main)}.action-btn svg{height:min(24px,2.4vw);width:min(24px,2.4vw)}.match-info-popup{background:#2c2c2ccf!important;border:1px solid #404040;border-radius:min(8px,.8vw);bottom:100%;box-shadow:0 4px 12px #00000080;display:none!important;left:50%;margin-bottom:min(8px,.8vw);min-width:min(340px,34vw);opacity:0;padding:min(12px,1.2vw) min(16px,1.6vw);position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out;z-index:9999!important}.info-item{font-size:min(12px,1.2vw)}.info-btn-container:hover .match-info-popup{display:block!important;opacity:1}.match-info-popup:after{border:4px solid #0000;border-top-color:#2c2c2c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.match-info-content{display:flex;flex-direction:column;gap:min(8px,.8vw)}.info-item{font-size:12px}.info-label{min-width:min(80px,8vw)}[data-theme=light] .match-info-popup{background:#f8f9fa!important;border:1px solid #dee2e6;box-shadow:0 4px 12px #00000026}[data-theme=light] .match-info-popup:after{border-top-color:#f8f9fa}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.pagination-container{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:min(16px,1.6vw);margin-top:min(32px,3.2vw);padding:min(24px,2.4vw) 0}.pagination-info{font-size:min(14px,1.4vw)}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:min(8px,.8vw);justify-content:center}.pagination-btn{border-radius:min(8px,.8vw);font-size:min(14px,1.4vw);font-weight:500;min-width:min(40px,4vw);padding:min(8px,.8vw) min(12px,1.2vw);transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-sidebar);color:var(--accent-red);transform:translateY(-1px)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{background:var(--bg-card-main);color:var(--text-secondary-main);opacity:.4}.pagination-btn.active{font-weight:600}.pagination-btn.active,.pagination-btn.active:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.pagination-btn.active:hover{transform:translateY(-1px)}.pagination-ellipsis{color:var(--text-secondary-main);font-weight:500;padding:min(8px,.8vw) min(4px,.4vw);-webkit-user-select:none;user-select:none}[data-theme=light] .pagination-container{border-top-color:var(--border-subtle)}[data-theme=light] .pagination-info{color:var(--text-secondary-main)}[data-theme=light] .pagination-btn{background:#fff;border-color:var(--border-subtle);color:var(--text-primary-main)}[data-theme=light] .pagination-btn:hover:not(:disabled){background:var(--bg-sidebar);border-color:var(--accent-red);color:var(--accent-red)}[data-theme=light] .pagination-btn:disabled{background:#f8f9fa;color:var(--text-secondary-main)}[data-theme=light] .pagination-btn.active{background:var(--accent-red);border-color:var(--accent-red);color:#fff}[data-theme=light] .pagination-ellipsis{color:var(--text-secondary-main)}.match-detail-page{background:var(--bg-main);color:var(--text-primary-main);min-height:100vh}.page-container{margin:0 auto;max-width:1440px;padding:24px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #334155;border-radius:50%;border-top-color:#df2946;height:40px;margin-bottom:1rem;width:40px}.page-header{margin-bottom:2rem}.match-header{background:var(--bg-card-main);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary-main);padding:1.5rem}.match-teams{align-items:center;flex-direction:row!important;gap:0;justify-content:space-between;margin-bottom:1rem}.team{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.75rem}.team img{border-radius:6px;height:80px;object-fit:contain;width:80px}.team span{font-size:16px;font-weight:600}.match-score{color:var(--text-primary-main);flex:0 0 auto;font-size:2rem;font-weight:700}.match-score,.match-status{align-items:center;display:flex;gap:1rem}.match-status{justify-content:center}.status{border:1px solid var(--border-subtle);border-radius:6px;font-size:14px;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.status.live{animation:pulse 2s infinite;background:var(--live-red);border-color:var(--live-red);color:#fff}.minute{color:var(--text-secondary-main);font-weight:500}.back-btn{align-items:center;background:var(--bg-card-main);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary-main);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.back-btn:hover{background:var(--bg-hover);border-color:var(--border-primary)}.player-section{margin-bottom:2rem}.match-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.match-info-card,.stream-info-card{background:var(--bg-card-main);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.match-info-card h2,.stream-info-card h2{border-bottom:1px solid var(--border-subtle);color:var(--text-primary-main);font-size:20px;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary-main);font-weight:500}.info-value{color:var(--text-primary-main);font-weight:600;text-align:right}.status-live{animation:pulse 2s infinite;color:var(--live-red)!important}.status-finished{color:var(--text-secondary-main)!important}.status-scheduled{color:var(--primary-blue)!important}.language-summary{display:flex;flex-wrap:wrap;gap:1rem}.language-item{align-items:center;background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:.5rem;padding:.75rem 1rem}.language-flag{border-radius:2px;box-shadow:0 1px 2px #0000001a;height:18px;object-fit:cover;width:24px}.language-name{color:var(--text-primary-main);font-weight:500}.stream-count{background:var(--bg-main);border-radius:4px;color:var(--text-secondary-main);font-size:14px;padding:.25rem .5rem}@media (max-width:768px){.page-container{padding:16px}.match-header{padding:1rem}.match-teams{flex-direction:row;gap:1rem}.team img{height:50px;width:50px}.team span{font-size:14px}.match-score{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.info-item{align-items:flex-start;flex-direction:column;gap:.25rem}.info-value{text-align:left}.language-summary{flex-direction:column}.match-details{gap:1rem}}@media (max-width:480px){.page-container{padding:12px}.match-info-card,.stream-info-card{padding:1rem}.team img{height:40px;width:40px}.team span{font-size:12px}.match-score{font-size:1.25rem}}.channels-page{background:var(--bg-main);color:var(--text-primary-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1440px;min-height:100vh;padding:20px}.channels-header{border-bottom:2px solid var(--border-subtle);margin-bottom:30px;padding:20px 0;text-align:center}.channels-header h1{color:var(--text-primary-main);font-size:2.5em;margin:0 0 15px}.channels-stats{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.stat{background:var(--accent-red);border-radius:8px;color:#fff;font-size:.9em;font-weight:600;padding:10px 20px}.channels-filters{align-items:end;background:var(--bg-card-main);border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:200px}.filter-group label{color:#555;font-size:.9em;font-weight:600}.filter-group input,.filter-group select{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:.9em;padding:10px;transition:border-color .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}.channels-content{margin-top:20px}.language-section{background:var(--bg-card-main);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:40px;overflow:hidden}.language-title{align-items:center;background:var(--accent-red);color:#fff;display:flex;font-size:1.5em;justify-content:space-between;margin:0;padding:20px 25px}.channel-count,.provider-count{font-size:.8em;font-weight:400;opacity:.9}.provider-section{margin-bottom:30px;padding:0 25px 25px}.provider-title{align-items:center;border-bottom:2px solid var(--border-subtle);color:var(--text-primary-main);display:flex;font-size:1.2em;justify-content:space-between;margin:25px 0 20px;padding-bottom:10px}.channels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.channels-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.channels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.channels-grid{grid-template-columns:1fr}}.channel-card{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:10px;padding:18px;transition:all .3s ease}.channel-card:hover{border-color:var(--accent-red);box-shadow:0 4px 15px #df294633;transform:translateY(-2px)}.channel-info{margin-bottom:15px}.channel-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary-main);display:-webkit-box;font-size:1em;line-height:1.3;margin:0 0 8px;overflow:hidden}.channel-category{color:#666;font-size:.85em;font-style:italic;margin:0}.channel-actions{display:flex;gap:10px;margin-bottom:10px}.play-btn{background:var(--accent-red);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:12px 16px;transition:all .3s ease;width:100%}.play-btn:hover{background:#c41e3a;box-shadow:0 4px 12px #df29464d;transform:translateY(-1px)}.player-modal{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.player-modal .modal-content{background:var(--bg-card-main);border:1px solid var(--border-subtle);border-radius:12px;max-height:90vh;max-width:800px;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:0}.modal-header h3{font-size:1.2em;margin:0}.close-btn,.modal-header h3{color:var(--text-primary-main)}.close-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.5em;padding:5px;transition:background .2s}.close-btn:hover{background:var(--border-subtle)}.player-container{padding:8px 0}.channel-details{color:var(--text-secondary-main);padding:0}.channel-details p{margin:8px 0}.channel-details strong{color:var(--text-primary-main)}.pagination{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:20px;justify-content:center;margin-top:30px;padding-top:20px}.pagination-btn{background:var(--bg-card-main);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary-main);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--accent-red);border-color:var(--accent-red);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary-main);font-weight:500}.error,.loading,.no-results{padding:60px 20px;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.error h2,.no-results h3{color:#666;margin-bottom:15px}.error button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px}.testing-modal{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:var(--bg-card-main);border-radius:12px;max-width:500px;padding:14px;width:90%}.modal-content h3{color:#333;margin-top:0}.modal-content p{color:#666;margin:10px 0;word-break:break-all}.modal-actions{margin-top:20px;text-align:right}.modal-actions button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}@media (max-width:768px){.channels-page{padding:15px}.channels-filters{flex-direction:column;gap:15px}.filter-group{min-width:auto}.channels-grid{grid-template-columns:1fr}.channels-stats{flex-direction:column;gap:10px}.language-title,.provider-title{align-items:flex-start;flex-direction:column;gap:5px}.provider-section{padding:0 15px 20px}.language-title{padding:15px 20px}}.support-page{background:#161616;margin:0 auto;max-width:1440px;min-height:calc(100vh - 200px);padding:40px 24px}.support-header{border-bottom:1px solid #303030;margin-bottom:48px;padding-bottom:24px;text-align:center}.support-title{color:#fff;font-size:36px;font-weight:700;margin-bottom:16px}.support-subtitle{color:grey;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.support-content{color:#fff;font-size:16px;line-height:1.8}.support-content h2{border-bottom:2px solid #df2946;color:#fff;display:inline-block;font-size:24px;font-weight:600;margin:32px 0 16px;padding-bottom:8px}.support-content h3{color:#fff;font-size:20px;font-weight:600;margin:24px 0 12px}.support-content p{color:#ccc;line-height:1.7;margin-bottom:16px}.support-content ol,.support-content ul{color:#ccc;margin:16px 0 16px 24px}.support-content li{margin-bottom:8px}.support-content a{color:#df2946;text-decoration:none;transition:all .2s}.support-content a:hover{color:#fff;text-decoration:underline}.contact-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:32px 0}.contact-card{background:#1c1e1d;border:1px solid #303030;border-radius:12px;padding:24px;transition:all .2s}.contact-card:hover{border-color:#df2946;transform:translateY(-2px)}.contact-card-icon{align-items:center;background:#df2946;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.contact-card-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.contact-card-text{color:grey;font-size:14px;line-height:1.6;margin-bottom:16px}.contact-card-link{color:#df2946;font-weight:600;text-decoration:none;transition:all .2s}.contact-card-link:hover{color:#fff}.contact-form{background:#1c1e1d;border:1px solid #303030;border-radius:12px;margin:32px 0;padding:32px}.form-group{margin-bottom:24px}.form-label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{background:#161616;border:1px solid #303030;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#df2946;box-shadow:0 0 0 3px #df29461a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-button{background:#df2946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.form-button:hover{background:#c91d3a;transform:translateY(-1px)}.help-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:32px 0}.help-card{background:#1c1e1d;border:1px solid #303030;border-radius:12px;cursor:pointer;padding:24px;transition:all .2s}.help-card:hover{border-color:#df2946;transform:translateY(-2px)}.help-card-icon{align-items:center;background:#df29461a;border-radius:8px;color:#df2946;display:flex;height:40px;justify-content:center;margin-bottom:16px;width:40px}.help-card-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.help-card-text{color:grey;font-size:14px;line-height:1.6}.info-box{background:#df29461a;border-left:4px solid #df2946;border-radius:0 8px 8px 0;margin:24px 0;padding:16px 20px}.info-box p{color:#fff;margin:0}@media (max-width:768px){.support-page{padding:24px 16px}.support-title{font-size:28px}.support-subtitle{font-size:16px}.contact-grid,.help-grid{gap:20px;grid-template-columns:1fr}.contact-form{padding:24px}}[data-theme=light] .support-page{background:#fff}[data-theme=light] .contact-card-title,[data-theme=light] .form-label,[data-theme=light] .help-card-title,[data-theme=light] .support-content h2,[data-theme=light] .support-content h3,[data-theme=light] .support-title{color:#212529}[data-theme=light] .contact-card-text,[data-theme=light] .help-card-text,[data-theme=light] .support-content li,[data-theme=light] .support-content p,[data-theme=light] .support-subtitle{color:#6c757d}[data-theme=light] .contact-card,[data-theme=light] .contact-form,[data-theme=light] .help-card{background:#f8f9fa;border:1px solid #dee2e6}[data-theme=light] .form-input,[data-theme=light] .form-textarea{background:#fff;border:1px solid #dee2e6;color:#212529}[data-theme=light] .info-box{background:#df29460d}[data-theme=light] .info-box p{color:#212529}:root{--primary-red:#dc2626;--primary-blue:#df2946;--primary-green:#16a34a;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#60a5fa;--border-primary:#334155;--border-secondary:#475569;--bg-main:#161616;--bg-card-main:#1c1e1d;--bg-sidebar:#303030;--text-primary-main:#fff;--text-secondary-main:grey;--accent-red:#df2946;--live-red:#df2946;--border-subtle:#303030;--status-live:#dc2626;--status-finished:#64748b;--status-scheduled:#94a3b8;--premier-league:#37003c;--la-liga:#ff6b00;--bundesliga:#d20515;--serie-a:#06c;--ligue-1:#dba111}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-card:#fff;--bg-hover:#f8f9fa;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#868e96;--text-accent:#06c;--border-primary:#dee2e6;--border-secondary:#adb5bd;--bg-main:#fff;--bg-card-main:#f8f9fa;--bg-sidebar:#e9ecef;--text-primary-main:#212529;--text-secondary-main:#6c757d;--border-subtle:#dee2e6;--accent-red:#df2946;--live-red:#df2946}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#f8fafc;color:var(--text-primary);font-weight:600}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.container{padding:0 1rem}.container,.main-content,.main-layout,.match-detail-page,.support-page{margin:0 auto;max-width:1440px}.main-layout{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:280px 1fr 300px;min-height:100vh;padding:70px 0 0;width:100%}@media (max-width:1024px){.main-layout{grid-template-columns:250px 1fr}.news-sidebar{display:none}}@media (max-width:768px){.main-layout{grid-template-columns:1fr;padding:60px 1rem 0}.leagues-sidebar{display:none}}.header{background:#1e293b;background:var(--bg-secondary);border-bottom:1px solid #334155;border-bottom:1px solid var(--border-primary);height:70px;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1000}.header,.header-content{align-items:center;display:flex}.header-content{justify-content:space-between;margin:0 auto;max-width:1440px;width:100%}.logo{color:#f8fafc;color:var(--text-primary);font-size:1.25rem;gap:.5rem;text-decoration:none}.logo,.logo-icon{align-items:center;display:flex;font-weight:700}.logo-icon{background:#dc2626;background:var(--primary-red);border-radius:50%;color:#fff;height:32px;justify-content:center;width:32px}.search-container{flex:1 1;margin:0 2rem;max-width:400px;position:relative}.search-input{background:#334155;background:var(--bg-tertiary);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:8px;color:#f8fafc;color:var(--text-primary);font-size:14px;height:40px;padding:0 1rem 0 2.5rem;width:100%}.search-icon,.search-input::placeholder{color:#94a3b8;color:var(--text-muted)}.search-icon{height:16px;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:16px}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:6px;color:#cbd5e1;color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.nav-link.active,.nav-link:hover{background:#334155;background:var(--bg-hover);color:#f8fafc;color:var(--text-primary)}.connection-status{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:.5rem;padding:.25rem .75rem}.connection-status.connected{background:#22c55e1a;color:#22c55e}.connection-status.disconnected{background:#ef44441a;color:#ef4444}.status-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.sidebar{background:#1e293b;background:var(--bg-secondary);border-radius:12px;height:fit-content;padding:1.5rem;position:sticky;top:90px}.sidebar-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.sidebar-title{color:#f8fafc;color:var(--text-primary);font-size:1.125rem;font-weight:600}.collapse-btn{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:all .2s}.collapse-btn:hover{background:#334155;background:var(--bg-hover);color:#f8fafc;color:var(--text-primary)}.league-list{list-style:none}.league-item{margin-bottom:0}.league-link{align-items:center;border:1px solid #0000;border-radius:8px;color:#cbd5e1;color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.league-link.active,.league-link:hover{background:#334155;background:var(--bg-hover);border-color:#475569;border-color:var(--border-secondary);color:#f8fafc;color:var(--text-primary)}.league-logo{border-radius:4px;height:24px;object-fit:cover;width:24px}.league-name{font-size:14px;font-weight:500}.league-country{color:#94a3b8;color:var(--text-muted);font-size:12px}.matches-container{display:flex;flex-direction:column;gap:1.5rem}.league-section{background:#1e293b;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.league-header{align-items:center;background:#334155;background:var(--bg-tertiary);border-bottom:1px solid #334155;border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;padding:1rem 1.5rem}.league-header-logo{border-radius:6px;height:32px;object-fit:cover;width:32px}.league-header-info h3{font-size:1.125rem;margin-bottom:.25rem}.league-header-info p{color:#94a3b8;color:var(--text-muted);font-size:12px}.matches-list{display:flex;flex-direction:column}.match-card{align-items:center;border-bottom:1px solid #303030;cursor:pointer;display:flex;padding:1rem 1.5rem;transition:all .2s}.match-card:hover{background:#334155;background:var(--bg-hover)}.match-card:last-child{border-bottom:none}.match-time{align-items:center;display:flex;flex-direction:column;margin-right:1.5rem;min-width:80px}.match-status{border-radius:4px;font-size:12px;font-weight:600;min-width:60px;padding:.25rem .5rem;text-align:center}.match-status.live{animation:pulse 2s infinite;background:#dc2626;background:var(--status-live);color:#fff}.match-status.finished{background:#64748b;background:var(--status-finished);color:#fff}.match-status.scheduled{background:#0000;border:1px solid #334155;border:1px solid var(--border-primary);color:#94a3b8;color:var(--text-muted)}.match-minute{color:#94a3b8;color:var(--text-muted);font-size:11px;margin-top:.25rem}.match-teams{flex:1 1;flex-direction:column}.match-teams,.team-row{display:flex;gap:.75rem}.team-row{align-items:center}.team-logo{border-radius:4px;height:30px;object-fit:cover;width:24px}.team-name{flex:1 1;font-weight:500}.team-name,.team-score{color:#f8fafc;color:var(--text-primary)}.team-score{font-size:1.125rem;font-weight:700;min-width:24px;text-align:center}.match-events{display:flex;flex-direction:column;gap:.25rem;margin-left:1rem;min-width:120px}.event{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:12px;gap:.5rem}.event-icon{height:14px;width:14px}.event.goal{color:#16a34a;color:var(--primary-green)}.event.card{color:#fbbf24}.news-sidebar{background:#1e293b;background:var(--bg-secondary);border-radius:12px;height:fit-content;padding:1.5rem;position:sticky;top:90px}.news-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--border-primary);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.news-title{font-size:1.125rem;font-weight:600}.trending-icon{color:#f59e0b}.news-list{display:flex;flex-direction:column;gap:1rem}.news-item{border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.news-item:hover{background:#334155;background:var(--bg-hover);border-color:#475569;border-color:var(--border-secondary)}.news-image{border-radius:6px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.news-content{flex:1 1}.news-headline{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f8fafc;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:.5rem;overflow:hidden}.news-meta{color:#94a3b8;color:var(--text-muted);font-size:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}.loading{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;justify-content:center;padding:2rem}.spinner{animation:spin 1s linear infinite;border:2px solid #334155;border-top:2px solid #df2946;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-blue);height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{align-items:center;color:#ef4444;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;text-align:center}.error-icon{color:#ef4444;height:48px;width:48px}.notifications-container{display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1rem;top:90px;z-index:1000}.notification{animation:slideIn .3s ease-out;background:#1e293b;background:var(--bg-secondary);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 32px #0000004d;min-width:300px;padding:1rem}.notification.goal{border-left:4px solid #16a34a;border-left:4px solid var(--primary-green)}.notification.status{border-left:4px solid #df2946;border-left:4px solid var(--primary-blue)}.notification-header{align-items:center;display:flex;justify-content:between;margin-bottom:.5rem}.notification-title{font-size:14px;font-weight:600}.notification-close{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;padding:.25rem}.notification-message{color:#cbd5e1;color:var(--text-secondary);font-size:13px}@media (max-width:640px){.header{height:60px;padding:0 .75rem}.search-container{display:none}.main-layout{gap:1rem;padding:60px 1rem 0}.match-card{padding:.75rem 1rem}.match-teams{gap:.5rem}.team-name{font-size:13px}.notifications-container{left:1rem;right:1rem}.notification{min-width:auto}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.visible{display:block}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}
/*# sourceMappingURL=main.beac48af.css.map*/