body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.player .btn{background:#141414;border:1px solid #333;border-radius:8px;color:#eee;padding:6px 10px}.player .btn:hover{background:#1b1b1b}.player .progress-bar{background:#2a2a2a;border-radius:6px;cursor:pointer;height:6px;margin-bottom:6px;overflow:hidden;position:relative}.player .progress-buffer{background:#555;bottom:0;left:0;position:absolute;top:0}.player .progress-current{background:#0aa84f;bottom:0;left:0;position:absolute;top:0}.center-controls{inset:0;pointer-events:none;position:absolute}.big-play-btn{background:#000a;border:0;font-size:32px;height:64px;pointer-events:auto;width:64px}.player{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);box-sizing:border-box;margin:0 auto;max-width:100%;overflow:hidden;position:relative;transition:all .3s ease-in-out}.player,.player-video{background:#000;width:100%}.player-video{cursor:pointer;display:block;height:auto;max-height:70vh;min-height:200px;object-fit:contain}.controls-bar{align-items:center;background:linear-gradient(#0000,#000000e6);bottom:0;display:flex;flex-wrap:wrap;gap:12px;left:0;opacity:0;padding:15px;position:absolute;right:0;transition:opacity .2s ease;z-index:10}.player.show-controls .controls-bar,.player:hover .controls-bar{opacity:1}@media (hover:none) and (pointer:coarse){.controls-bar{opacity:1}.player:not(:hover) .controls-bar{opacity:.8}}.btn,.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:44px;justify-content:center;min-width:44px;padding:10px 16px;transition:all .2s ease}.btn:hover,.control-btn:hover{background:#ffffff40;border-color:#ffffff80}.volume-slider{width:100px}.volume-slider::-webkit-slider-thumb{background:#fff}.volume-slider::-moz-range-thumb{background:#fff}.quality-select,.speed-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;color:#fff;cursor:pointer;font-size:12px;min-height:36px;padding:8px 12px}.quality-select:focus,.speed-select:focus{border-color:var(--primary-color);outline:none}.quality-select option,.speed-select option{background:#333;color:#fff}.player-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545f2;border:1px solid #dc3545cc;color:#fff;left:50%;padding:20px 24px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.player-error button{background:#fff3;border:1px solid #ffffff4d;color:#fff;cursor:pointer;margin-top:12px;padding:10px 20px;transition:all .2s ease}.player-error button:hover{background:#ffffff4d}.stream-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;color:#fff;font-size:12px;padding:10px 16px;position:absolute;right:20px;top:20px}.player:-moz-full-screen:not(:hover) .controls-bar,.player:-ms-fullscreen:not(:hover) .controls-bar,.player:-webkit-full-screen:not(:hover) .controls-bar,.player:fullscreen:not(:hover) .controls-bar{opacity:0;-webkit-transition:opacity .5s ease 2s;-moz-transition:opacity .5s ease 2s;-ms-transition:opacity .5s ease 2s;transition:opacity .5s ease 2s}@media (max-width:768px){.player{border-radius:8px;margin-bottom:10px}.player-video{border-radius:8px;max-height:50vh;min-height:180px}.controls-bar{gap:6px;padding:8px 12px}.btn,.control-btn{border-radius:6px;font-size:12px;min-height:40px;min-width:40px;padding:8px 10px}.volume-slider{width:50px}.quality-select,.speed-select{border-radius:4px;font-size:12px;min-width:60px;padding:6px 8px}.player:-moz-full-screen .quality-select,.player:-moz-full-screen .speed-select,.player:-ms-fullscreen .quality-select,.player:-ms-fullscreen .speed-select,.player:-webkit-full-screen .quality-select,.player:-webkit-full-screen .speed-select,.player:fullscreen .quality-select,.player:fullscreen .speed-select{font-size:16px!important;min-height:48px!important;min-width:80px!important;padding:10px 12px!important}}@media (max-width:480px){.player,.player-video{border-radius:6px}.player-video{max-height:40vh;min-height:160px}.controls-bar{-ms-overflow-style:none;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:6px 8px;scrollbar-width:none}.controls-bar::-webkit-scrollbar{display:none}.control-btn{flex-shrink:0;font-size:11px;min-height:36px;min-width:36px;padding:6px 8px}.quality-select,.speed-select{font-size:11px;min-width:50px;padding:4px 6px}.volume-slider{flex-shrink:0;width:40px}}[data-theme=dark] .player{box-shadow:0 4px 20px #0009}[data-theme=light] .player{box-shadow:0 4px 20px #0003}.player-preview{border-radius:var(--border-radius);height:400px;overflow:hidden;position:relative;width:100%}.preview-image{object-position:center}.preview-overlay{align-items:center;background:linear-gradient(135deg,#0000004d,#000000b3);display:flex;inset:0;justify-content:center}.preview-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #fff3;border-radius:15px;color:#fff;max-width:80%;padding:30px;text-align:center}.preview-status{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:15px}.preview-icon{animation:pulse 2s infinite;font-size:32px}.preview-text{font-size:18px;font-weight:600;text-shadow:0 2px 4px #000c}.preview-title{font-size:16px;font-weight:500;line-height:1.4;opacity:.9;text-shadow:0 1px 2px #000c}@media (max-width:768px){.player:-webkit-full-screen:before,.player:fullscreen:before{background:#000;content:"";inset:0;position:fixed;z-index:-1}}.football-match-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000d;box-sizing:border-box;color:var(--text-color);cursor:pointer;margin-bottom:0;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.football-match-card:before{background:linear-gradient(135deg,#22c55e08,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.football-match-card:hover{border-color:#22c55e4d;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;transform:translateY(-2px)}.football-match-card:hover:before{opacity:1}.football-match-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #22c55e33,0 8px 32px #00000026}.football-match-card.main-card{animation:mainCardGradient 20s ease infinite;background:linear-gradient(135deg,#0d4a1e,#1a5c2e 25%,#22c55e 50%,#16a34a 75%,#15803d);background-size:200% 200%;border:2px solid #22c55e4d;border-radius:var(--radius-2xl);box-shadow:0 16px 64px #0000004d,inset 0 1px 0 #22c55e33;margin:var(--spacing-xl) 0;min-height:380px;padding:var(--spacing-3xl);position:relative}@keyframes mainCardGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.football-match-card.main-card:before{background:linear-gradient(135deg,#22c55e26,#0000 50%,#22c55e14)}.football-field-bg{bottom:0;left:0;opacity:.15;pointer-events:none;position:absolute;right:0;top:0}.field-lines{animation:fieldGlow 3s ease-in-out infinite alternate;border:3px solid #fffc;border-radius:8px;height:65%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:85%}@keyframes fieldGlow{0%{border-color:#fff9;box-shadow:0 0 20px #ffffff1a}to{border-color:#fffc;box-shadow:0 0 30px #fff3}}.field-lines:before{background:#fffc;border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.center-circle{animation:centerPulse 4s ease-in-out infinite;border:3px solid #fffc;border-radius:50%;height:90px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}@keyframes centerPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.center-circle:before{background:#ffffffe6;border-radius:50%;box-shadow:0 0 10px #ffffff80;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.penalty-area{border:3px solid #ffffffb3;border-radius:4px;height:130px;position:absolute;top:50%;transform:translateY(-50%);width:70px}.penalty-area.left{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;left:8%}.penalty-area.right{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0;right:8%}.match-content{position:relative;z-index:1}.main-card .match-content{color:#fff}.match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.tournament-info{align-items:center;gap:var(--spacing-sm)}.tournament{font-size:13px}.main-card .tournament{background:#ffffff1a;border-radius:var(--radius-xs);color:#ffffffe6}.main-card .tournament,.status{padding:var(--spacing-xs) var(--spacing-xs)}.status{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:11px;font-weight:600;gap:var(--spacing-xs);letter-spacing:.5px;text-transform:uppercase}.status.live{animation:pulse 2s infinite;background:var(--danger-color);color:#fff}.status.upcoming{background:var(--border-color);color:var(--text-secondary)}.main-card .status.upcoming{background:#fff3;color:#fff}.live-dot{animation:blink 1s infinite;background:#fff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.teams-section{justify-content:space-between;margin-bottom:var(--spacing-lg)}.team,.teams-section{align-items:center;display:flex}.team{gap:var(--spacing-sm)}.team.away-team{flex-direction:row-reverse;text-align:right}.team-logo{background:#fffffff2;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;height:48px;object-fit:contain;padding:var(--spacing-xs);transition:all .3s ease;width:48px}.football-match-card:hover .team-logo{box-shadow:0 4px 16px #0000001f,0 2px 4px #0000000f}.main-card .team-logo{border-radius:var(--radius-xl);box-shadow:0 6px 20px #0003,0 3px 8px #00000026;height:64px;width:64px}.team-logo-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color-light) 0,#22c55e33 100%);border:2px solid var(--primary-color);border-radius:var(--radius-lg);color:var(--primary-color);display:flex;font-size:12px;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px}.football-match-card:hover .team-logo-placeholder{background:linear-gradient(135deg,#22c55e33,#22c55e4d);border-color:var(--primary-color)}.main-card .team-logo-placeholder{background:#ffffffe6;border-color:#fff6;border-radius:var(--radius-xl);box-shadow:0 6px 20px #0003,0 3px 8px #00000026;color:#0d4a1ee6;font-size:14px;height:64px;width:64px}.team-info{flex:1 1}.team-name{color:var(--text-color);margin:0 0 4px}.main-card .team-name,.team-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}.main-card .team-name{color:#fff;font-size:18px;text-shadow:0 2px 4px #0000004d}.team-venue{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;opacity:.8}.main-card .team-venue{color:#fffc}.match-center{margin:0 var(--spacing-lg);min-width:80px}.match-center,.vs-separator{align-items:center;display:flex;justify-content:center}.vs-separator{background:var(--primary-color-light);border:2px solid var(--primary-color);border-radius:var(--radius-full);box-sizing:border-box;height:44px;overflow:hidden;padding:0;transition:all .3s ease;width:44px}.football-match-card:hover .vs-separator{background:var(--primary-color-light);border-color:var(--primary-color)}.main-card .vs-separator{background:#ffffff1a;border-color:#fff6;box-shadow:0 0 20px #fff3;color:#fff;font-size:15px;height:54px;width:54px}.vs-team-logos{align-items:center;display:flex;gap:2px;height:100%;justify-content:center;position:relative;width:100%}.vs-team-logo{background:#fff;border:1px solid var(--primary-color);border-radius:var(--radius-full);box-shadow:0 1px 4px #00000014;height:18px;object-fit:contain;width:18px;z-index:1}.main-card .vs-team-logo{border:1.5px solid #fff;height:22px;width:22px}.vs-team-logo-placeholder{align-items:center;background:var(--primary-color-light);border:1px solid var(--primary-color);border-radius:var(--radius-full);color:var(--primary-color);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px;z-index:1}.main-card .vs-team-logo-placeholder{border:1.5px solid #fff;font-size:12px;height:22px;width:22px}.vs-text{background:#0000;color:var(--primary-color);font-size:11px;margin:0 2px;z-index:2}.main-card .vs-text{color:#fff;font-size:13px}.score{align-items:center;display:flex;justify-content:center}.score-value{background:var(--primary-color-light);border-radius:var(--radius-md);color:var(--primary-color);font-size:24px;font-weight:700;padding:var(--spacing-xs) var(--spacing-md)}.main-card .score-value{background:#fff3;color:#fff;font-size:28px}.squad-preview{grid-gap:var(--spacing-xl);border-top:1px solid #fff3;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl)}.squad-section h4{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0;opacity:.9;text-transform:uppercase}.players-list{flex-direction:column}.player-item,.players-list{display:flex;gap:var(--spacing-xs)}.player-item{align-items:center;font-size:12px;padding:var(--spacing-xs) 0}.player-number{align-items:center;background:#fff3;border-radius:var(--radius-xs);color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.player-name{color:#fff;flex:1 1;font-weight:600}.player-position{color:#ffffffb3;font-size:10px;text-transform:uppercase}.match-venue{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md);text-align:center}.main-card .match-venue{border-top-color:#fff3}.match-venue span{color:var(--text-secondary);font-size:12px;font-style:italic}.main-card .match-venue span{color:#fffc}@media (max-width:1024px){.football-match-card.main-card{min-height:380px;padding:var(--spacing-3xl) var(--spacing-xl)}.main-card .team-logo,.main-card .team-logo-placeholder{height:60px;width:60px}.main-card .team-name{font-size:16px}}@media (max-width:768px){.football-match-card{border-radius:var(--radius-md);margin-bottom:0;padding:var(--spacing-md)}.football-match-card.main-card{border-radius:var(--radius-lg);min-height:320px;padding:var(--spacing-lg) var(--spacing-md)}.teams-section{flex-direction:column;gap:var(--spacing-md)}.team{gap:var(--spacing-xs)}.team,.team.away-team{flex-direction:column;text-align:center}.match-center{margin:var(--spacing-md) 0}.squad-preview{gap:var(--spacing-md);grid-template-columns:1fr;margin-top:var(--spacing-lg)}.main-card .team-logo,.team-logo{height:36px;width:36px}.main-card .team-logo-placeholder,.team-logo-placeholder{font-size:10px;height:36px;width:36px}.main-card .team-name{font-size:15px}.main-card .vs-separator,.vs-separator{font-size:12px;height:40px;width:40px}}@media (max-width:480px){.football-match-card{border-radius:var(--radius-sm);padding:var(--spacing-sm)}.football-match-card.main-card{border-radius:var(--radius-md);min-height:280px;padding:var(--spacing-lg) var(--spacing-sm)}.match-header{margin-bottom:var(--spacing-md)}.tournament-info{gap:var(--spacing-xs)}.tournament{font-size:12px}.status{font-size:10px;padding:3px var(--spacing-xs)}.main-card .team-name{font-size:14px}.main-card .score-value{font-size:20px;padding:var(--spacing-xs) var(--spacing-sm)}.main-card .vs-separator,.vs-separator{font-size:11px;height:36px;width:36px}.main-card .team-logo,.team-logo{height:32px;width:32px}.main-card .team-logo-placeholder,.team-logo-placeholder{font-size:9px;height:32px;width:32px}}.hls-player{background:#111;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 0 24px #00000080;margin:0 auto;max-width:1200px;overflow:hidden;transition:background .3s ease,box-shadow .3s ease}.hls-player,.player-container{box-sizing:border-box;position:relative;width:100%}.player-container{padding:20px;z-index:2}.video-wrapper{aspect-ratio:16/9;background:#000;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 0 12px #000000b3;box-sizing:border-box;overflow:hidden;position:relative;transition:box-shadow .3s ease,border-color .3s ease;width:100%}.video-element{background:#000;height:100%;object-fit:cover;width:100%}.hls-player.is-loading{animation-play-state:paused;box-shadow:0 0 30px #22c55e40,0 20px 60px #00000059}.hls-player.is-loading *{transition:none!important}.hls-player.is-loading .video-wrapper{border:2px solid #ffffff40;box-shadow:0 0 12px #ffffff2e,inset 0 0 12px #00000040}.hls-player.is-loading .video-wrapper:hover .controls-overlay{opacity:0!important;pointer-events:none!important}.loading-overlay{background:#000000a6;contain:layout paint;inset:0;justify-content:center;pointer-events:all;position:absolute;transform:none!important;z-index:10}.loading-overlay,.loading-spinner{align-items:center;display:flex;flex-direction:column}.loading-spinner{color:#1b7c38;gap:12px;padding-top:40;text-align:center}.spinner{animation:spin .9s linear infinite;border:3px solid #22c55e47;border-radius:50%;border-top-color:#22c55e;height:32px;width:32px;will-change:transform}.loading-spinner span{font-size:13px;font-weight:600;letter-spacing:.02em;opacity:.9;transform:none!important}.error-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.error-content{color:#fff;max-width:300px;padding:20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-content h4{color:#ff6b6b;font-size:18px;font-weight:600;margin:0 0 8px}.error-content p{font-size:14px;line-height:1.4;margin:0 0 20px;opacity:.8}.refresh-button{background:linear-gradient(135deg,#22c55e,#16a34a);border:0;border-radius:8px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.refresh-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.controls-overlay{background:linear-gradient(#0000,#000000d9);bottom:0;left:0;opacity:0;padding:14px 18px 20px;position:absolute;right:0;transition:opacity .14s ease;z-index:5}.video-wrapper:hover .controls-overlay{opacity:1}.controls{gap:12px}.control-button,.controls{align-items:center;color:#fff;display:flex}.control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;height:40px;justify-content:center;padding:8px;transition:transform .12s ease,background-color .12s ease,border-color .12s ease;width:40px}.control-button:hover{background:#22c55e4d;border-color:#22c55e80;transform:scale(1.03)}.control-button svg{height:20px;width:20px}.play-pause svg{height:24px;width:24px}.volume-control{align-items:center;display:flex;margin:0 8px}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#22c55e;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:16px;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}.volume-slider::-webkit-slider-thumb:hover{background:#16a34a;transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#22c55e;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:16px;width:16px}.stream-info{align-items:center;display:flex;flex:1 1;gap:12px;margin:0 12px;min-width:0}.stream-title{font-size:14px;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-indicator{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:12px;color:#ff6b6b;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.live-dot{animation:liveBlink 1.5s infinite;background:#ff6b6b;border-radius:50%;height:6px;width:6px}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.3}}.hls-player.no-stream{animation:none;background:#ffffff05;border:1px solid #ffffff14;box-shadow:0 8px 32px #0003}.hls-player.no-stream:before{display:none}.no-stream-content{align-items:center;color:#fffc;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-stream-icon{font-size:4rem;margin-bottom:24px;opacity:.3}.no-stream-content h3{color:#ffffffe6;font-size:1.5rem;font-weight:700;margin:0 0 12px}.no-stream-content p{font-size:1rem;line-height:1.5;margin:0;max-width:400px;opacity:.7}@media (max-width:768px){.player-container{padding:16px}.volume-control{display:none}.stream-title{font-size:12px;max-width:120px}}@media (max-width:480px){.player-container{padding:12px}.controls-overlay{padding:16px}.stream-title{font-size:11px;max-width:80px}}.hls-player.fullscreen-active,:where(.hls-player,.video-wrapper,.video-element):fullscreen{background:#000!important;border:none!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;margin:0!important;max-width:none!important;width:100vw!important}.hls-player.fullscreen-active .player-container,:where(.hls-player,.video-wrapper,.video-element):fullscreen .player-container{padding:0!important}.hls-player.fullscreen-active .video-wrapper,:where(.hls-player,.video-wrapper,.video-element):fullscreen .video-wrapper{aspect-ratio:auto;border:none!important;border-radius:0!important;height:100vh!important;width:100vw!important}.hls-player.fullscreen-active .video-element,:where(.hls-player,.video-wrapper,.video-element):fullscreen .video-element{height:100%!important;object-fit:cover;width:100%!important}.control-button:focus,.volume-slider:focus{outline:2px solid #22c55e80;outline-offset:2px}@media (prefers-reduced-motion:reduce){.control-button,.hls-player,.spinner{animation:none!important;transition:none!important}}.home-page{background:radial-gradient(circle at 50% 30%,#22c55e08 2px,#0000 0),radial-gradient(circle at 50% 70%,#22c55e05 2px,#0000 0),radial-gradient(circle at 50% 50%,#0000 80px,#22c55e0a 81px,#22c55e0a 83px,#0000 84px),linear-gradient(90deg,#0000 48%,#22c55e08 49%,#22c55e08 51%,#0000 52%),linear-gradient(0deg,#0000 48%,#22c55e05 49%,#22c55e05 51%,#0000 52%),linear-gradient(135deg,#151b23,#1a2129 25%,#1c2329 50%,#1a2129 75%,#151b23);background-size:120px 120px,120px 120px,400px 400px,200px 200px,200px 200px,100% 100%;min-height:100vh;overflow-x:hidden;padding:40px 0;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home-page:before{background-image:linear-gradient(45deg,#0000 49%,#22c55e05 50%,#0000 51%),linear-gradient(-45deg,#0000 49%,#22c55e05 50%,#0000 51%);background-position:0 0,0 0;background-size:60px 60px,60px 60px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}@keyframes floatingElements{0%{transform:translateX(0) translateY(0)}33%{transform:translateX(-20px) translateY(-10px)}66%{transform:translateX(20px) translateY(10px)}to{transform:translateX(0) translateY(0)}}.home-page:after{background-image:radial-gradient(circle at 20% 80%,#22c55e03 1px,#0000 0),radial-gradient(circle at 80% 20%,rgba(34,197,94,.008) 1px,#0000 0),radial-gradient(circle at 40% 40%,rgba(34,197,94,.006) 1px,#0000 0);background-size:200px 200px,300px 300px,150px 150px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home-content{margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-lg) var(--spacing-3xl) var(--spacing-lg);position:relative;z-index:1}.featured-match-section,.live-streams-section,.upcoming-matches-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#21262d66;border:1px solid #ffffff14;border-radius:var(--radius-xl);margin-bottom:var(--spacing-4xl);overflow:hidden;padding:var(--spacing-2xl);position:relative;transition:all .3s ease}.featured-match-section:before,.live-streams-section:before,.upcoming-matches-section:before{background:linear-gradient(135deg,#22c55e05,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.featured-match-section h2,.live-streams-section h2,.upcoming-matches-section h2{color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-sm);position:relative;text-align:left}.featured-match-section h2:after,.live-streams-section h2:after,.upcoming-matches-section h2:after{background:var(--primary-color);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.matches-grid{margin-top:var(--spacing-lg)}@media (max-width:1024px){.matches-grid{gap:var(--grid-gap-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.matches-grid{gap:var(--grid-gap-sm);grid-template-columns:1fr}}@media (max-width:480px){.matches-grid{gap:var(--grid-gap-xs)}}.no-matches{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#21262d99;border:1px solid #ffffff1a;border-radius:var(--radius-xl);margin:var(--spacing-lg) auto;max-width:var(--narrow-max-width);padding:var(--spacing-5xl) var(--spacing-lg);text-align:center}.no-matches-content h3{color:var(--text-color);font-size:1.3rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.no-matches-content h3,.no-matches-content p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}.no-matches-content p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 0 var(--spacing-md) 0}.no-matches-content a{color:var(--primary-color);font-weight:600;text-decoration:none}.no-matches-content a:hover{text-decoration:underline}@media (max-width:1024px){.home-page{padding:var(--spacing-2xl) 0}.home-content{padding:0 var(--spacing-xl) var(--spacing-3xl) var(--spacing-xl)}.featured-match-section,.live-streams-section,.upcoming-matches-section{margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl)}}@media (max-width:768px){.home-page{padding:var(--spacing-lg) 0}.home-content{padding:0 var(--spacing-md) var(--spacing-2xl) var(--spacing-md)}.featured-match-section,.live-streams-section,.upcoming-matches-section{border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.featured-match-section h2,.live-streams-section h2,.upcoming-matches-section h2{font-size:1.3rem;margin-bottom:var(--spacing-lg)}}@media (max-width:480px){.home-page{padding:var(--spacing-md) 0}.home-content{padding:0 var(--spacing-sm) var(--spacing-xl) var(--spacing-sm)}.featured-match-section,.live-streams-section,.upcoming-matches-section{border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.featured-match-section h2,.live-streams-section h2,.upcoming-matches-section h2{font-size:1.2rem;margin-bottom:var(--spacing-md)}.no-matches{margin:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-md)}.no-matches,.player-section{border-radius:var(--radius-lg)}.player-section{margin:var(--spacing-md) 0;padding:var(--spacing-md)}}.player-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#21262dcc;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;margin:var(--spacing-2xl) auto;max-width:var(--content-max-width);padding:var(--spacing-xl)}.player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.player-header h2{align-items:center;color:var(--text-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:1.4rem;font-weight:600;gap:8px;margin:0}.close-player{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;font-size:16px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.close-player:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.05)}.main-player{margin-bottom:var(--spacing-md)}.match-info{border-top:1px solid var(--border-color);padding:var(--spacing-md) 0}.tournament{color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:14px;font-weight:500}.live-badge{animation:pulse 2s infinite;background:var(--danger-color);border-radius:var(--radius-sm);box-shadow:0 2px 8px #ef444466;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.hero-section{background:linear-gradient(135deg,#3498db1a 0,var(--primary-color) 100%);color:#fff;margin-bottom:var(--spacing-3xl);overflow:hidden;padding:var(--spacing-5xl) var(--spacing-lg);position:relative;text-align:center}.hero-title{font-size:48px;font-weight:800;letter-spacing:.02em;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.hero-subtitle{font-size:20px;margin-bottom:var(--spacing-2xl);opacity:.9}.hero-stats{display:flex;gap:var(--spacing-3xl);justify-content:center;margin-top:var(--spacing-2xl)}.stat-label{letter-spacing:.02em}@media (max-width:768px){.player-section{margin:var(--spacing-md);padding:var(--spacing-md)}.player-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.player-header h2{font-size:18px}.close-player{align-self:flex-end;font-size:14px;padding:var(--spacing-xs) 10px}.match-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.hero-section{padding:var(--spacing-3xl) var(--spacing-md)}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-stats{flex-direction:column;gap:var(--spacing-lg)}.stat-number{font-size:24px}}@media (max-width:480px){.player-header h2{font-size:16px}.hero-title{font-size:28px}}@media (min-width:1201px){.home-content{margin:0 auto;padding:0 var(--spacing-3xl) var(--spacing-3xl) var(--spacing-3xl)}.home-content,.no-live-streams,.player-section{max-width:var(--content-max-width)}}.no-live-streams{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--spacing-lg) auto;max-width:var(--narrow-max-width);padding:var(--spacing-6xl) var(--spacing-lg);text-align:center}.no-live-streams h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 12px}.no-live-streams p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 20px}.schedule-link{align-items:center;background:var(--primary-color);border-radius:var(--border-radius);color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all var(--transition-normal)}.schedule-link:hover{background:var(--primary-color-dark);transform:translateY(-2px)}.hls-player-section{margin-bottom:40px}.section-header{margin-bottom:30px;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a 50%,#15803d);background-clip:text;-webkit-background-clip:text;gap:12px;justify-content:center;margin:0 0 20px}.soccer-emoji{animation:bounce 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.2rem}.loading-indicator{animation:pulse 1.5s infinite;font-size:1.5rem;margin-left:8px}.stream-count{font-size:1rem;margin-left:8px;opacity:.7}.stream-selector{display:flex;gap:8px;justify-content:center;margin-top:16px}.stream-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #22c55e4d;border-radius:20px;color:#fffc;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.stream-btn:hover{background:#22c55e33;border-color:#22c55e80;color:#fff;transform:translateY(-1px)}.stream-btn.active{background:#22c55e4d;border-color:#22c55e;box-shadow:0 4px 12px #22c55e4d;color:#fff}.stream-info-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#21262d99;border:1px solid #ffffff1a;border-radius:12px;margin-top:20px;padding:20px}.stream-info-panel h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 12px;text-align:center}.stream-details{flex-wrap:wrap;font-size:14px;gap:16px;justify-content:center}.stream-details,.stream-status{align-items:center;display:flex}.stream-status{color:#22c55e;font-weight:600;gap:6px}.status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.stream-quality,.stream-viewers{align-items:center;color:#fffc;display:flex;gap:4px}.stream-info-panel{display:flex;flex-direction:column;gap:24px}.current-stream-info{text-align:center}.upcoming-schedule{border-top:1px solid #ffffff1a;padding-top:20px}.schedule-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;margin:0 0 16px;text-align:center}.schedule-list{gap:12px}.schedule-item{grid-gap:16px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:16px;grid-template-columns:80px 1fr;padding:12px 16px}.schedule-item:hover{background:#ffffff14;transform:translateY(-1px)}.schedule-time{align-items:center;display:flex;flex-direction:column;gap:2px}.schedule-date{color:#fff9;font-size:11px;font-weight:500}.schedule-clock{color:var(--primary-color);font-size:16px;font-weight:700}.schedule-content{flex-direction:column;gap:6px}.schedule-title-text{color:#fff;font-size:14px;font-weight:600;line-height:1.3}.status-badge{border-radius:10px;font-size:10px;padding:2px 8px}.upcoming-badge{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.schedule-more{border-top:1px solid #ffffff0d;margin-top:8px;padding-top:12px;text-align:center}.schedule-more-link{color:var(--primary-color);font-size:13px;font-weight:600;text-decoration:none;transition:all .3s ease}.schedule-more-link:hover{color:#fff;text-decoration:underline}.no-upcoming{color:#fff9;font-size:14px;padding:20px;text-align:center}.no-upcoming p{margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media (max-width:768px){.hls-player-section{margin-bottom:30px}.section-header{margin-bottom:20px}.section-header h2{font-size:1.5rem}.soccer-emoji{font-size:1.7rem}.stream-selector{flex-wrap:wrap;gap:6px}.stream-btn{font-size:13px;padding:6px 12px}.stream-info-panel{padding:16px}.stream-details{flex-direction:column;gap:8px}}@media (max-width:480px){.section-header h2{flex-direction:column;font-size:1.25rem;gap:8px}.soccer-emoji{font-size:1.5rem}.stream-count{font-size:.9rem;margin-left:0}.stream-btn{min-width:80px;padding:8px 16px}.stream-info-panel h3{font-size:1rem}.schedule-item{gap:8px;grid-template-columns:1fr;grid-template-rows:auto auto;text-align:center}.schedule-time{flex-direction:row;gap:8px;justify-content:center}.schedule-date{font-size:12px}.schedule-clock{font-size:14px}.schedule-title-text{font-size:13px}}.match-view-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.match-view-modal{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;width:var(--container-lg)}.modal-header{background:var(--accent-color);color:#fff;padding:var(--spacing-lg)}.modal-header h2{font-size:1.4rem}.close-button{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:var(--spacing-xs);transition:background-color .2s;width:30px}.close-button:hover{background:#fff3}.modal-content{padding:var(--spacing-lg)}.match-details{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.match-info{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.match-info .label{color:var(--text-secondary);font-weight:600}.status.live{color:#e74c3c;font-weight:600}.status.upcoming{color:var(--accent-color);font-weight:600}.match-preview{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;position:relative}.preview-image{display:block;height:300px}.preview-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:var(--spacing-lg);position:absolute;right:0}.preview-info h3{font-size:1.2rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.preview-info p{font-size:.9rem;margin:var(--spacing-xs) 0;opacity:.9}.preview-status{background:var(--accent-color);border-radius:var(--radius-full);display:inline-block;font-size:.8rem;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.match-not-available{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:1.1rem;height:300px;justify-content:center}@media (max-width:768px){.match-view-modal{margin:var(--spacing-lg);width:95vw}.modal-header{padding:var(--spacing-md)}.modal-header h2{font-size:1.2rem}.modal-content{padding:var(--spacing-md)}.preview-image{height:200px}.match-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}.schedule-page{background:linear-gradient(180deg,#0a1a0a,#1a2f1a 50%,#0f1f0f);background-image:radial-gradient(circle at 20% 30%,#22c55e1a 0,#0000 50%),radial-gradient(circle at 80% 70%,#10b98114 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20C20 8.954 11.046 0 0 0v20h20z' fill='%23fff' fill-opacity='.02'/%3E%3C/svg%3E");min-height:100vh;overflow-x:hidden;padding:var(--spacing-5xl) var(--spacing-lg) var(--spacing-2xl);position:relative}.schedule-header{background:linear-gradient(135deg,#064e3b,#047857 50%,#059669);background-image:linear-gradient(90deg,#ffffff1a 50%,#0000 0),linear-gradient(#ffffff0d 50%,#0000 0);background-size:50px 50px,50px 50px;border-bottom:4px solid #10b981;color:#fff;overflow:hidden;padding:var(--spacing-2xl) var(--spacing-lg);position:relative}.schedule-header:before{background:radial-gradient(circle at 25% 25%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff1a 2px,#0000 0);background-size:60px 60px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes fieldPattern{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-60px) translateY(-60px)}}.header-content{margin:0 auto;max-width:var(--container-xl);position:relative;text-align:center;z-index:1}.schedule-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0f2fe);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;margin:0 0 var(--spacing-md) 0;text-shadow:2px 2px 4px #0000004d}.schedule-header p{font-size:18px;margin:0 0 var(--spacing-xl) 0;margin-left:auto;margin-right:auto;max-width:var(--container-md);opacity:.9}.header-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-2xl);justify-content:center;margin:var(--spacing-xl) 0}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);min-width:120px;padding:var(--spacing-lg);text-align:center}.stat-number{color:#fff;display:block;font-size:32px;font-weight:700;margin-bottom:var(--spacing-xs)}.stat-label{opacity:.8}.header-actions{align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl)}.live-streams-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;transition:all .3s ease}.live-streams-link:hover{background:#ffffff40;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.live-dot{animation:pulse 2s infinite;background:#ef4444;height:8px;width:8px}.live-dot,.view-toggle{border-radius:var(--radius-full)}.view-toggle{background:#ffffff1a;border:1px solid #fff3;display:flex;padding:var(--spacing-xs)}.toggle-btn{background:#0000;border:none;border-radius:var(--radius-lg);color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.toggle-btn.active{background:#fff3;color:#fff}.highlights-section{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--card-bg) 50%,var(--bg-secondary) 100%);border-bottom:2px solid var(--border-color);overflow:hidden;padding:var(--spacing-2xl) var(--spacing-lg);position:relative}.highlights-section:before{background:radial-gradient(circle at 50% 50%,#22c55e0d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.highlights-content{margin:0 auto;max-width:var(--container-xl);position:relative;z-index:1}.highlights-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:28px;font-weight:800;margin:0 0 var(--spacing-xl) 0;text-align:center;text-shadow:1px 1px 2px #0000001a}.highlights-grid{grid-gap:var(--grid-gap-lg);display:grid;gap:var(--grid-gap-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.highlight-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,var(--card-bg) 0,var(--bg-secondary) 100%);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 6px 20px #0000001a;cursor:pointer;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.highlight-card:before{background:linear-gradient(135deg,#22c55e0d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.highlight-card:hover{border-color:var(--primary-color);box-shadow:0 12px 35px #22c55e40;transform:translateY(-6px) scale(1.02)}.highlight-card:hover:before{opacity:1}.highlight-teams{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative;z-index:2}.highlight-logo{border:2px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0003;height:36px;object-fit:contain;width:36px}.highlight-vs{flex:1 1;margin:0 20px;text-align:center}.highlight-vs .team-name{color:var(--text-color);display:block;font-size:16px;font-weight:700;margin-bottom:6px;text-shadow:1px 1px 2px #0000001a}.vs-text{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%);border-radius:15px;box-shadow:0 4px 12px #22c55e4d;color:#fff;font-size:14px;font-weight:800;padding:6px 12px;text-shadow:1px 1px 2px #0000004d}.highlight-info{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.highlight-tournament{background:linear-gradient(135deg,var(--primary-color-light) 0,#22c55e1a 100%);border:2px solid var(--primary-color-light);border-radius:20px;box-shadow:0 2px 8px #22c55e1a;color:var(--text-color);font-size:14px;font-weight:600;padding:8px 14px}.highlight-time{color:var(--primary-color);font-size:18px;font-weight:800;text-shadow:1px 1px 2px #0000001a}.schedule-content{display:flex;gap:var(--spacing-xl);margin:0 auto;max-width:var(--container-2xl);padding:var(--spacing-lg)}.schedule-left{flex:1 1;min-width:0}.schedule-preview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:0 0 400px;height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:var(--spacing-lg)}.schedule-preview h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.no-schedule{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);margin:var(--spacing-lg) 0;padding:var(--spacing-5xl) var(--spacing-lg);text-align:center}.no-schedule-icon{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.5}.no-schedule h3{color:var(--text-color);font-size:24px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.no-schedule p{font-size:16px;margin:0 0 var(--spacing-lg) 0;opacity:.8}.no-schedule .live-streams-link{background:var(--primary-color);border:2px solid var(--primary-color);color:#fff;display:inline-flex}.quick-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,var(--card-bg) 0,var(--bg-secondary) 100%);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 6px 20px #0000001a;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg)}.quick-nav h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:20px;font-weight:700;margin:0 0 var(--spacing-lg) 0;text-align:center;text-shadow:1px 1px 2px #0000001a}.date-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.date-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid #10b9814d;border-radius:var(--radius-lg);color:#ffffffe6;cursor:pointer;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all .3s ease}.date-pill:hover{background:#10b98133}.date-pill.active,.date-pill:hover{border-color:#10b981;transform:translateY(-2px)}.date-pill.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pill-day{display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.pill-date{display:block;font-size:18px;font-weight:800;text-shadow:1px 1px 2px #0003}.schedule-day{margin-bottom:50px}.date-header-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000c,#10b9811a);border:2px solid #10b9814d;border-radius:16px 16px 0 0;margin-bottom:0;overflow:hidden}.date-header{align-items:center;background:linear-gradient(135deg,var(--primary-color-light) 0,#22c55e0d 100%);border-bottom:2px solid var(--primary-color-20);display:flex;justify-content:space-between;padding:25px 30px}.date-main{display:flex;flex-direction:column;gap:8px}.date-main h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:32px;font-weight:800;margin:0;text-shadow:1px 1px 2px #0000001a;text-transform:capitalize}.date-subtitle{background:var(--primary-color-20);border:2px solid var(--primary-color-light);border-radius:20px;box-shadow:0 2px 8px #22c55e33;color:var(--text-color);font-size:16px;font-weight:600;letter-spacing:1px;padding:6px 14px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.date-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;padding:15px 20px;text-align:right}.matches-count{color:var(--primary-color);display:block;font-size:22px;font-weight:700;margin-bottom:10px;text-shadow:1px 1px 2px #0000001a}.sport-breakdown{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sport-stat{background:linear-gradient(135deg,var(--primary-color-light) 0,var(--bg-secondary) 100%);border:2px solid var(--primary-color-20);border-radius:20px;box-shadow:0 2px 6px #0000001a;color:var(--text-color);font-size:13px;font-weight:600;padding:6px 12px;text-shadow:1px 1px 2px #0000001a}.matches-timeline{background:linear-gradient(135deg,var(--card-bg) 0,var(--bg-secondary) 100%);border:2px solid var(--border-color);border-radius:0 0 16px 16px;border-top:none;box-shadow:0 4px 12px #0000001a}.timeline-match{cursor:pointer;display:block;margin-bottom:24px;position:relative;transition:all .3s ease}.timeline-content{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);border:3px solid #15803d;border-radius:16px;box-shadow:0 8px 32px #16a34a4d;display:flex;min-height:140px;overflow:hidden;padding:0;position:relative}.timeline-content:before{background:linear-gradient(90deg,#ffffff1a 1px,#0000 0),linear-gradient(#ffffff1a 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.timeline-content:after{border:2px solid #ffffff4d;border-radius:50%;content:"";height:60px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.timeline-match:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.timeline-match:last-child{border-bottom:none;border-radius:0 0 14px 14px}.timeline-match:hover .timeline-content{box-shadow:0 12px 40px #16a34a66;transform:translateY(-4px)}.timeline-match:hover .team-info{background:#000000d9;border-color:#fff6}.timeline-match:hover .vs-separator{background:#16a34ae6;border-color:#ffffff80}.timeline-match:hover:before{background:var(--primary-color)}.timeline-match.selected{background:linear-gradient(135deg,var(--primary-color-light) 0,#22c55e1a 100%);border-left:5px solid var(--primary-color);box-shadow:0 4px 16px #22c55e33;transform:translateX(5px)}.timeline-match.selected:before{background:var(--primary-color);width:5px}.timeline-time{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:6px 10px;position:absolute;right:12px;top:12px;z-index:10}.time-hour,.time-minute{color:#fff;font-size:16px;font-weight:700}.match-teams{flex-direction:column;margin-bottom:0;min-height:100px;padding:20px 24px;position:relative;z-index:5}.match-teams,.team-info{align-items:center;display:flex;gap:12px;justify-content:center;width:100%}.team-info{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;border:2px solid #ffffff40;border-radius:12px;flex-direction:row;max-width:300px;min-width:200px;padding:12px 16px;transition:all .3s ease}.team-info:hover{background:#000000d9;border-color:#fff6;transform:translateY(-1px)}.team-logo-mini{border:2px solid #ffffff4d;border-radius:8px;flex-shrink:0;height:36px;object-fit:contain;width:36px}.team-name{word-wrap:break-word;flex:1 1;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;overflow-wrap:break-word}.team-name,.vs-separator{font-size:14px;text-align:center;text-shadow:2px 2px 4px #000c}.vs-separator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e6;border:2px solid #fff6;border-radius:50px;box-shadow:0 4px 12px #0000004d;color:#fff;font-weight:800;margin:4px 0;min-width:40px;padding:6px 12px;position:relative;z-index:10}.match-details{bottom:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.tournament-name{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;border:1px solid #ffffff40;border-radius:16px;color:#fffffff2;font-size:11px;padding:4px 10px;text-align:center}.venue-name{background:#22c55e1a;border:1px solid var(--primary-color-light);border-radius:15px;color:var(--primary-color);font-size:13px;font-weight:500;padding:4px 10px}.timeline-sport{min-width:100px;text-align:center}.sport-badge{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%);border:2px solid #fff3;border-radius:20px;box-shadow:0 4px 12px #22c55e4d;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:10px 16px;text-shadow:1px 1px 2px #0000004d;text-transform:uppercase}.schedule-matches{margin-bottom:0}.schedule-matches .match-list-title{display:none}@media (max-width:968px){.schedule-content{flex-direction:column;gap:var(--spacing-lg)}.schedule-preview{flex:none;position:static}.highlights-grid{grid-template-columns:1fr}.header-stats{gap:var(--spacing-lg)}.stat-item{min-width:100px;padding:var(--spacing-md)}.date-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.date-stats{text-align:left;width:100%}.sport-breakdown{justify-content:flex-start}}@media (max-width:768px){.schedule-header{padding:var(--spacing-2xl) var(--spacing-md)}.schedule-header h1{font-size:32px}.schedule-header p{font-size:16px}.schedule-content,.schedule-preview{padding:var(--spacing-md)}.date-main h2{font-size:24px}.timeline-match{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.timeline-time{min-width:70px;padding:var(--spacing-xs)}.time-hour,.time-minute{font-size:16px}.match-teams{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.team-info{gap:var(--spacing-xs);max-width:250px;min-width:180px;padding:var(--spacing-sm) var(--spacing-sm)}.header-actions{flex-direction:column;gap:var(--spacing-md)}.date-pills{justify-content:center}.date-pill{min-width:70px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.schedule-header h1{font-size:28px}.date-main h2{font-size:20px}.timeline-match{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.timeline-time{align-self:flex-start}.timeline-content{width:100%}.timeline-sport{align-self:flex-end}.match-teams{align-items:center;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.team-info{gap:var(--spacing-xs);max-width:200px;min-width:auto;padding:var(--spacing-xs) var(--spacing-sm);width:90%}.team-logo-mini{height:28px;width:28px}.team-name{font-size:12px;line-height:1.1;text-align:center}.vs-separator{font-size:12px;margin:var(--spacing-xs) 0;min-width:32px;padding:var(--spacing-xs) var(--spacing-xs)}.header-stats{flex-direction:column;gap:var(--spacing-md)}.stat-item{margin:0 auto}.highlight-teams{flex-direction:column;gap:var(--spacing-sm)}.highlight-vs{margin:0}}@media (min-width:1201px){.schedule-content{max-width:1400px;padding:30px 40px}.schedule-header{padding:60px 40px}.highlights-content{padding:0 40px}}.schedule-controls{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.schedule-summary{background:linear-gradient(135deg,var(--card-bg) 0,var(--bg-secondary) 100%);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 6px 20px #0000001a;padding:25px}.summary-card h4{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:18px;font-weight:700;margin:0 0 20px;text-align:center}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:10px;display:flex;gap:10px;padding:12px 16px;transition:all .3s ease}.summary-item:hover{background:var(--primary-color-light);border-color:var(--primary-color);transform:translateY(-2px)}.summary-icon{font-size:20px;min-width:24px}.summary-text{color:var(--text-color);font-size:14px;font-weight:600}.timeline-match.important{background:linear-gradient(135deg,#ffd7000d,#0000);border-left:4px solid gold}.timeline-match.important:before{background:linear-gradient(135deg,#ffd7001a,#0000)}.timeline-match.morning{border-top:2px solid #87ceeb}.timeline-match.afternoon{border-top:2px solid orange}.timeline-match.evening{border-top:2px solid #4169e1}.time-category{font-size:12px;margin-top:4px}.team-details{display:flex;flex-direction:column;gap:2px}.team-venue{color:var(--text-secondary);font-size:11px;font-weight:500}.match-vs{align-items:center;display:flex;flex-direction:column;gap:4px}.importance-badge{animation:sparkle 2s infinite;font-size:12px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.match-info-row{margin-bottom:8px}.match-info-row,.match-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.broadcast-info,.expected-duration{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.match-actions{justify-content:center;margin-top:8px}.action-btn{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.action-btn:hover{background:var(--primary-color-light);border-color:var(--primary-color);transform:scale(1.1)}.away-team,.home-team{justify-content:center}.away-team .team-name{text-align:center}.schedule-container{margin:0 auto;max-width:1400px;padding:32px 20px}.schedule-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.schedule-day{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00000080;border:2px solid #10b98133;border-radius:16px;padding:24px;transition:all .3s ease}.schedule-day:hover{border-color:#10b98166;transform:translateY(-2px)}.day-header{align-items:center;border-bottom:2px solid #10b9814d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.day-title{color:#fff;font-size:22px;font-weight:700;margin:0}.day-count{background:#10b9814d;border:1px solid #10b98166;border-radius:16px;color:#fffffff2;font-size:13px;font-weight:600;padding:6px 12px}.matches-grid{display:flex;flex-direction:column;gap:16px}.match-card{cursor:pointer;position:relative;transition:all .3s ease}@media (max-width:1200px){.schedule-content{gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.schedule-container{padding:28px 16px}}@media (max-width:768px){.schedule-header{padding:32px 16px}.schedule-header h1{font-size:28px}.schedule-header p{font-size:16px}.schedule-content{gap:20px;grid-template-columns:1fr;padding:16px}.schedule-container{padding:20px 12px}.schedule-day{border-radius:12px;padding:20px}.day-title{font-size:20px}.day-header{flex-direction:column;gap:8px;margin-bottom:16px;text-align:center}.timeline-time{background:#000c;border-radius:6px;display:inline-block;margin-bottom:12px;padding:6px 10px;position:static}.match-teams{flex-direction:column;gap:10px;padding:18px 20px}.team-info{gap:8px;max-width:220px;min-width:160px;padding:10px 12px}.team-name{font-size:13px;text-align:center}}@media (max-width:480px){.schedule-header h1{font-size:24px}.schedule-day{border-radius:8px;padding:16px}.day-title{font-size:18px}.matches-grid{gap:12px}.timeline-content{border-radius:12px}.match-teams{align-items:center;flex-direction:column;gap:8px;padding:14px 16px}.team-info{gap:6px;max-width:180px;min-width:auto;padding:8px 10px;width:90%}.team-name{font-size:11px;line-height:1.1;text-align:center}.team-logo-mini{height:24px;width:24px}.vs-separator{font-size:10px;margin:2px 0;min-width:28px;padding:4px 6px;position:relative}.match-details{margin-top:12px;position:static;text-align:center;transform:none}}.timeline-day{margin-bottom:40px}.timeline-day:last-child{margin-bottom:0}.admin-header{box-shadow:0 2px 10px #0000001a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header-content{max-width:1400px;padding:1.5rem 2rem}.admin-title h1{font-size:1.8rem;letter-spacing:-.025em;margin:0}.admin-title p{font-size:.9rem;margin:.25rem 0 0}.logout-btn{background:#fff3;border:1px solid #ffffff4d;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s ease}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}@media (max-width:768px){.admin-header-content{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.admin-title{text-align:center}.admin-title h1{font-size:1.5rem}.logout-btn{align-self:center;width:-webkit-fit-content;width:fit-content}}.tabs-nav{-webkit-overflow-scrolling:touch;border-bottom:1px solid #343a40;gap:0;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 2rem}.tab-btn{background:none;border-bottom:3px solid #0000;color:#adb5bd;font-size:.9rem;font-weight:600;padding:1rem 1.5rem}.tab-btn.active{background:#667eea0d;border-bottom-color:#667eea;color:#667eea}.tab-btn:after{background:#667eea;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .2s ease}.tab-btn.active:after{transform:scaleX(1)}@media (max-width:768px){.tabs-nav{gap:.5rem;padding:0 1rem}.tab-btn{font-size:.85rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.75rem 1rem}}.tabs-nav::-webkit-scrollbar{height:4px}.tabs-nav::-webkit-scrollbar-track{background:#343a40}.tabs-nav::-webkit-scrollbar-thumb{background:#495057;border-radius:2px}.tabs-nav::-webkit-scrollbar-thumb:hover{background:#6c757d}.online-users-widget{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px;transition:all .3s ease}.online-users-widget:hover{box-shadow:0 4px 16px #00000026}.widget-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.widget-header h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.refresh-btn{background:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:#fff}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.online-stats{text-align:center}.stat-item{margin-bottom:16px}.stat-value{color:var(--accent-color);font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{color:var(--text-secondary);font-size:14px;letter-spacing:.5px;text-transform:uppercase}.stat-meta{border-top:1px solid var(--border-color);display:flex;flex-direction:column;font-size:12px;gap:8px;padding-top:12px}.connection-status{align-items:center;display:flex;gap:4px;justify-content:center}.status-connected{color:#22c55e;font-weight:500}.status-disconnected{color:#ef4444;font-weight:500}.last-updated{color:var(--text-secondary);text-align:center}[data-theme=dark] .online-users-widget{background:var(--bg-secondary);border-color:var(--border-color-dark)}[data-theme=dark] .widget-header{border-bottom-color:var(--border-color-dark)}[data-theme=dark] .refresh-btn{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}[data-theme=dark] .refresh-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color)}[data-theme=dark] .stat-meta{border-top-color:var(--border-color-dark)}@media (max-width:768px){.online-users-widget{margin-bottom:16px;padding:16px}.widget-header h3{font-size:16px}.stat-value{font-size:36px}.refresh-btn{font-size:12px;padding:4px 8px}.stat-meta{font-size:11px}}.admin-dashboard{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.dashboard-card{background:#23272f;border:1px solid #343a40;border-radius:12px;box-shadow:0 2px 8px #0000002e;overflow:hidden;padding:2rem;position:relative;transition:all .2s ease}.dashboard-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-card h3{color:#f8f9fa;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.dashboard-card p{color:#adb5bd;line-height:1.5;margin:0 0 1.5rem}.card-stats{background:#2d323b;border-left:4px solid #667eea;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.card-stats span{color:#ced4da;font-size:.9rem;font-weight:600}.dashboard-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.dashboard-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.dashboard-btn:active{transform:translateY(0)}.system-info{background:#23272f;border:1px solid #343a40;border-radius:12px;box-shadow:0 2px 8px #0000002e;padding:2rem}.system-info h2{align-items:center;color:#f8f9fa;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.system-info h2:before{content:"📊";font-size:1.25rem}.info-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{border-left:4px solid #667eea;padding:1rem}.info-label{font-size:.9rem}.info-value{font-size:1.1rem;font-weight:700}.status-online{color:#059669!important}.status-offline{color:#dc2626!important}@media (max-width:768px){.admin-dashboard{padding:1rem}.dashboard-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.dashboard-card,.system-info{padding:1.5rem}.info-grid{gap:1rem;grid-template-columns:1fr}.info-item{align-items:flex-start;flex-direction:column;gap:.5rem}}.matches-management{background:linear-gradient(135deg,#1a1f2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0000004d;margin:0 auto;max-width:1400px;padding:2rem}.section-header h2:before{content:"⚽"}.matches-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.matches-table-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;overflow-x:auto}.matches-table{font-size:.875rem}.matches-table th{background:linear-gradient(135deg,#1e293bcc,#33415599);border-bottom:2px solid #667eea4d;color:#fff;font-size:.8rem;font-weight:700;padding:1.25rem 1rem;position:relative;white-space:nowrap}.matches-table th:before{background:linear-gradient(90deg,#0000,#667eea99,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.matches-table td{border-bottom:1px solid #ffffff1a;color:#ffffffe6;padding:1.25rem 1rem;transition:all .3s ease}.match-row{background:#0000001a;transition:all .3s ease}.match-row:hover{background:linear-gradient(135deg,#667eea1a,#764ba20d);box-shadow:0 5px 20px #0003;transform:scale(1.002)}.match-row:hover td{color:#fff}.teams-cell{min-width:300px}.teams-info{gap:.5rem}.team-name{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-weight:700;padding:.5rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.team-name:hover{background:#667eea1a;border-color:#667eea4d;transform:translateX(3px)}.vs-text{color:#fff9;font-size:.8rem;font-style:italic;font-weight:700;margin:.25rem 0;position:relative;text-align:center}.vs-text:after,.vs-text:before{background:linear-gradient(90deg,#0000,#667eea99,#0000);content:"";height:1px;position:absolute;top:50%;width:20px}.vs-text:before{left:-25px}.vs-text:after{right:-25px}.tournament-cell{min-width:200px}.tournament-info{gap:.5rem}.tournament-name{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid #667eea33;border-radius:8px;color:#fff;font-weight:700;padding:.5rem .75rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.tournament-name:hover{background:linear-gradient(135deg,#667eea33,#764ba21a);border-color:#667eea66;box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.sport-name{background:#0003;border:1px solid #ffffff1a;border-radius:15px;color:#ffffffb3;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-align:center;text-transform:uppercase}.datetime-cell{min-width:150px}.datetime-info{gap:.5rem}.date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;padding:.5rem .75rem}.date,.time{font-weight:600;text-align:center}.time{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid #667eea33;border-radius:6px;color:#fffc;font-size:.85rem;padding:.375rem .5rem}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;font-weight:700;min-width:80px;overflow:hidden;position:relative;text-align:center;transition:all .3s ease}.status-badge:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.status-badge:hover:before{left:100%}.status-badge.live{animation:pulse-live 2s infinite;background:linear-gradient(135deg,#ef444433,#f871711a);border-color:#ef444466;box-shadow:0 0 20px #ef44444d;color:#f87171}.status-badge.upcoming{background:linear-gradient(135deg,#3b82f633,#93c5fd1a);border-color:#3b82f666;box-shadow:0 0 20px #3b82f64d;color:#60a5fa}.status-badge.finished{background:linear-gradient(135deg,#22c55e33,#4ade801a);border-color:#22c55e66;box-shadow:0 0 20px #22c55e4d;color:#4ade80}@keyframes pulse-live{0%,to{box-shadow:0 0 20px #ef44444d;transform:scale(1)}50%{box-shadow:0 0 30px #ef444499;transform:scale(1.05)}}.actions-group{gap:.75rem}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:10px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-transform:uppercase;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-sm{font-size:.8rem;padding:.5rem 1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea66;box-shadow:0 8px 25px #667eea66}.btn-primary:hover{box-shadow:0 12px 35px #667eea99;transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,#22c55e33,#4ade801a);border-color:#22c55e66;box-shadow:0 0 20px #22c55e4d;color:#4ade80}.btn-success:hover{background:linear-gradient(135deg,#22c55e4d,#4ade8033);box-shadow:0 8px 25px #22c55e80;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b33,#fbbf241a);border-color:#f59e0b66;box-shadow:0 0 20px #f59e0b4d;color:#fbbf24}.btn-warning:hover{background:linear-gradient(135deg,#f59e0b4d,#fbbf2433);box-shadow:0 8px 25px #f59e0b80;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef444433,#f871711a);border-color:#ef444466;box-shadow:0 0 20px #ef44444d;color:#f87171}.btn-danger:hover{background:linear-gradient(135deg,#ef44444d,#f8717133);box-shadow:0 8px 25px #ef444480;transform:translateY(-2px)}@media (max-width:768px){.matches-management{margin:.5rem;padding:1rem}.section-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.matches-table-container{display:none}.actions-group{flex-direction:column;gap:.5rem}.btn{justify-content:center;width:100%}}@media (max-width:1200px){.matches-table-container{overflow-x:auto}.matches-table{min-width:900px}}@media (max-width:768px){.matches-management{padding:1rem}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.matches-table td,.matches-table th{padding:.75rem .5rem}.actions-group{flex-direction:column;gap:.25rem}.btn-sm{font-size:.75rem;padding:.5rem .75rem}}@media (max-width:480px){.actions-cell,.datetime-cell,.status-cell,.teams-cell,.tournament-cell{min-width:auto}.matches-table{min-width:600px}}.ads-management{background:linear-gradient(135deg,#1a1f2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0000004d;margin:0 auto;max-width:1400px;padding:2rem}.section-header{border-bottom:2px solid #667eea4d;margin-bottom:2rem;padding-bottom:1.5rem;position:relative}.section-header:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.section-header h2{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;gap:.75rem;text-shadow:0 2px 4px #0000004d}.section-header h2:before{content:"📢";font-size:1.5rem;opacity:.8}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 25px #667eea66;font-size:.95rem;overflow:hidden;padding:1rem 2rem;position:relative}.add-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-btn:hover:before{left:100%}.add-btn:hover{box-shadow:0 12px 35px #667eea99;transform:translateY(-3px)}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a;border-radius:12px;gap:2rem;margin-bottom:2rem;padding:1.5rem}.filter-group{gap:.5rem}.filter-group label{color:#e5e7eb;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.filter-select{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.875rem;min-width:200px;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus{background:#00000080;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.filter-select option{background:#1a1f2e;color:#fff}.ads-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.ads-table-container{overflow-x:auto}.ads-table{border-collapse:collapse;font-size:.875rem;width:100%}.ads-table th{background:#0006;border-bottom:2px solid #667eea4d;color:#e5e7eb;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.ads-table td{border-bottom:1px solid #ffffff1a;color:#fff;padding:1rem .75rem;vertical-align:middle}.ad-row:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#667eea1a}.preview-cell{width:120px}.ad-preview{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;height:60px;justify-content:center;overflow:hidden;width:80px}.preview-image{height:100%;width:100%}.preview-placeholder{color:#9ca3af;font-size:.75rem;padding:.5rem}.title-cell{min-width:250px}.ad-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.ad-url{color:#94a3b8;font-size:.75rem;opacity:.8;word-break:break-all}.type-cell{width:150px}.type-badge{border:1px solid;border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.type-badge.vertical{background:#3b82f633;border-color:#3b82f64d;color:#60a5fa}.type-badge.square{background:#f59e0b33;border-color:#f59e0b4d;color:#fbbf24}.type-badge.horizontal{background:#22c55e33;border-color:#22c55e4d;color:#4ade80}.status-cell{width:120px}.status-badge{border:1px solid;font-size:.75rem;letter-spacing:.05em;padding:.5rem 1rem}.status-badge.active{animation:pulse-green 2s infinite;background:#22c55e33;border-color:#22c55e4d;color:#4ade80}.status-badge.inactive{background:#ef444433;border-color:#ef44444d;color:#f87171}@keyframes pulse-green{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 15px #22c55e99}}.priority-cell{width:100px}.priority-value{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;box-shadow:0 4px 12px #667eea4d;font-size:.875rem;height:36px;width:36px}.actions-cell{width:250px}.actions-group{gap:.5rem}.btn{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-primary{background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-outline{background:#0000;border-color:#6b7280;color:#6b7280}.btn-outline:hover{background:#6b7280}.btn-success{background:#10b981;border-color:#10b981}.btn-success:hover{background:#059669;border-color:#059669}.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706;border-color:#d97706}.btn-danger{background:#ef4444;border-color:#ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}.empty-state p{margin:0 0 2rem}.ads-cards-container{display:none;gap:1rem;padding:1rem}.ad-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.ad-card:hover{box-shadow:0 4px 12px #0000001a}.ad-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.ad-card-title{color:#1f2937;flex:1 1;font-size:1.125rem;font-weight:600;margin-right:1rem}.ad-card-content{margin-bottom:1.5rem}.ad-card-preview{margin-bottom:1rem}.ad-card-preview .preview-image{border-radius:8px;height:auto;max-width:200px;width:100%}.ad-card-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ad-card-actions{display:flex;flex-direction:column;gap:.75rem}.ad-card-actions .btn{justify-content:center;width:100%}@media (max-width:1200px){.ads-table-container{overflow-x:auto}.ads-table{min-width:900px}}@media (max-width:768px){.ads-management{padding:1rem}.section-header{align-items:stretch}.filters-section,.section-header{flex-direction:column;gap:1rem}.filter-select{min-width:auto}.ads-table-container{display:none!important}.ads-cards-container{display:flex!important;flex-direction:column}.ad-card-info{grid-template-columns:1fr}}@media (min-width:769px){.ads-cards-container{display:none!important}}.debug-info{display:none}.streams-management{background:var(--bg-primary);min-height:100vh;padding:24px}.management-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.management-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:28px;font-weight:700;margin:0}.header-actions{display:flex;gap:12px}.add-btn,.refresh-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.refresh-btn{background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-color)}.refresh-btn:hover{background:#ffffff26;transform:translateY(-1px)}.add-btn{background:var(--primary-color);box-shadow:0 4px 12px #22c55e4d}.add-btn:hover{background:var(--primary-color-dark);box-shadow:0 6px 20px #22c55e66}.schedule-list{display:flex;flex-direction:column;gap:16px}.schedule-item{grid-gap:20px;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;display:grid;gap:20px;grid-template-columns:100px 1fr 120px 140px;padding:20px;transition:all .3s ease}.schedule-item:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #22c55e26;transform:translateY(-2px)}.schedule-time{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:8px;text-align:center}.match-date{color:var(--text-color);font-size:14px;font-weight:600;margin-bottom:4px}.match-time{color:var(--primary-color);font-size:18px;font-weight:700}.schedule-teams{flex:1 1}.team-names{align-items:center;display:flex;gap:16px;margin-bottom:8px}.team{color:var(--text-color);flex:1 1;font-size:16px;font-weight:600;text-align:center}.vs{background:var(--bg-secondary);border-radius:4px;font-weight:700;padding:4px 8px}.venue,.vs{color:var(--text-secondary);font-size:12px}.venue{margin-top:4px;opacity:.8;text-align:center}.schedule-status{align-items:center;display:flex;flex-direction:column;gap:8px}.status-badge{background:#ffffff0d;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:6px}.status-badge[data-status=active]{background:#22c55e1a;border-color:#22c55e4d}.status-badge[data-status=upcoming]{background:#f59e0b1a;border-color:#f59e0b4d}.status-badge[data-status=ended]{background:#ef44441a;border-color:#ef44444d}.viewers-count{color:var(--text-secondary);font-size:12px;font-weight:600}.schedule-actions{align-items:center;display:flex;gap:8px}.schedule-actions .delete-btn,.schedule-actions .edit-btn,.schedule-actions .start-btn.compact,.schedule-actions .stop-btn.compact{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.schedule-actions .start-btn.compact{background:#22c55e1a;color:#22c55e}.schedule-actions .start-btn.compact:hover{background:#22c55e33;transform:scale(1.1)}.schedule-actions .stop-btn.compact{background:#ef44441a;color:#ef4444}.schedule-actions .stop-btn.compact:hover{background:#ef444433;transform:scale(1.1)}.edit-btn{background:#3b82f61a;color:#3b82f6}.edit-btn:hover{background:#3b82f633;transform:scale(1.1)}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef444433;transform:scale(1.1)}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:10px;width:10px}.status-text{color:var(--text-color);font-size:12px;font-weight:600}.no-streams{background:var(--card-bg);border:2px dashed var(--border-color);border-radius:16px;padding:80px 20px;text-align:center}.no-streams-icon{font-size:64px;margin-bottom:20px;opacity:.6}.no-streams h3{color:var(--text-color);font-size:24px;font-weight:600;margin:0 0 8px}.no-streams p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.create-first-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-first-btn:hover{background:var(--primary-color-dark);transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{border:2px solid var(--border-color);box-shadow:0 20px 50px #0000004d;width:90%}.modal-header h3{font-size:20px}.close-btn{background:#ef44441a;color:#ef4444;font-size:16px;height:32px;transition:all .3s ease;width:32px}.close-btn:hover{background:#ef444433;transform:scale(1.1)}.stream-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group{gap:8px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #22c55e1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group small{color:var(--text-secondary);font-size:12px;opacity:.8}.form-actions{margin-top:8px}.form-actions button{border:none;font-size:14px;padding:12px 24px;transition:all .3s ease}.form-actions button[type=button]{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color)}.form-actions button[type=button]:hover{background:var(--bg-primary)}.form-actions button[type=submit]{background:var(--primary-color)}.form-actions button[type=submit]:hover:not(:disabled){background:var(--primary-color-dark)}.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.loading-spinner{font-size:32px;margin-bottom:16px}.modal-loading p{color:var(--text-secondary);font-size:14px;margin:0}.streams-loading{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.streams-loading .loading-spinner{animation:spin 1s linear infinite;font-size:40px;margin-bottom:20px}.streams-loading p{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}@media (max-width:768px){.streams-management{padding:16px}.management-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:center}.schedule-list{gap:12px}.schedule-item{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:16px;text-align:center}.schedule-time{margin:0 auto;max-width:120px;order:1}.schedule-teams{order:2}.team-names{flex-direction:column;gap:8px}.vs{order:2}.schedule-status{order:3}.schedule-actions{justify-content:center;order:4}.modal-content{margin:20px;width:95%}.modal-header,.stream-form{padding:16px}.form-actions{flex-direction:column}.form-row{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.streams-management{padding:12px}.management-header h2{font-size:24px}.schedule-item{gap:12px;padding:12px}.team{font-size:14px}.match-time{font-size:16px}}.users-management{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:1400px;padding:2rem}.users-management h2{border-bottom:2px solid #f1f5f9;color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 2rem;padding-bottom:1rem}.users-list{grid-gap:1rem;display:grid;gap:1rem}.user-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.user-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.user-info h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.user-info p{color:#6b7280;font-size:.875rem;margin:.25rem 0}@media (max-width:768px){.user-card,.users-management{padding:1rem}}.reports-management{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:1400px;padding:2rem}.reports-management h2{border-bottom:2px solid #f1f5f9;color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 2rem;padding-bottom:1rem}.reports-list{grid-gap:1rem;display:grid;gap:1rem}.report-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.report-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.report-card h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.report-card p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.report-card small{color:#9ca3af;font-size:.75rem}@media (max-width:768px){.report-card,.reports-management{padding:1rem}}.hls-management{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:1400px;padding:2rem}.hls-management h2{border-bottom:2px solid #f1f5f9;color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 2rem;padding-bottom:1rem}.streams-list{grid-gap:1rem;display:grid;gap:1rem}.stream-card{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease}.stream-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stream-card h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.stream-card p{color:#6b7280;font-size:.875rem;margin:.25rem 0;word-break:break-all}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state h3{color:#374151;font-size:1.25rem;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0;max-width:400px}@media (max-width:768px){.hls-management,.stream-card{padding:1rem}}.admin-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content{animation:modalAppear .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:600px}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid #f1f5f9;padding:2rem 2rem 1rem}.modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700}.close-btn{align-items:center;border-radius:8px;color:#6b7280;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;width:40px}.close-btn:hover{background:#f3f4f6;color:#374151}.ad-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#374151;font-size:.875rem;padding:.875rem 1rem}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.image-preview{background:#f8fafc;border:1px dashed #d1d5db;border-radius:8px;margin-top:.5rem;padding:1rem}.preview-image{border-radius:6px;max-height:150px;max-width:200px;object-fit:cover}.preview-placeholder{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.hidden{display:none}.form-actions{border-top:1px solid #f1f5f9;gap:1rem;padding-top:1.5rem}.form-actions button{border:2px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.form-actions button[type=submit]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.form-actions button[type=button]{background:#fff;border-color:#d1d5db;color:#6b7280}.form-actions button[type=button]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.form-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-actions button[type=submit]:disabled{position:relative}.form-actions button[type=submit]:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:16px}.form-group input:invalid{border-color:#ef4444}.form-group input:invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:.75rem;margin-top:.25rem}@media (max-width:768px){.admin-modal{padding:.5rem}.modal-content{border-radius:12px;max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h3{font-size:1.25rem}.ad-form{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{flex:none}}@media (max-width:480px){.ad-form,.modal-header{padding:1rem}.form-group input,.form-group select{padding:.75rem}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-color);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000004d;max-width:var(--container-md);position:relative}.modal-header{padding:var(--spacing-lg) var(--spacing-xl)}.modal-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:var(--spacing-xs);transition:all .2s ease}.modal-close:hover{background:var(--hover-color);color:var(--text-color)}.match-form{padding:var(--spacing-xl)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group label{font-weight:500;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select{background:var(--input-bg);border-radius:var(--radius-xs);font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.checkbox-group{align-items:center;justify-content:center}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-xs);margin:0}.checkbox-group input[type=checkbox]{margin:0;width:auto}.form-actions{border-top:1px solid var(--border-color);gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.btn-cancel,.btn-submit{border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:.95rem;font-weight:500;min-width:100px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.btn-cancel{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel:hover{background:var(--hover-color);color:var(--text-color)}.btn-submit{background:var(--primary-color);color:#fff}.btn-submit:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-height:95vh}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-header h2{font-size:1.3rem}.match-form{padding:var(--spacing-lg)}.form-row{flex-direction:column;gap:var(--spacing-sm)}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.preview-thumbnail{border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;margin-top:var(--spacing-sm);max-width:200px;overflow:hidden}.preview-thumbnail img{border-radius:var(--radius-md);display:block;height:auto;width:100%}.form-section-title{align-items:center;border-bottom:2px solid var(--primary-color-20);color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-xs);margin:var(--spacing-lg) 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs)}.form-section-title:before{content:"⚽";font-size:1.2rem}.form-group input:disabled{background:var(--bg-secondary);color:var(--text-secondary);opacity:.7}.form-group input:disabled::placeholder{color:var(--text-secondary);opacity:.5}.admin-page{background:linear-gradient(135deg,#232526,#414345);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #0000001a;color:#fff;padding:32px 20px}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.admin-title{text-align:left}.admin-title h1{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.admin-title p{font-size:16px;font-weight:400;margin:0;opacity:.9}.logout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.logout-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.admin-content{margin:0 auto;max-width:1200px;padding:32px 20px}.admin-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.admin-card{background:#23272f;border:1px solid #343a40;border-radius:12px;box-shadow:0 2px 8px #0000002e;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.admin-card:hover{border-color:#0d6efd;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.admin-card h3{color:#f8f9fa;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.admin-card p{color:#adb5bd;font-size:14px;line-height:1.5;margin:0 0 20px}.admin-btn{align-items:center;background:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s ease;width:100%}.admin-btn:hover{background:#0b5ed7;box-shadow:0 4px 15px #0d6efd4d;transform:translateY(-2px)}.admin-info{background:#23272f;border:1px solid #343a40;border-radius:12px;box-shadow:0 2px 8px #0000002e;padding:24px}.admin-info h2{color:#f8f9fa;font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-item{align-items:center;background:#2d323b;border:1px solid #343a40;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.info-label{color:#ced4da;font-size:14px;font-weight:500}.info-value{color:#f8f9fa;font-size:14px;font-weight:600}.status-online{color:#198754!important}.status-offline{color:#dc3545!important}@media (max-width:768px){.admin-header-content{flex-direction:column;gap:20px;text-align:center}.admin-title{text-align:center}.admin-title h1{font-size:28px}.admin-title p{font-size:16px}.logout-btn{max-width:200px;width:100%}.admin-grid{gap:16px;grid-template-columns:1fr}.admin-card{padding:20px}.admin-content{padding:20px 15px}.banner-item,.match-item{align-items:flex-start;flex-direction:column;gap:12px}.banner-actions,.match-actions{justify-content:space-between;width:100%}}@media (max-width:480px){.admin-header h1{font-size:24px}.admin-card{padding:16px}.admin-card h3{font-size:18px}.admin-btn{padding:10px 20px}}.admin-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card-bg);border-radius:var(--border-radius-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--text-color);font-size:18px;margin:0}.close-btn{background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.close-btn:hover{background:var(--hover-bg);color:var(--text-color)}.banner-form{padding:24px}.form-group input,.form-group select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.form-actions{display:flex;gap:12px;margin-top:24px}.submit-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s ease}.submit-btn:hover{background:var(--primary-color-dark)}.cancel-btn{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:var(--border-color)}.matches-list{display:flex;flex-direction:column;gap:12px}.match-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.match-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-light);transform:translateY(-1px)}.match-info{flex:1 1}.match-title{color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:4px}.match-details{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px}.match-status{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:uppercase}.match-status.live{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.match-status.upcoming{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.match-status.finished{background:#9ca3af1a;border:1px solid #9ca3af33;color:#9ca3af}.match-actions{align-items:center;display:flex;gap:8px}.banners-list{display:flex;flex-direction:column;gap:12px}.banner-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.banner-item:hover{border-color:var(--primary-color)}.banner-info{flex:1 1}.banner-title{margin-bottom:4px}.banner-type{color:var(--text-secondary);font-size:12px;letter-spacing:.02em;text-transform:uppercase}.banner-actions{display:flex;gap:8px}.delete-btn,.edit-btn,.toggle-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.edit-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.toggle-btn:hover{background:var(--success-color);border-color:var(--success-color);color:#fff}.delete-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.tabs-nav{background:#23272f;border:1px solid #343a40;border-radius:12px;box-shadow:0 2px 12px #0000002e;display:flex;margin-bottom:24px;overflow:hidden;padding:4px}.tab-btn{background:#0000;border-radius:8px;color:#ced4da;flex:1 1;font-size:14px;font-weight:500;margin:2px;overflow:hidden;padding:14px 20px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#343a40;box-shadow:0 2px 4px #0000002e;color:#f8f9fa;transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,#0d6efd,#0b5ed7);box-shadow:0 2px 8px #0d6efd4d;font-weight:600;transform:translateY(-1px)}.tab-btn.active:hover{background:linear-gradient(135deg,#0b5ed7,#0a58ca);box-shadow:0 4px 12px #0d6efd66;color:#fff;transform:translateY(-1px)}.tab-content{background:#23272f;border:1px solid #343a40;border-radius:12px;box-shadow:0 2px 12px #0000002e;overflow:hidden;padding:0}@media (max-width:768px){.tabs-nav{flex-direction:column;padding:8px}.tab-btn{margin:2px 0;padding:16px 20px;text-align:left}}.matches-management{padding:24px}.section-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.section-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca;transform:translateY(-1px)}.btn-success{background-color:#198754;border-color:#198754;color:#fff}.btn-success:hover{background-color:#157347;border-color:#146c43}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#000}.btn-warning:hover{background-color:#ffca2c;border-color:#ffc720}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37}.btn-outline{background-color:initial;border-color:#6c757d;color:#6c757d}.btn-outline:hover{background-color:#6c757d;color:#fff}.btn-sm{font-size:12px;padding:6px 12px}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn:disabled,.btn:disabled:hover{transform:none!important}.form-actions button[disabled]{position:relative}.form-actions button[disabled]:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.empty-state{background:var(--bg-secondary);border:2px dashed #dee2e6;border-radius:12px;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6c757d;font-size:16px;margin:0 0 24px}.matches-table-container{background:#23272f;border-radius:12px;box-shadow:0 2px 8px #0000002e;overflow:hidden}.matches-table{border-collapse:collapse;margin:0;width:100%}.matches-table th{background:#343a40;border-bottom:2px solid #495057;color:#f8f9fa;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.matches-table td{border-bottom:1px solid #343a40;color:#f8f9fa;padding:20px 16px;vertical-align:middle}.match-row:hover{background-color:#343a40}.match-row:last-child td{border-bottom:none}.teams-cell{min-width:250px}.teams-info{color:#f8f9fa;display:flex;flex-direction:column;gap:4px}.team-name{color:#f8f9fa;font-size:15px;font-weight:600}.vs-text{color:#adb5bd;font-size:12px;font-weight:500;text-transform:uppercase}.tournament-cell{min-width:180px}.tournament-info{display:flex;flex-direction:column;gap:4px}.tournament-name{color:#f8f9fa;font-size:14px;font-weight:600}.sport-name{color:#adb5bd;font-size:12px;text-transform:capitalize}.datetime-cell{min-width:140px}.datetime-info{display:flex;flex-direction:column;gap:4px}.date{color:#f8f9fa;font-size:14px;font-weight:500}.time{color:#adb5bd;font-size:12px}.status-badge{display:inline-block;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.status-badge.live{animation:pulse 2s infinite;background:#ff4757;color:#fff}.status-badge.upcoming{background:#ffa502;color:#fff}.status-badge.finished{background:#2ed573;color:#fff}.actions-cell{min-width:280px}.actions-group{flex-wrap:wrap}@media (max-width:1200px){.matches-table-container{overflow-x:auto}.matches-table{min-width:800px}}@media (max-width:768px){.matches-management{padding:16px}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.matches-table td,.matches-table th{padding:12px 8px}.actions-group{flex-direction:column;gap:4px}.btn-sm{font-size:12px;padding:8px 12px}}.add-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-btn:hover{box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}.banners-management{width:100%}.filters-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;gap:20px;margin-bottom:24px;padding:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600}.filter-group label,.filter-select{color:var(--text-color);font-size:.9rem}.filter-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;min-width:150px;padding:8px 12px;transition:all .3s ease}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.banners-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.banners-table-container{overflow-x:auto}.banners-table{border-collapse:collapse;font-size:.95rem;width:100%}.banners-table th{background:#3b82f60d;border-bottom:2px solid var(--border-color);color:var(--text-color);font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.banners-table td{border-bottom:1px solid var(--border-color);padding:16px 12px;vertical-align:middle}.banner-row:hover{background:#3b82f605}.title-cell{min-width:200px}.banner-title-info{display:flex;flex-direction:column;gap:8px}.banner-title{color:var(--text-color);font-size:1rem;font-weight:600}.banner-preview{max-width:100px}.banner-thumbnail{border:1px solid var(--border-color);border-radius:4px;height:40px;object-fit:cover;width:60px}.status-cell{min-width:120px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;padding:6px 12px;white-space:nowrap}.status-badge.active{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.status-badge.inactive{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.placement-cell{min-width:120px}.placement-info{display:flex;flex-direction:column;gap:4px}.placement-type{color:var(--text-color);font-weight:600;text-transform:capitalize}.placement-position{color:var(--text-secondary);font-size:.85rem;text-transform:capitalize}.dates-cell{min-width:160px}.dates-info{display:flex;flex-direction:column;gap:4px}.end-date,.start-date{color:var(--text-secondary);font-size:.85rem}.priority-cell{min-width:80px;text-align:center}.priority-value{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.actions-cell{min-width:140px}.actions-group{align-items:center;display:flex;gap:8px}@media (max-width:1024px){.filters-section{flex-direction:column;gap:12px}.filter-group{align-items:center;flex-direction:row;gap:12px}.filter-select{min-width:120px}}@media (max-width:768px){.banners-table-container{display:none!important}.banners-cards-container{display:flex!important;flex-direction:column;gap:12px;padding:0}.banner-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-base);padding:16px}.banner-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.banner-card-title{color:var(--text-color);flex:1 1;font-size:1.1rem;font-weight:600;margin:0 8px 0 0}.banner-card-status{border-radius:12px;flex-shrink:0;font-size:.8rem;font-weight:600;padding:4px 8px}.banner-card-preview{margin-bottom:12px}.banner-card-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.banner-card-info-item{display:flex;flex-direction:column;gap:4px}.banner-card-info-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.banner-card-info-value{color:var(--text-color);font-size:.9rem}.banner-card-actions{display:flex;flex-direction:column;gap:8px}.banner-card-actions .btn{justify-content:center;width:100%}.filters-section{flex-direction:column;gap:8px}.filter-group{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:769px){.banners-cards-container{display:none!important}.banners-table-container{display:block!important}}.login-container{align-items:center;background:var(--bg-primary);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.login-background{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2px}.login-card{background:var(--card-bg);border-radius:18px;max-width:400px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.login-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:32px}.login-logo{margin-bottom:20px}.login-logo img{border-radius:24px;box-shadow:0 8px 20px #0000001a;height:96px;object-fit:contain;width:96px}.login-header h1{color:var(--text-color);font-size:1.8rem;font-weight:700;margin:0 0 8px}.login-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.login-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:var(--text-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input{background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.form-group input:disabled{cursor:not-allowed;opacity:.6}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:12px 16px}.error-icon{font-size:1.1rem}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.8}.login-button.loading{color:#0000}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.login-footer{border-top:1px solid var(--border-color);margin-top:32px;padding-top:20px}.login-hint{background:#667eea0d;border:1px solid #667eea1a;border-radius:8px;padding:16px;text-align:left}.login-hint p{color:var(--text-secondary);font-size:.85rem;margin:0 0 8px}.login-hint p:last-child{margin-bottom:0}.login-hint code{background:var(--hover-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.8rem;padding:2px 6px}@media (max-width:768px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-header h1{font-size:1.5rem}.form-group input{padding:12px 14px}.login-button{padding:14px}}[data-theme=dark] .login-background{background:linear-gradient(135deg,#4c51bf,#553c9a)}[data-theme=dark] .login-card:before{background:linear-gradient(90deg,#4c51bf,#553c9a)}[data-theme=dark] .login-button{background:linear-gradient(135deg,#4c51bf,#553c9a)}[data-theme=dark] .login-button:hover:not(:disabled){box-shadow:0 8px 25px #4c51bf4d}:root{--container-max-width:1400px;--content-max-width:1200px;--narrow-max-width:800px;--wide-max-width:1600px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:40px;--spacing-4xl:48px;--spacing-5xl:64px;--spacing-6xl:80px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--grid-gap-xs:12px;--grid-gap-sm:16px;--grid-gap-md:20px;--grid-gap-lg:24px;--grid-gap-xl:32px;--mobile:480px;--tablet:768px;--laptop:1024px;--desktop:1200px;--large:1400px;--xlarge:1600px}.container{max-width:1400px;padding:0 20px}.container-content{max-width:1200px;max-width:var(--content-max-width)}.container-content,.container-narrow{margin:0 auto;padding:0 20px;padding:0 var(--spacing-lg)}.container-narrow{max-width:800px;max-width:var(--narrow-max-width)}.container-wide{margin:0 auto;max-width:1600px;max-width:var(--wide-max-width)}.container-fluid,.container-wide{padding:0 20px;padding:0 var(--spacing-lg)}.page-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#21262d66;border:1px solid #ffffff14;border-radius:16px;border-radius:var(--radius-xl);margin-bottom:48px;margin-bottom:var(--spacing-4xl);overflow:hidden;padding:32px;padding:var(--spacing-2xl);position:relative;transition:all .3s ease}.page-section:before{background:linear-gradient(135deg,#22c55e05,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-header{margin-bottom:24px;margin-bottom:var(--spacing-xl)}.section-title{color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;padding-bottom:12px;padding-bottom:var(--spacing-sm);position:relative}.section-title:after{background:var(--primary-color);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.grid{grid-gap:20px;grid-gap:var(--grid-gap-md);display:grid;gap:20px;gap:var(--grid-gap-md)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text-color);cursor:pointer;overflow:hidden;padding:24px;padding:var(--spacing-xl);position:relative;transition:all var(--transition-normal)}.card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.card-compact{border-radius:8px;border-radius:var(--radius-md);padding:16px;padding:var(--spacing-md)}.card-large{border-radius:16px;border-radius:var(--radius-xl);padding:40px;padding:var(--spacing-3xl)}.card-live{background:linear-gradient(135deg,var(--card-bg) 0,#ef444414 100%);border-color:var(--danger-color);border-width:2px;box-shadow:0 2px 12px #ef444426}.card-selected{background:linear-gradient(135deg,var(--card-bg) 0,#22c55e1a 100%);border-color:var(--primary-color);border-width:2px;box-shadow:0 4px 20px #22c55e33;transform:translateY(-2px)}.card-featured{background:linear-gradient(135deg,var(--card-bg) 0,#fbbf240d 100%);border-color:#fbbf24;border-width:2px;box-shadow:0 4px 20px #fbbf2426}@media (min-width:1401px){.container,.container-content,.container-fluid,.container-narrow,.container-wide{padding:0 40px;padding:0 var(--spacing-3xl)}.page-section{padding:40px;padding:var(--spacing-3xl)}}@media (max-width:1024px){.container,.container-content,.container-fluid,.container-narrow,.container-wide{padding:0 20px;padding:0 var(--spacing-lg)}.page-section{margin-bottom:32px;margin-bottom:var(--spacing-2xl);padding:24px;padding:var(--spacing-xl)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.container,.container-content,.container-fluid,.container-narrow,.container-wide{padding:0 16px;padding:0 var(--spacing-md)}.page-section{border-radius:12px;border-radius:var(--radius-lg);margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:20px;padding:var(--spacing-lg)}.section-title{font-size:1.3rem;margin-bottom:20px;margin-bottom:var(--spacing-lg)}.grid{gap:16px;gap:var(--grid-gap-sm)}.grid-2,.grid-3,.grid-4,.grid-auto,.grid-auto-lg,.grid-auto-sm{grid-template-columns:1fr}.card{border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;margin-bottom:0;padding:16px;padding:var(--spacing-md);width:100%}.card-compact{padding:12px;padding:var(--spacing-sm)}.card-large{padding:20px;padding:var(--spacing-lg)}.football-match-card,.match-card,.modern-match-card{border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;margin-bottom:0;padding:16px;padding:var(--spacing-md);width:100%}}@media (max-width:480px){.container,.container-content,.container-fluid,.container-narrow,.container-wide{padding:0 12px;padding:0 var(--spacing-sm)}.page-section{border-radius:8px;border-radius:var(--radius-md);margin-bottom:20px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.section-title{font-size:1.2rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}.grid{gap:12px;gap:var(--grid-gap-xs)}.card{border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;margin-bottom:0;padding:12px;padding:var(--spacing-sm);width:100%}.card-compact{padding:8px;padding:var(--spacing-xs)}.card-large{padding:16px;padding:var(--spacing-md)}.football-match-card,.match-card,.modern-match-card{border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;margin-bottom:0;padding:12px;padding:var(--spacing-sm);width:100%}}.mt-xs{margin-top:8px;margin-top:var(--spacing-xs)}.mt-sm{margin-top:12px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:20px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:24px;margin-top:var(--spacing-xl)}.mt-2xl{margin-top:32px;margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:8px;margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:12px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:20px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:24px;margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:32px;margin-bottom:var(--spacing-2xl)}.p-xs{padding:8px;padding:var(--spacing-xs)}.p-sm{padding:12px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:20px;padding:var(--spacing-lg)}.p-xl{padding:24px;padding:var(--spacing-xl)}.p-2xl{padding:32px;padding:var(--spacing-2xl)}.match-cards-container{box-sizing:border-box;max-width:100%;width:100%}.match-cards-container>*{box-sizing:border-box;margin-left:0;margin-right:0;width:100%}.matches-grid{grid-gap:24px;grid-gap:var(--grid-gap-lg);display:grid;gap:24px;gap:var(--grid-gap-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.matches-grid,.matches-grid>*{box-sizing:border-box;width:100%}.matches-grid>*{margin:0}@media (max-width:768px){.match-cards-container{padding:0 16px;padding:0 var(--spacing-md)}.match-cards-container>*{margin-bottom:16px;margin-bottom:var(--grid-gap-sm)}.match-cards-container>:last-child{margin-bottom:0}.matches-grid{gap:20px;gap:var(--grid-gap-md);grid-template-columns:1fr}}@media (max-width:480px){.match-cards-container{padding:0 12px;padding:0 var(--spacing-sm)}.match-cards-container>*{margin-bottom:12px;margin-bottom:var(--grid-gap-xs)}.matches-grid{gap:16px;gap:var(--grid-gap-sm)}}@media (max-width:768px){.hidden-mobile{display:none}.visible-mobile{display:block}}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:8px;gap:var(--spacing-xs)}.gap-sm{gap:12px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:20px;gap:var(--spacing-lg)}.gap-xl{gap:24px;gap:var(--spacing-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.rounded-xs{border-radius:4px;border-radius:var(--radius-xs)}.rounded-sm{border-radius:6px;border-radius:var(--radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--radius-xl)}.rounded-full{border-radius:50%;border-radius:var(--radius-full)}.football-match-card,.match-card,.modern-match-card{display:block;float:none;margin-bottom:0;margin-left:auto;margin-right:auto;position:relative}.match-grid,.matches-grid{box-sizing:border-box;display:grid;margin:0;padding:0;width:100%}@media (max-width:768px){.football-match-card,.match-card,.modern-match-card{box-sizing:border-box;display:block;float:none;margin-left:0;margin-right:0;max-width:100%;width:100%}.match-grid,.matches-grid{grid-template-columns:1fr;margin:0;padding:0;width:100%}.featured-match-section,.live-streams-section,.upcoming-matches-section{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.hls-player,.player,.player-section{box-sizing:border-box;display:block;float:none;margin-left:0;margin-right:0;max-width:100%;width:100%}}@media (max-width:480px){.football-match-card,.hls-player,.match-card,.modern-match-card,.player,.player-section{box-sizing:border-box;margin:0;max-width:100%;padding:12px;padding:var(--spacing-sm);width:100%}.hls-player,.player,.player-section{display:block;float:none}}:root{--bg-primary:#151b23;--bg-secondary:#1c2329;--card-bg:#21262dcc;--text-color:#f0f6fc;--text-secondary:#8b949e;--border-color:#ffffff1a;--hover-bg:#ffffff0d;--hover-color:#ffffff14;--input-background:#21262dcc;--input-bg:#21262dcc;--modal-background:#21262df2;--primary-color:#22c55e;--primary-color-light:#22c55e26;--primary-color-10:#22c55e1a;--primary-color-20:#22c55e33;--primary-color-dark:#16a34a;--primary-hover:#16a34a;--nav-bg:#151b23f2;--nav-bg-rgb:21,27,35;--footer-bg:#1c2329;--shadow:0 2px 12px #0006;--shadow-hover:0 4px 20px #00000080;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--border-radius:4px;--border-radius-lg:8px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}html{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:16px;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f0f6fc;color:var(--text-color,#f0f6fc);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-normal,.25s ease),color var(--transition-normal,.25s ease)}.app,body{background:linear-gradient(135deg,#22c55e05,#0000 30%,#22c55e03),#151b23;min-height:100vh}.app{display:flex;flex-direction:column;overflow-x:hidden;position:relative}.app,.main-nav{max-width:100vw;width:100%}.main-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151b23f2;background:var(--nav-bg,#151b23f2);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color,#ffffff1a);box-shadow:0 2px 12px #0006;box-shadow:var(--shadow,0 2px 12px #0006);position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.nav-container{height:90px;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-xl);position:relative;transition:height .3s ease}.nav-center,.nav-container{align-items:center;display:flex;justify-content:center}.nav-center{gap:20px}.nav-right{align-items:center;display:flex;gap:16px;position:absolute;right:24px}.mobile-text{display:none}.desktop-text{display:inline}.nav-link{align-items:center;background:#21262dcc;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#f0f6fc;color:var(--text-color);display:flex;font-size:14px;font-weight:600;gap:8px;padding:15px 23px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#22c55e;background:var(--primary-color);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-1px)}.nav-link.active,.nav-link:hover{border-color:#22c55e;border-color:var(--primary-color)}.nav-link.active{background:#22c55e26;background:var(--primary-color-light);color:#22c55e;color:var(--primary-color)}.telegram-link{align-items:center!important;background:linear-gradient(135deg,#08c,#229ed9)!important;border-color:#08c!important;border-radius:50%!important;color:#fff!important;display:flex!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;padding:0!important}.telegram-link:hover{background:linear-gradient(135deg,#006ba0,#1a8bc4)!important;box-shadow:0 4px 12px #08c6!important;transform:translateY(-1px) scale(1.1)}.telegram-icon{align-items:center;display:flex;justify-content:center}.telegram-icon svg{fill:#fff;display:block;height:20px;width:20px}.brand-logo{background:linear-gradient(135deg,#22c55e26,#22c55e);background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color));border:3px solid #22c55e;border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 16px #3b82f64d;height:80px;object-fit:contain;padding:8px;transition:all .3s ease;width:80px}.brand-logo:hover{border-color:#10b981;box-shadow:0 6px 20px #3b82f666;transform:scale(1.05) rotate(5deg)}.nav-icon{transition:all .3s ease}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-text{transition:all .3s ease}.nav-actions{align-items:center;display:flex;gap:16px}.main-content{background:#0000;flex:1 1;margin:0 auto;max-width:var(--container-max-width);overflow-x:hidden;padding:0 var(--spacing-lg);position:relative;width:100%}.main-content.login-layout{align-items:center;background:#151b23;background:var(--bg-primary);display:flex;justify-content:center;margin:0;max-width:none;min-height:100vh;padding:0}@media (max-width:1024px){.main-content{min-height:calc(100vh - 100px);padding:0 var(--spacing-md)}}@media (max-width:768px){.main-content{min-height:calc(100vh - 80px);padding:0 var(--spacing-md)}}@media (max-width:480px){.main-content{min-height:calc(100vh - 70px);padding:0 var(--spacing-sm)}}.main-footer{background:#1c2329;background:var(--footer-bg);border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);margin-top:auto}.footer-container{margin:0 auto;max-width:var(--container-max-width);padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-lg)}.footer-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.footer-section h3,.footer-section h4{color:#f0f6fc;color:var(--text-color);font-weight:600;margin-bottom:16px}.footer-section h3{font-size:20px}.footer-section h4{font-size:16px}.footer-section p{color:#8b949e;color:var(--text-secondary);font-size:14px;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#8b949e;color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:#22c55e;color:var(--primary-color)}.footer-section ul li a[href*="t.me/f4utg"]{color:#08c;font-weight:600}.footer-section ul li a[href*="t.me/f4utg"]:hover{color:#229ed9;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);padding-top:20px;text-align:center}.footer-bottom p{color:#8b949e;color:var(--text-secondary);font-size:13px}@media (max-width:768px){.footer-container{padding:20px 16px 16px}.footer-content{gap:20px;grid-template-columns:1fr;margin-bottom:20px;text-align:center}.footer-section h3{font-size:18px;margin-bottom:12px}.footer-section h4{font-size:14px;margin-bottom:12px}.footer-section p{font-size:13px}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{font-size:13px}}@media (max-width:480px){.footer-container{padding:16px 12px 12px}.footer-content{gap:16px;margin-bottom:16px}.footer-section h3{font-size:16px}.footer-section h4{font-size:13px}.footer-section p,.footer-section ul li a{font-size:12px}.footer-bottom p{font-size:11px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.fade-in{animation:fadeIn .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1c2329;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b949e;background:var(--text-secondary)}.container-fluid{padding:0 var(--spacing-md);width:100%}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-lg)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-sm)*-1)}.col{flex:1 1;padding:0 var(--spacing-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden-mobile{display:block}.visible-mobile{display:none}@media (max-width:768px){.hidden-mobile{display:none}.visible-mobile{display:block}.container{padding:0 var(--spacing-md)}.row{margin:0 calc(var(--spacing-xs)*-1)}.col{padding:0 var(--spacing-xs)}}@media (max-width:480px){.container,.container-fluid{padding:0 var(--spacing-sm)}.row{margin:0 calc(var(--spacing-xs)*-1/2)}.col{padding:0 calc(var(--spacing-xs)/2)}}@media (max-width:1024px){.nav-container{height:80px;padding:0 var(--spacing-lg)}.nav-center{gap:var(--spacing-md)}.nav-right{gap:var(--spacing-sm);right:var(--spacing-lg)}.brand-logo{background:linear-gradient(135deg,#22c55e26,#22c55e);background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color));border:3px solid #22c55e;border:3px solid var(--primary-color);border-radius:var(--radius-full);box-shadow:0 4px 14px #3b82f64d;height:70px;padding:6px;width:70px}.nav-link{font-size:13px;padding:var(--spacing-xs) var(--spacing-md)}}@media (max-width:768px){.nav-container{align-items:center;display:flex;height:auto;justify-content:center;min-height:50px;padding:var(--spacing-xs) var(--spacing-md)}.nav-center{gap:var(--spacing-sm)}.nav-right{gap:var(--spacing-xs);right:var(--spacing-md)}.mobile-text{display:inline}.desktop-text{display:none}.nav-brand{align-items:center;border:none;display:flex;flex:0 0 auto;justify-content:center;margin:0 var(--spacing-xs);order:0;padding:0;position:relative}.nav-brand:after{animation:pulse 2s infinite;border:1px solid #3b82f633;border-radius:var(--radius-full);content:"";height:48px;position:absolute;width:48px;z-index:-1}.brand-logo{background:linear-gradient(135deg,#22c55e26,#22c55e);background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color));border:2px solid #22c55e;border:2px solid var(--primary-color);border-radius:var(--radius-full);box-shadow:0 4px 12px #3b82f64d;height:40px;overflow:hidden;padding:4px;position:relative;transition:all .3s ease;width:40px}.brand-logo:before{animation:rotate 3s linear infinite;background:linear-gradient(45deg,#22c55e,#10b981,#22c55e);background:linear-gradient(45deg,var(--primary-color),#10b981,var(--primary-color));border-radius:var(--radius-full);bottom:-2px;content:"";left:-2px;opacity:.8;position:absolute;right:-2px;top:-2px;z-index:-1}.brand-logo:hover{border-color:#10b981;box-shadow:0 6px 16px #3b82f666;transform:scale(1.05) rotate(5deg)}.nav-link{background:#21262dcc;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:0 0 auto;font-size:11px;justify-content:center;margin:0;max-width:none;min-height:32px;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#22c55e;background:var(--primary-color);box-shadow:0 4px 8px #3b82f64d;color:#fff;transform:translateY(-1px)}.nav-link.active,.nav-link:hover{border-color:#22c55e;border-color:var(--primary-color)}.nav-link.active{background:#22c55e26;background:var(--primary-color-light);color:#22c55e;color:var(--primary-color);font-weight:600}.nav-text{display:block;font-size:11px;font-weight:500}.nav-icon{display:none}.telegram-link{background:linear-gradient(135deg,#08c,#229ed9)!important;border-color:#08c!important;border-radius:var(--radius-full)!important;color:#fff!important;flex:0 0 32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:var(--spacing-xs)!important}.telegram-link:hover{background:linear-gradient(135deg,#006ba0,#1a8bc4)!important;transform:scale(1.1)}.telegram-icon{color:#fff!important;font-size:16px!important}}@media (max-width:480px){.nav-container{min-height:45px;padding:var(--spacing-xs) var(--spacing-sm)}.nav-center,.nav-right{gap:var(--spacing-xs)}.nav-right{right:var(--spacing-sm)}.nav-link{border-radius:var(--radius-xs);font-size:10px;min-height:30px;padding:10px var(--spacing-lg)}.nav-text{font-size:10px;font-weight:500}.brand-logo{border-width:2px;height:36px;padding:3px;width:36px}.brand-logo:hover{transform:scale(1.03) rotate(3deg)}.nav-brand:after{height:44px;width:44px}.telegram-link{max-width:30px!important;min-height:30px!important;min-width:30px!important;padding:5px!important}.telegram-icon{font-size:15px!important}}@media (max-width:360px){.nav-container{min-height:40px;padding:4px 8px}.nav-center{gap:6px}.nav-right{gap:4px;right:8px}.nav-link{border-radius:3px;font-size:9px;min-height:26px;padding:4px 6px}.nav-text{font-size:9px;font-weight:500}.brand-logo{border-width:1px;height:32px;padding:2px;width:32px}.nav-brand:after{height:38px;width:38px}.telegram-link{max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:4px!important}.telegram-icon{font-size:14px!important}}.brand-text,.nav-icon{font-size:18px}.footer-container{padding:30px 16px 16px}.footer-content{gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.main-content{min-height:calc(100vh - 120px)}@media (max-width:480px){.footer-content{gap:20px;grid-template-columns:1fr}}@media (min-width:1201px){.main-content,.nav-container{max-width:1400px;padding:0 40px}.footer-container{max-width:1400px;padding:48px 40px 24px}}@media (min-width:1601px){.main-content,.nav-container{max-width:1600px;padding:0 60px}.footer-container{max-width:1600px;padding:60px 60px 30px}}.stream-container{display:flex;gap:20px;justify-content:center;margin:20px auto;max-width:1600px;padding:0 20px;position:relative}.side-ad{min-height:600px;position:-webkit-sticky;position:sticky;top:20px;width:160px}.side-ad img{border-radius:8px;height:auto;transition:transform .2s ease;width:100%}.side-ad a:hover img{transform:scale(1.02)}.player-section{flex:1 1;margin:0 auto;max-width:1280px;position:relative}.player-banner{display:block;left:50%;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;z-index:20}.player-banner[data-position=top]{top:0}.player-banner[data-position=bottom]{bottom:0}.player-banner img{border-radius:8px 8px 0 0;height:auto;max-width:100%}.player-banner:hover{opacity:.95}.ad-label{background:#0009;border-radius:4px;color:#fff;font-size:.75rem;opacity:.8;padding:2px 6px;position:absolute;right:8px;top:8px}@media (max-width:1400px){.side-ad{width:120px}}@media (max-width:1200px){.stream-container{margin:20px 0}.side-ad{display:none}.player-section{max-width:100%}}@media (max-width:768px){.player-banner img{height:60px;width:auto}}.player{display:flex;flex-direction:column;gap:12px}.player-frame{background:#000;border-radius:8px;overflow:hidden;padding-top:56.25%;position:relative}.player-frame video{border:0;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.player-overlay{background:linear-gradient(0deg,#000000e6,#0000 20%,#0000 80%,#0006);display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;padding:20px;position:absolute;transition:opacity .3s ease;z-index:10}.btn-fullscreen{background:#000000b3!important;font-size:20px!important;padding:8px 10px!important}.player:hover .player-overlay{opacity:1}.top-controls{display:flex;justify-content:flex-end}.center-controls{align-items:center;display:flex;justify-content:center}.bottom-controls{display:flex;flex-direction:column;gap:8px}.progress-bar{background:#fff3;border-radius:2px;cursor:pointer;height:4px;position:relative;transition:height .2s ease;width:100%}.player:hover .progress-bar{height:6px}.progress-buffer{background:#ffffff4d}.progress-buffer,.progress-current{border-radius:2px;height:100%;position:absolute}.progress-current{background:var(--accent)}.big-play-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:48px;height:80px;justify-content:center;transition:transform .2s ease;width:80px}.big-play-btn:hover{transform:scale(1.1)}.ad-badge{background:#0009;border-radius:4px;padding:4px 8px}.ad-badge,.time-display{color:#fff;font-size:.9rem}.time-display{margin-left:12px}.player:fullscreen{height:100vh;width:100vw}.player:fullscreen .player-frame{height:100vh;padding-top:0}.player:fullscreen video{object-fit:contain}.player:-ms-fullscreen .player-overlay,.player:-webkit-full-screen .player-overlay,.player:fullscreen .player-overlay{padding:40px}.skip-ad-btn{background:#000c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:12px;padding:8px 16px;transition:background-color .2s ease}.skip-ad-btn:hover{background:var(--accent)}.player-controls{color:var(--muted);font-size:.9rem}.player-frame--custom{margin:0 auto;max-height:720px;padding-top:56.25%}.player-frame--custom .ad-wrap{align-items:center;background:#000;display:flex;inset:0;justify-content:center;position:absolute}.player-frame--custom img{display:block;height:100%;object-fit:cover;width:100%}.ad-overlay{background:#00000073;border-radius:8px;bottom:12px;color:#fff;font-size:.95rem;padding:6px 10px;position:absolute;right:12px}.player-controls-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:8px}.controls-left{gap:8px}.controls-left,.player .btn{align-items:center;display:flex}.player .btn{background:#00000080;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s ease}.player .btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}.player .btn:disabled{cursor:not-allowed;opacity:.5}.vol input[type=range]{width:120px}@media (max-width:720px){.player-frame--custom{padding-top:56.25%}.vol input[type=range]{width:80px}.topnav{padding:10px}.content{padding:12px}}@media (max-width:420px){.player-frame--custom{padding-top:66%}.player-controls-row{align-items:flex-start;flex-direction:column;gap:6px}}.table-wrap{overflow:auto}.schedule-table{border-collapse:collapse;margin-top:12px;width:100%}.schedule-table td,.schedule-table th{border-bottom:1px solid #0000000a;padding:12px 8px;text-align:left}.schedule-table thead th{color:var(--muted);font-size:.85rem}.schedule-table tbody tr:hover{background:linear-gradient(90deg,#0b5ed708,#0000)}.admin-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-form input{border:1px solid #030c1e0f;border-radius:8px;min-width:220px;padding:10px 12px}.btn-primary{background:var(--accent);padding:10px 14px}.btn-danger,.btn-primary{border:none;border-radius:8px;color:#fff;cursor:pointer}.btn-danger{background:var(--danger);padding:6px 10px}.admin-list ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:12px 0 0;padding:0}.admin-row{align-items:center;background:linear-gradient(180deg,#00000003,#0000);border-radius:8px;display:flex;justify-content:space-between;padding:10px}.muted,.site-footer{color:var(--muted)}.site-footer{padding:20px;text-align:center}.theme-toggle{align-items:center;display:flex;gap:8px;margin-left:auto}.switch{display:inline-block;height:26px;position:relative;width:46px}.switch input{height:0;opacity:0;width:0}.slider{background:#030c1e0f;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:20px}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translateX(20px)}.theme-label{color:var(--muted);font-size:.85rem}.player-tabs{width:100%}.tabs-header{background:#0000000d;border-radius:8px 8px 0 0;display:flex;gap:2px;margin-bottom:1px;padding:4px}.tab-btn{background:#ffffff80;border:none;border-radius:6px;color:var(--text);cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .2s ease}.tab-btn:hover{background:#fffc}.tab-btn.active{background:var(--accent);color:#fff}.tabs-content{background:var(--card);border-radius:0 0 8px 8px;overflow:hidden}.tabs-toolbar{background:linear-gradient(180deg,#ffffff05,#0000);border-bottom:1px solid #030c1e0a}.mode-btn{background:#0000;border:1px solid #030c1e0f;border-radius:6px;color:var(--muted);cursor:pointer;margin-right:6px;padding:6px 8px}.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.stream-buttons{display:inline-flex;gap:8px}.stream-item{background:#fff;border:1px solid #030c1e0f;border-radius:8px;color:var(--text);cursor:pointer;padding:8px 12px}.stream-item.active{background:linear-gradient(90deg,var(--accent),#1e7be6);border-color:#0000;box-shadow:0 6px 18px #0b5ed71f;color:#fff}.stream-select{background:#fff;border:1px solid #030c1e0f;border-radius:8px;padding:8px 10px}.player-card{background:linear-gradient(180deg,#ffffff05,#0000);border-radius:8px;padding:12px}.player-card-header .muted{color:var(--muted)}.ad-label,.ad-overlay,.player-banner,.side-ad,.skip-ad-btn{display:none!important}.content{max-width:1400px}.player-card{background:linear-gradient(180deg,#ffffff08,#0000);box-shadow:0 10px 30px #030c1e14;margin:0 auto;max-width:1200px;padding:18px}.player-frame,.player-frame--custom{margin:0 auto;max-width:1200px;padding-top:56.25%;width:100%}.player-frame video{object-fit:cover}@media (max-width:1200px){.content{max-width:100%;padding:12px}.player-card{box-shadow:0 6px 18px #030c1e0f;padding:12px}}.page-with-banners{align-items:flex-start;display:flex;gap:32px;justify-content:center;margin:0 auto;max-width:1600px;min-height:calc(100vh - 136px);padding:32px 24px}@media (max-width:1200px){.page-with-banners{align-items:center;flex-direction:column}}@media (max-width:768px){.page-with-banners{display:block;padding:16px}}.left-banners,.right-banners{display:flex;flex-direction:column;flex-shrink:0;gap:24px;padding:16px 0;width:200px}.main-content-banners{flex:1 1;max-width:100%;overflow-x:hidden;padding:0 16px;width:100%}.promo-banner{background:#21262dcc;background:var(--card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 2px 12px #0006;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.promo-banner:hover{box-shadow:0 4px 20px #00000080;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.promo-banner.vertical{height:600px;width:200px}.promo-banner.square{height:200px;width:200px}.promo-banner.horizontal{height:100px;margin:24px 0;width:100%}.banner-content{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.banner-gif{border-radius:4px;border-radius:var(--border-radius);height:100%;object-fit:cover;width:100%}.banner-placeholder{align-items:center;background:linear-gradient(135deg,#22c55e26,#ffffff0d);background:linear-gradient(135deg,var(--primary-color-light),var(--hover-bg));color:#8b949e;color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;height:100%;justify-content:center;padding:10px;text-align:center;width:100%}.promo-label{background:#0009;border-radius:2px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:4px;top:4px}@media (max-width:1200px){.page-with-banners{align-items:center;flex-direction:column;gap:24px;padding:24px 16px}.left-banners,.right-banners{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;max-width:800px;padding:16px 0;width:100%}.promo-banner.vertical{height:180px;width:180px}.promo-banner.square{height:160px;width:160px}.main-content-banners{max-width:800px;padding:0;width:100%}}@media (max-width:768px){.page-with-banners{display:flex;flex-direction:column;gap:20px;padding:16px 12px}.left-banners{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-around;margin:16px 0;order:1;width:100%}.main-content-banners{order:2;padding:0;width:100%}.right-banners{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-around;margin:16px 0;order:3;width:100%}.promo-banner.square,.promo-banner.vertical{flex:0 0 140px;height:140px;width:140px}.promo-banner.horizontal{flex:1 1 100%;height:100px;margin:16px 0;width:100%}}@media (max-width:480px){.page-with-banners{gap:16px;padding:12px 8px}.left-banners,.right-banners{gap:8px;margin:12px 0}.promo-banner.square,.promo-banner.vertical{flex:0 0 120px;height:120px;width:120px}.promo-banner.horizontal{height:80px;margin:12px 0}.banner-placeholder{font-size:11px;padding:8px}}
/*# sourceMappingURL=main.b3d02339.css.map*/