body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Arial,sans-serif;font-size:14px}.App,body{background-color:#00141e}.App{min-height:100vh}.header{background-color:#001e28;border-bottom:1px solid #003545;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{background:#003545;border-bottom:1px solid #002a37;height:50px;justify-content:space-between;padding:0 20px}.header-content,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:18px;font-weight:700;text-decoration:none}.logo:before{color:#ff6b35;content:"⚡";margin-right:8px}.responsible-gambling{color:gold;flex:1 1;font-size:14px;font-weight:700;margin:0 20px;text-align:center}.header-actions{align-items:center;display:flex;gap:15px}.search-icon{color:#8a9ba8;cursor:pointer;padding:8px}.search-icon:hover{color:#fff}.app-title{color:#fff;font-size:20px;font-weight:600;margin:0}.main-nav{align-items:center;display:flex;gap:0}.nav-tab{border-bottom:3px solid #0000;color:#8a9ba8;font-size:14px;font-weight:500;padding:18px 20px;text-decoration:none;transition:all .2s}.nav-tab.active{border-bottom-color:#ff6b35;color:#fff}.nav-tab:hover{color:#fff}.sports-nav{align-items:center;background:#002a37;border-bottom:1px solid #002a37;display:flex;height:50px;justify-content:center;padding:0 20px}.sports-nav-list{display:flex;gap:0;list-style:none;min-width:-webkit-max-content;min-width:max-content}.sport-nav-item{align-items:center;border-bottom:3px solid #0000;color:#8a9ba8;display:flex;font-size:13px;font-weight:700;letter-spacing:.5px;padding:15px 18px;text-decoration:none;text-transform:uppercase;transition:all .2s;white-space:nowrap}.sport-nav-item:hover{color:#fff}.sport-nav-item.active{border-bottom-color:#ff6b35;color:#fff}.sports-nav .sport-icon{font-size:10px;margin-right:6px}.favorites-count{background-color:#ff6b35;border-radius:10px;color:#fff;font-size:11px;margin-left:6px;min-width:16px;padding:2px 6px;text-align:center}.main-layout{display:flex;min-height:calc(100vh - 120px)}.left-sidebar{background-color:#001e28;border-right:1px solid #003545;overflow-y:auto;padding:20px 0;width:280px}.content-wrapper{background-color:#00141e;display:flex;flex:1 1;flex-direction:column}.main-content{background-color:#00141e;flex:1 1;overflow-y:auto;padding:20px}.right-sidebar{background-color:#001e28;border-left:1px solid #003545;overflow-y:auto;padding:20px;width:320px}.bottom-ads{background-color:#001e28;border-top:1px solid #003545;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:15px}.pinned-leagues{padding:0 20px}.pinned-leagues h3{color:#8a9ba8;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:15px;padding:0 10px;text-transform:uppercase}.league-list{list-style:none}.league-item{align-items:center;border-radius:4px;color:#8a9ba8;display:flex;margin-bottom:2px;padding:8px 10px;text-decoration:none;transition:all .2s}.league-item:hover{background-color:#003545;color:#fff}.league-item.active{background-color:#ff6b35;color:#fff}.league-flag{background-position:50%;background-size:cover;border-radius:2px;flex-shrink:0;height:14px;margin-right:10px;width:20px}.league-name{font-size:13px;font-weight:500}.flag-england{background-color:red}.flag-france{background:linear-gradient(90deg,#0055a4 33%,#fff 0,#fff 67%,#ef4135 0)}.flag-germany{background:linear-gradient(180deg,#000 33%,red 0,red 67%,#ffce00 0)}.flag-spain{background:linear-gradient(180deg,#aa151b 25%,#f1bf00 0,#f1bf00 75%,#aa151b 0)}.flag-netherlands{background:linear-gradient(180deg,#ae1c28 33%,#fff 0,#fff 67%,#21468b 0)}.flag-europe{background:linear-gradient(45deg,#039,#fc0)}.sports-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.sport-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:inherit;cursor:pointer;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.sport-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.sport-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.sport-icon{font-size:2rem}.sport-name{color:#0d47a1;font-size:1.2rem;font-weight:600}.sport-stats{display:flex;gap:1rem;justify-content:space-between}.stat{text-align:center}.stat-number{color:#0d47a1;font-size:1.5rem;font-weight:700}.stat-label{color:#666;font-size:.9rem}.match-tabs{display:flex;gap:0;margin-bottom:20px}.match-tab{background:#001e28;border:none;border-radius:4px 4px 0 0;color:#8a9ba8;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;margin-right:2px;padding:10px 16px;text-transform:uppercase;transition:all .2s}.match-tab.active{background:#ff6b35;color:#fff}.match-tab.active.live-tab{background:#0f0;box-shadow:0 0 6px #0f0;color:#001e28;font-weight:700}.match-tab:hover{color:#fff}.competition-section{margin-bottom:0}.competition-header{align-items:center;background-color:#001e28;border-radius:6px 6px 0 0;cursor:pointer;display:flex;margin-bottom:0;padding:12px 15px}.competition-flag{background-position:50%;background-size:cover;border-radius:2px;flex-shrink:0;height:12px;margin-right:10px;width:18px}.competition-name{color:#fff;flex:1 1;font-size:13px;font-weight:600}.competition-info{font-size:11px}.competition-info,.expand-icon{color:#8a9ba8;margin-left:10px}.matches-list{background-color:#00141e;border-radius:0 0 6px 6px;overflow:hidden}.match-card{align-items:center;border-bottom:1px solid #001e28;cursor:pointer;display:flex;padding:8px 15px;transition:background-color .2s}.match-card:last-child{border-bottom:none}.match-card:hover{background-color:#001e28}.match-card.live{background-color:#00141e}.match-card.live:hover{background-color:#001e28}.match-time-info{align-items:center;display:flex;margin-right:15px;min-width:40px}.match-time{color:#8a9ba8;font-size:11px;font-weight:500}.match-time.live{color:#0f0;font-weight:700;text-shadow:0 0 2px #0f0}.live-indicator{background-color:#0f0;border-radius:50%;box-shadow:0 0 4px #0f0;height:8px;margin-right:5px;width:8px}.teams-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.team-row{justify-content:space-between}.team-info,.team-row{align-items:center;display:flex}.team-info{flex:1 1}.team-flag{border-radius:2px;flex-shrink:0;height:18px;margin-right:8px;object-fit:cover;width:18px}.team-name{color:#fff;flex:1 1;font-size:13px;font-weight:500;text-align:left}.bet-name-main,.bet-name-secondary{background:#003545;border-radius:3px;color:#8a9ba8;font-size:11px;font-weight:600;margin-left:10px;min-width:60px;padding:2px 6px;text-align:right}.bet-probability-section{align-items:center;display:flex;justify-content:center;margin:0 10px}.bet-probability-main{font-size:12px;font-weight:600;text-align:center}.match-actions{align-items:center;display:flex;gap:8px;margin-left:15px}.bet-result-icon{align-items:center;border:1px solid #0000;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.bet-result-icon.win{background-color:#4caf50;border-color:#4caf50}.bet-result-icon.loss{background-color:#f44336;border-color:#f44336}.bet-result-icon.pending{background-color:#666;border-color:#666;color:#ccc}.match-status{display:flex;justify-content:center;margin-top:.5rem}.status-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-live{background-color:#4caf50;color:#fff}.status-finished{background-color:#666;color:#fff}.status-scheduled{background-color:#ff9800;color:#fff}.match-details{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.match-details.popup-mode{background:#00141e;border-radius:0;box-shadow:none;color:#fff;min-height:100vh;padding:1rem}.popup-header{align-items:center;border-bottom:1px solid #003545;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0}.popup-header h2{color:#fff;font-size:18px;margin:0}.close-popup{background:#0000;border:1px solid #8a9ba8;border-radius:4px;color:#8a9ba8;cursor:pointer;font-size:16px;padding:5px 10px;transition:all .2s}.close-popup:hover{border-color:#fff;color:#fff}.match-details.popup-mode .match-details-header h1{color:#fff}.match-details.popup-mode .match-date{color:#8a9ba8}.match-details.popup-mode .team-info h3{color:#fff}.match-details.popup-mode .team-country{color:#8a9ba8}.match-details.popup-mode .final-score{color:#ff6b35}.match-details.popup-mode .events-section h3,.match-details.popup-mode .match-info-section h3,.match-details.popup-mode .vs-display{color:#fff}.match-details.popup-mode .info-label{color:#8a9ba8}.match-details.popup-mode .info-value{color:#fff}.popup-layout{background-color:#00141e;min-height:100vh;padding:0}.match-header-popup{border-bottom:1px solid #003545;padding:15px 20px}.breadcrumb{color:#8a9ba8;font-size:11px;margin-bottom:15px;text-align:center}.match-info-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.match-datetime{color:#8a9ba8;font-size:12px;margin-bottom:15px;text-align:center}.teams-score-section{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:500px;width:100%}.team-section{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:140px;min-width:0}.team-flag-large{border-radius:4px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.team-name-large{word-wrap:break-word;color:#fff;font-size:13px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;max-width:100%;text-align:center}.score-section{flex-shrink:0;margin:0 20px;text-align:center}.score-large{color:#fff;font-size:32px;font-weight:700}.score-large,.vs-large{line-height:1;margin-bottom:5px}.vs-large{color:#8a9ba8;font-size:20px}.match-status-small{color:#8a9ba8;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.match-status-small.live{animation:pulse 2s infinite;color:#0f0;font-weight:700;text-shadow:0 0 2px #0f0}.main-tabs{border-bottom:1px solid #003545;display:flex;margin-bottom:0}.main-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#8a9ba8;cursor:pointer;font-size:12px;font-weight:600;padding:12px 20px;text-transform:uppercase;transition:all .2s}.main-tab.active{border-bottom-color:#ff6b35;color:#ff6b35}.main-tab:hover{color:#fff}.sub-tabs{background-color:#001e28;border-bottom:1px solid #003545;display:flex;gap:2px;justify-content:flex-start;padding:0}.sub-tab{background:#0000;border:none;border-radius:4px 4px 0 0;color:#8a9ba8;cursor:pointer;flex:0 0 auto;font-size:11px;font-weight:600;min-width:120px;padding:12px 20px;text-align:center;text-transform:uppercase;transition:all .2s}.sub-tab.active{background:#ff6b35;color:#fff}.sub-tab:hover:not(.active){background:#003545;color:#fff}.tab-content{padding:20px}.period-scores{margin-bottom:25px}.period-header{align-items:center;border-bottom:1px solid #003545;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0}.period-label{color:#8a9ba8;font-size:12px;font-weight:600;text-transform:uppercase}.period-score{color:#fff;font-size:14px;font-weight:600}.events-timeline-popup{margin-top:20px}.event-popup{align-items:center;border-bottom:1px solid #003545;display:flex;padding:8px 0}.event-minute-popup{color:#8a9ba8;font-size:12px;font-weight:600;min-width:40px}.event-icon-popup{font-size:16px;margin:0 10px}.event-description-popup{flex:1 1}.event-text-popup{color:#fff;font-size:13px}.stats-container{margin:0 auto;max-width:500px}.stat-row{align-items:center;border-bottom:1px solid #003545;display:flex;justify-content:space-between;padding:12px 0}.stat-away,.stat-home{color:#fff;font-size:14px;font-weight:600;min-width:80px;text-align:center}.stat-label{color:#8a9ba8;flex:1 1;font-size:13px;padding:0 20px;text-align:center}.predictions-container{margin:0 auto;max-width:600px}.predictions-header{grid-gap:15px;border-bottom:2px solid #003545;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 80px;margin-bottom:15px;padding:12px 0}.predictions-header span{color:#8a9ba8;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase}.header-bet{text-align:left!important}.prediction-row{grid-gap:15px;align-items:center;border-bottom:1px solid #003545;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 80px;padding:12px 0}.bet-name{color:#fff;font-size:13px;font-weight:500;text-align:left}.bet-odds,.bet-probability{font-size:14px;font-weight:600;text-align:center}.bet-odds{background:#003545;border-radius:4px;color:#fff;justify-self:center;padding:6px 12px}.bet-result{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;justify-self:center;width:24px}.bet-result.win{background-color:#4caf50;color:#fff}.bet-result.loss{background-color:#f44336;color:#fff}.bet-result.pending{background-color:#666;color:#ccc}.lineups-container{display:flex;gap:30px;justify-content:space-around}.team-lineup{flex:1 1}.team-lineup h4{color:#fff;font-size:16px;margin-bottom:10px;text-align:center}.formation{color:#8a9ba8;font-size:12px;margin-bottom:15px;text-align:center}.players-list{display:flex;flex-direction:column;gap:8px}.player{background:#003545;border-radius:4px;color:#fff;font-size:13px;padding:8px 12px}.match-details-header{margin-bottom:2rem;text-align:center}.match-details-teams{align-items:center;display:flex;justify-content:space-around;margin-bottom:2rem}.team-info{text-align:center}.team-info h3{color:#0d47a1;font-size:1.5rem;margin-bottom:.5rem}.final-score{color:#0d47a1;font-size:3rem;font-weight:700}.events-section{margin-top:2rem}.events-section h3{color:#0d47a1;margin-bottom:1rem}.event{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:.5rem}.event:last-child{border-bottom:none}.event-minute{color:#0d47a1;font-weight:700;min-width:40px}.event-description{flex:1 1;margin-left:1rem}.loading{color:#666}.error,.loading{padding:2rem;text-align:center}.error{background-color:#ffebee;border-radius:4px;color:#f44336;margin:1rem 0}.back-button{background-color:#0d47a1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1rem}.back-button:hover{background-color:#1565c0}.match-date{color:#666;margin-top:.5rem}.team-country{color:#666;font-size:.9rem}.score-display{margin:0 2rem;text-align:center}.vs-display{color:#666;font-size:2rem;font-weight:700}.match-status-info{margin-top:1rem}.live-indicator{animation:pulse 2s infinite;color:#4caf50;font-weight:700}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.finished-indicator{color:#666;font-weight:700}.scheduled-indicator{color:#ff9800;font-weight:700}.events-timeline{border-left:2px solid #e0e0e0;margin-left:2rem;padding-left:1rem}.event{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;position:relative}.event:before{background-color:#0d47a1;border-radius:50%;content:"";height:10px;left:-1.5rem;position:absolute;width:10px}.event-icon{font-size:1.2rem}.event-team{color:#666;font-size:.9rem;margin-left:.5rem}.match-info-section{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.info-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.info-label{color:#666}.info-label,.info-value{font-weight:500}.live-updates-notice{background-color:#e3f2fd;border-radius:4px;margin-top:2rem;padding:1rem;text-align:center}.live-updates-notice p{color:#0d47a1;margin:0}.competition-section{margin-bottom:2rem}.competition-header{border-bottom:1px solid #e0e0e0;color:#0d47a1;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.recent-events{border-top:1px solid #e0e0e0;font-size:.8rem;margin-top:.5rem;padding-top:.5rem}.mini-event{color:#666;display:flex;gap:.5rem;margin-bottom:.25rem}.no-matches{color:#666;padding:2rem;text-align:center}.date-nav{align-items:center;display:flex;gap:10px}.date-arrow{background:none;border:none;color:#8a9ba8;cursor:pointer;font-size:18px;padding:5px 10px}.date-arrow:hover{color:#fff}.current-date{color:#fff;font-size:14px;font-weight:600;margin:0 20px}.status-live{color:#0f0;font-weight:700}.status-finished,.status-scheduled{color:#8a9ba8;font-weight:400}.flag-england{background:linear-gradient(180deg,#012169 33%,#fff 0,#fff 67%,#c8102e 0)}.flag-spain{background:linear-gradient(180deg,#c60b1e 25%,#ffc400 0,#ffc400 75%,#c60b1e 0)}.flag-france{background:linear-gradient(90deg,#002395 33%,#fff 0,#fff 67%,#ed2939 0)}.flag-germany{background:linear-gradient(180deg,#000 33%,#d00 0,#d00 67%,#ffce00 0)}.flag-italy{background:linear-gradient(90deg,#009246 33%,#fff 0,#fff 67%,#ce2b37 0)}.flag-netherlands{background:linear-gradient(180deg,#21468b 33%,#fff 0,#fff 67%,#ae1c28 0)}.flag-europe{background:linear-gradient(45deg,#039 50%,#fc0 0)}.flag-slovakia{background:linear-gradient(180deg,#fff 33%,#0b4ea2 0,#0b4ea2 67%,#ee1c25 0)}.flag-romania{background:linear-gradient(90deg,#002b7f 33%,#fcd116 0,#fcd116 67%,#ce1126 0)}.flag-poland{background:linear-gradient(180deg,#fff 50%,#dc143c 0)}.flag-georgia{background:#fff;position:relative}.flag-portugal{background:linear-gradient(90deg,#046a38 40%,#da020e 0)}.flag-haiti{background:linear-gradient(180deg,#00209f 50%,#d21034 0)}.flag-curacao{background:#002868}.flag-saint-lucia{background:#65ceef}.flag-barbados{background:linear-gradient(90deg,#00267f 33%,#ffc72c 0,#ffc72c 67%,#00267f 0)}.flag-dominican-republic{background:#002d62}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#001e28}::-webkit-scrollbar-thumb{background:#003545;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#004555}@media (max-width:1200px){.right-sidebar{display:none}.main-content{border-right:none}}@media (max-width:768px){.left-sidebar{display:none}.main-layout{flex-direction:column}.main-content{border-left:none;border-right:none;padding:0}.sports-nav{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.sports-nav::-webkit-scrollbar{display:none}.header-content{padding:0 10px}.sport-nav-item{font-size:11px;padding:12px 8px}.match-card{border-radius:0;margin:0;padding:8px 10px}.competition-section{margin:0}.competition-header{margin:0;padding:8px 10px}.matches-list{gap:0}.teams-section{flex:1 1;min-width:0}.team-info{min-width:0}.team-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bet-name-main,.bet-name-secondary{font-size:10px;margin-left:5px;min-width:50px;padding:1px 4px}.bet-probability-section{margin:0 5px}.bet-probability-main{font-size:11px}.match-actions{margin-left:5px}.bet-result-icon{font-size:9px;height:18px;width:18px}}@media (max-width:600px){.teams-score-section{gap:10px;max-width:none}.team-section{align-items:center!important;flex-direction:row!important;gap:6px;justify-content:center!important;max-width:140px;width:100%}.team-flag-large{height:36px;width:36px}.team-name-large{font-size:12px;max-width:none}.score-section{margin:0}.score-large{font-size:28px}.sub-tabs{padding:0 10px}.sub-tab{font-size:10px;max-width:none;padding:10px 15px}.predictions-container{padding:0 10px}.prediction-row,.predictions-header{gap:10px;grid-template-columns:1.5fr 1fr 1fr 60px}.bet-name{font-size:12px}.bet-odds,.bet-probability{font-size:13px}.bet-result{font-size:11px;height:20px;width:20px}}@media (max-width:400px){.match-header-popup{padding:15px 10px}.team-section{gap:4px;max-width:120px}.team-flag-large{height:30px;width:30px}.team-name-large{font-size:11px}.score-large{font-size:24px}.prediction-row,.predictions-header{gap:8px;grid-template-columns:2fr 80px 70px 50px}.bet-name,.header-bet{font-size:11px}.header-odds,.header-probability,.header-result{font-size:10px}.bet-odds{font-size:12px;padding:4px 8px}}.horizontal-ad-placeholder{align-items:center;background:#1a1a1a;border:1px solid #2a4a5c;border-radius:6px;display:flex;height:120px;justify-content:center;margin:20px 0;padding:0}.ad-content{color:#666;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase}@media (max-width:600px){.horizontal-ad-placeholder{height:100px;margin:15px 0}.ad-content{font-size:12px}}@media (max-width:400px){.main-content{padding:0}.header-content{padding:0 5px}.match-card{margin:0;padding:6px 5px}.competition-header{font-size:12px;padding:6px 5px}.team-name{font-size:11px}.bet-name-main,.bet-name-secondary{font-size:9px;margin-left:3px;min-width:45px;padding:1px 3px}.bet-probability-section{margin:0 3px}.bet-probability-main{font-size:10px}.match-actions{margin-left:3px}.bet-result-icon{font-size:8px;height:16px;width:16px}.team-flag{height:14px;width:14px}.match-time{font-size:10px}.date-nav{padding:10px 0}.match-tabs{padding:0 5px}.match-tab{font-size:10px;padding:8px 10px}.horizontal-ad-placeholder{height:80px;margin:10px 0}.ad-content{font-size:11px}}