.livescore-container{width:100%;margin-bottom:2rem}.venue-group{margin-bottom:2.5rem}.venue-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-red)}.venue-group-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.venue-group-count{font-size:.875rem;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:.375rem .75rem;border-radius:6px;transition:color .3s ease,background-color .3s ease}.competition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color);gap:1.5rem;transition:border-color .3s ease}.competition-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);text-align:left;flex:1;transition:color .3s ease}.date-selector-inline{display:flex;align-items:center;flex-shrink:0}.date-selector-inline .date-select-wrapper{position:relative;min-width:180px}.date-selector-inline .date-select{width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.date-selector-inline .date-select:hover{border-color:var(--accent-red);background-color:var(--border-hover);box-shadow:0 0 0 1px #dc262633}.date-selector-inline .date-select:focus{outline:none;border-color:var(--accent-red);background-color:var(--border-hover);box-shadow:0 0 0 3px #dc262626}.date-selector-inline .date-select-wrapper:after{content:"";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-secondary);pointer-events:none;transition:all .2s ease}.date-selector-inline .date-select-wrapper:hover:after{border-top-color:var(--accent-red)}.date-selector-inline .date-select:focus+.date-select-wrapper:after,.date-selector-inline .date-select-wrapper:focus-within:after{border-top-color:var(--accent-red)}.date-selector-inline .date-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.75rem 1rem;font-weight:500}.livescore-table-wrapper{background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.livescore-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);transition:background-color .3s ease}.livescore-table thead{background:var(--bg-primary);border-bottom:2px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.livescore-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap;transition:color .3s ease}.livescore-table th.col-time{width:120px}.livescore-table th.col-teams{min-width:300px}.livescore-table th.col-odds{width:140px;text-align:center}.livescore-table th.col-result{width:80px;text-align:center}.livescore-table th.col-status{width:100px;text-align:center}.match-row{border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.match-row:hover{background-color:var(--bg-tertiary)}.match-row.row-live{background-color:#dc26261a;border-left:3px solid var(--accent-red)}.match-row.row-live:hover{background-color:#dc262626}.match-row.row-finished{opacity:.8}.livescore-table td{padding:1rem;vertical-align:middle}.cell-time{font-size:.875rem}.time-info{display:flex;flex-direction:column;gap:.25rem}.time{font-weight:600;color:var(--text-primary);font-size:.9rem;transition:color .3s ease}.date{font-size:.75rem;color:var(--text-tertiary);transition:color .3s ease}.cell-teams{min-width:300px}.teams-container{display:flex;flex-direction:column;gap:.5rem}.team{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.team-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.team-color.red{background:#dc2626}.team-color.blue{background:#2563eb}.team-name{font-weight:500;font-size:.9rem;color:var(--text-primary);flex:1;transition:color .3s ease}.team.winner .team-name{font-weight:700;color:#10b981}.team-home.winner .team-name{color:var(--accent-red)}.team-away.winner .team-name{color:var(--accent-blue)}.match-venue-info{margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border-color);transition:border-color .3s ease}.venue-text{font-size:.75rem;color:var(--text-tertiary);transition:color .3s ease}.cell-odds{text-align:center}.odds-container{display:flex;gap:.5rem;justify-content:center;align-items:center}.odd-box{min-width:55px;padding:.5rem .75rem;border-radius:4px;font-weight:700;font-size:.875rem;text-align:center}.odd-red{background:#dc262633;color:#dc2626;border:1px solid rgba(220,38,38,.4)}.odd-blue{background:#2563eb33;color:#3b82f6;border:1px solid rgba(37,99,235,.4)}.cell-result{text-align:center}.result-container{display:flex;justify-content:center;align-items:center}.result-badge{display:inline-block;padding:.375rem .625rem;border-radius:4px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.result-badge.winner-red{background:#dc262633;color:#dc2626;border:1px solid rgba(220,38,38,.4)}.result-badge.winner-blue{background:#2563eb33;color:#3b82f6;border:1px solid rgba(37,99,235,.4)}.result-badge.draw{background:#2a2a2a;color:#9ca3af;border:1px solid #3a3a3a}.result-placeholder{color:#4b5563;font-size:.875rem}.cell-status{text-align:center}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-live{background:#dc2626;color:#fff;animation:liveBlink 1.5s ease-in-out infinite}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.7}}.status-finished{background:var(--bg-tertiary);color:var(--text-secondary)}.status-upcoming{background:#2563eb33;color:var(--accent-blue)}@media (max-width: 1024px){.livescore-table-wrapper{overflow-x:auto}.livescore-table{min-width:800px}}@media (max-width: 768px){.competition-title{font-size:1.5rem}.livescore-table th,.livescore-table td{padding:.75rem .5rem;font-size:.875rem}.team-name{font-size:.85rem}.odd-box{min-width:45px;padding:.4rem .6rem;font-size:.8rem}}.data-saver{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #dc262626;border:2px solid rgba(220,38,38,.2);color:#1a1a1a}.data-saver-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.data-saver-header h2{color:#dc2626;font-size:1.5rem}.status-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600}.status-message.success{background:#d1fae5;color:#059669;border:1px solid #10b981}.status-message.error{background:#fee2e2;color:#dc2626;border:1px solid #ef4444}.data-preview{background:#fef2f2;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid rgba(220,38,38,.2)}.data-preview h3{color:#dc2626;margin-bottom:1rem}.preview-info{display:flex;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.preview-info p{color:#6b7280;font-weight:600}.json-viewer{margin-top:1rem}.json-viewer summary{cursor:pointer;color:#dc2626;font-weight:600;padding:.5rem;border-radius:4px;background:#fff;margin-bottom:.5rem}.json-viewer summary:hover{background:#fee2e2}.json-viewer pre{background:#fff;padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid rgba(220,38,38,.2);font-size:.875rem;max-height:400px;overflow-y:auto}.data-saver-info{background:#fef2f2;padding:1.5rem;border-radius:12px;border:1px solid rgba(220,38,38,.2)}.data-saver-info h3{color:#dc2626;margin-bottom:1rem}.data-saver-info ol{padding-left:1.5rem;color:#6b7280}.data-saver-info li{margin-bottom:.5rem;line-height:1.6}@media (max-width: 768px){.data-saver-header{flex-direction:column;align-items:stretch}.data-saver-header button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f3f4f6;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-hover: #d1d5db;--accent-red: #dc2626;--accent-red-hover: #b91c1c;--accent-blue: #2563eb;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--border-color: #2a2a2a;--border-hover: #3a3a3a;--accent-red: #dc2626;--accent-red-hover: #b91c1c;--accent-blue: #3b82f6;--shadow: rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.app{max-width:1600px;margin:0 auto;padding:0;min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a}.app-header{background:var(--bg-secondary);border-bottom:2px solid var(--accent-red);padding:1rem 2rem;box-shadow:0 2px 8px var(--shadow);transition:background-color .3s ease,border-color .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.admin-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-btn-primary{background:#dc2626;color:#fff}.admin-btn-primary:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-btn-secondary{background:#1a1a1a;color:#dc2626;border:1px solid #dc2626}.admin-btn-secondary:hover{background:#2a2a2a}.header-text{flex:1;text-align:left}.app-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.02em;transition:color .3s ease}.subtitle{font-size:1.2rem;color:#6b7280;font-weight:500}.language-switch{display:flex;gap:.25rem;background:var(--bg-tertiary);padding:.25rem;border-radius:8px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.language-button{display:flex;align-items:center;gap:.5rem;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;border-radius:6px;padding:.5rem .875rem;cursor:pointer;transition:all .2s ease}.language-button:hover{background:var(--border-hover);color:var(--text-primary)}.language-button.active{background:var(--accent-red);color:#fff}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);margin-left:.5rem}.theme-toggle:hover{background:var(--border-hover);color:var(--text-primary);border-color:var(--accent-red)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}.lang-flag{font-size:1rem;line-height:1}.lang-text{font-size:.8rem}.app-layout{display:flex;flex:1;min-height:calc(100vh - 80px)}.sidebar{width:240px;background:var(--bg-secondary);border-right:2px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.sidebar-header h3{font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;transition:color .3s ease}.sidebar-nav{display:flex;flex-direction:column;padding:1rem 0;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;border-left:3px solid transparent}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);border-left-color:var(--accent-red)}.nav-item.active{background:var(--bg-tertiary);color:var(--text-primary);border-left-color:var(--accent-red);background:linear-gradient(90deg,rgba(220,38,38,.1) 0%,transparent 100%)}.nav-item .nav-icon{font-size:1.5rem;line-height:1}.nav-item .nav-text{font-size:.95rem}.app-main-content{flex:1;padding:2rem;background:var(--bg-primary);overflow-x:auto;transition:background-color .3s ease}.app-main{flex:1;width:100%}.venue-selector{margin-top:1.5rem;margin-bottom:1.5rem;padding:0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.venue-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;transition:color .3s ease}.venue-select-wrapper{position:relative;width:100%}.venue-select{width:100%;padding:.875rem 2.75rem .875rem 1rem;font-size:.9rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.venue-select:hover{border-color:var(--accent-red);background-color:var(--border-hover);box-shadow:0 0 0 1px #dc262633}.venue-select:focus{outline:none;border-color:var(--accent-red);background-color:var(--border-hover);box-shadow:0 0 0 3px #dc262626}.venue-select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-secondary);pointer-events:none;transition:all .2s ease}.venue-select-wrapper:hover:after{border-top-color:var(--accent-red)}.venue-select:focus+.venue-select-wrapper:after,.venue-select-wrapper:focus-within:after{border-top-color:var(--accent-red)}.venue-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.75rem 1rem;font-weight:500}.date-selector{margin-top:1rem;padding:0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.date-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;transition:color .3s ease}.date-select-wrapper{position:relative;width:100%}.date-select{width:100%;padding:.875rem 2.75rem .875rem 1rem;font-size:.9rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.date-select:hover{border-color:var(--accent-red);background-color:var(--border-hover);box-shadow:0 0 0 1px #dc262633}.date-select:focus{outline:none;border-color:var(--accent-red);background-color:var(--border-hover);box-shadow:0 0 0 3px #dc262626}.date-select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-secondary);pointer-events:none;transition:all .2s ease}.date-select-wrapper:hover:after{border-top-color:var(--accent-red)}.date-select:focus+.date-select-wrapper:after,.date-select-wrapper:focus-within:after{border-top-color:var(--accent-red)}.date-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.75rem 1rem;font-weight:500}.venue-select option:hover{background:#dc2626}.venue-select option:checked{background:#dc2626;color:#fff}.app-footer{text-align:center;margin-top:3rem;padding:2rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.loading-container,.error-container,.no-data-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:3rem;margin-bottom:2rem;text-align:center;color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-red);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem;transition:border-color .3s ease}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#dc2626;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.error-note{color:#9ca3af;font-size:.9rem}.no-data-container p{color:#9ca3af;font-size:1.1rem}@media (max-width: 768px){.app{padding:0}.app-header{padding:.75rem 1rem}.app-header h1{font-size:1.25rem}.header-content{flex-direction:row;align-items:center}.header-text{flex:1}.app-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:2px solid #2a2a2a}.sidebar-nav{flex-direction:row;padding:.5rem;gap:.5rem;overflow-x:auto}.nav-item{flex-shrink:0;padding:.75rem 1.25rem;border-left:none;border-bottom:3px solid transparent}.nav-item:hover,.nav-item.active{border-left:none;border-bottom-color:#dc2626}.app-main-content{padding:1rem}}
