@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--bg-base:#000;--bg-surface:#1c1c1e99;--bg-surface-solid:#1c1c1e;--bg-surface-hover:#2c2c2ecc;--text-primary:#fff;--text-secondary:#8e8e93;--text-tertiary:#636366;--border-color:#38383a99;--border-strong:#38383a;--accent-color:#0a84ff;--accent-hover:#007aff;--accent-glow:#0a84ff4d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}h1{margin-bottom:24px;font-size:24px}h2{margin-bottom:16px;font-size:18px}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-surface-solid);color:var(--text-primary);border:none;border:1px solid var(--border-color);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--bg-surface-hover)}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 0 10px var(--accent-glow);border:1px solid #0000}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 16px var(--accent-glow)}.btn:disabled{opacity:.5;cursor:not-allowed}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#0006;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--accent-color);background:#0009;box-shadow:0 0 0 3px #0a84ff26}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.login-container{background-color:var(--bg-primary,#000);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.login-box{border-radius:var(--radius-lg,12px);background:var(--bg-secondary,#111);border:1px solid var(--border-color,#222);width:100%;max-width:400px;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-logo-container-large{justify-content:center;align-items:center;margin-bottom:40px;display:flex;position:relative}.login-logo-container-large h2{z-index:2;letter-spacing:-.04em;text-align:center;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;padding-bottom:10px;font-size:64px;font-weight:800;line-height:1.1;position:relative}.login-title{color:var(--text-primary,#fff);letter-spacing:-.02em;margin:0 0 12px;font-size:24px;font-weight:500}.login-subtitle{color:var(--text-secondary,#888);margin:0;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.login-form .form-input{color:#fff;border-radius:var(--radius-sm,6px);background-color:#050505;border:1px solid #333;padding:16px;font-size:16px;transition:border-color .2s}.login-form .form-input:focus{border-color:#007aff;outline:none}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.login-btn{border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;background:#007aff;border:none;width:100%;margin-top:12px;padding:16px;font-size:16px;font-weight:600;transition:background .2s,opacity .2s}.login-btn:hover:not(:disabled){opacity:1;background:#006ae6}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#ff453a;border-radius:var(--radius-sm,6px);text-align:center;background:#ff453a1a;border:1px solid #ff453a33;padding:12px;font-size:13px}.sidebar{z-index:100;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;width:260px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.sidebar-header{margin-bottom:40px;padding:0 12px;position:relative}.sidebar-header h2{z-index:2;margin:0;font-size:16px;font-weight:600;position:relative}.logo-glow{background:var(--accent-glow);filter:blur(15px);z-index:1;border-radius:50%;width:40px;height:40px;position:absolute;top:-10px;left:0}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-color);background:#0a84ff1a}.nav-item.active svg{color:var(--accent-color)}.sidebar-group{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.sidebar-group-title{text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;margin-top:8px;margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:600}.header{z-index:99;border-top:none;border-left:none;border-right:none;border-radius:0;align-items:center;height:60px;padding:0 40px;display:flex;position:fixed;top:0;left:260px;right:0}.header-nav{gap:16px;display:flex}.header-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.header-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.header-nav-item.active{color:var(--accent-color);background:#0a84ff1a}.header-nav-item.active svg{color:var(--accent-color)}.layout{min-height:100vh;display:flex}.main-content{flex:1;margin-left:260px;padding:100px 40px 40px}.content-container{max-width:1000px;margin:0 auto}.view-container{flex-direction:column;gap:32px;display:flex}.view-header h1{margin-bottom:8px}.subtitle{color:var(--text-secondary);font-size:15px}.card{padding:32px}.form-card{max-width:600px}.input-group{margin-bottom:24px}.help-text{color:var(--text-tertiary);margin-top:6px;font-size:11px}.toggle-group{gap:12px;display:flex}.toggle-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#0006;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:500;transition:all .2s;display:flex}.toggle-btn:hover{background:#ffffff0d}.toggle-btn.active-blue{color:#0a84ff;background:#0a84ff26;border-color:#0a84ff}.toggle-btn.active-red{color:#ff453a;background:#ff453a26;border-color:#ff453a}.toggle-btn.active-neutral{color:#8e8e93;background:#8e8e9326;border-color:#8e8e93}.form-actions{margin-top:32px}.error-panel{color:#ff453a;background:#ff453a1a;border-color:#ff453a4d;max-width:600px;padding:16px 24px}.success-panel{background:#30d1580d;border-color:#30d15833;align-items:flex-start;gap:16px;max-width:600px;padding:24px;display:flex}.success-icon{color:#30d158;flex-shrink:0;margin-top:2px}.success-content h3{color:#30d158;margin-bottom:4px;font-size:16px}.success-content p{color:var(--text-primary);margin-bottom:8px}.small-text{font-size:12px;color:var(--text-secondary)!important;margin-bottom:0!important}.result-panel{max-width:800px;padding:32px}.result-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.result-header h3{margin:0;font-size:18px}.badge{color:var(--text-secondary);background:#ffffff1a;border-radius:20px;padding:4px 10px;font-size:11px}.prob-display{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.prob-team{flex:1;align-items:center;gap:24px;display:flex}.prob-team.team-a{justify-content:flex-start}.prob-team.team-b{justify-content:flex-end}.prob-info h4{margin-bottom:4px;font-size:20px}.align-right{text-align:right}.rating{color:var(--text-secondary);font-size:13px}.prob-value{letter-spacing:-.04em;font-size:48px;font-weight:700}.blue-text{color:#0a84ff}.red-text{color:#ff453a}.vs-divider{background:var(--bg-surface-solid);border:1px solid var(--border-color);width:60px;height:60px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;margin:0 24px;display:flex}.prob-bar{background:var(--bg-surface-solid);border-radius:4px;height:8px;display:flex;overflow:hidden}.prob-bar-blue{background:#0a84ff;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.prob-bar-red{background:#ff453a;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.flex-header{justify-content:space-between;align-items:flex-start;display:flex}.events-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.event-card{border-top:2px solid #ffffff1a;flex-direction:column;gap:16px;padding:24px;transition:transform .2s,border-color .2s;display:flex}.event-card:hover{border-top-color:#0a84ff;transform:translateY(-4px)}.event-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.event-header h3{margin:0;font-size:18px;line-height:1.3}.status-badge{text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;background:#ffffff1a;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.status-live,.status-now,.status-ongoing{color:#30d158;background:#30d15826}.status-upcoming{color:#0a84ff;background:#0a84ff26}.status-completed,.status-finished{color:var(--text-tertiary);background:#ffffff0d}.event-details{flex:1}.event-date{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.event-id{font-size:12px}.text-muted{color:var(--text-tertiary)}.event-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:16px}.small-btn{width:100%;padding:6px 12px;font-size:13px}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:64px 32px;display:flex}.empty-icon{color:var(--text-tertiary);opacity:.5;margin-bottom:16px}.empty-state h3{color:var(--text-primary);margin-bottom:8px}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px;display:flex}.loader{border:3px solid #ffffff1a;border-top-color:#0a84ff;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);padding:16px}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#0003;font-size:13px;font-weight:600}.data-table tr:hover{background:#ffffff05}.data-table tr:last-child td{border-bottom:none}.text-highlight{color:var(--text-primary)}.text-bold{font-weight:600}.text-success{color:#30d158}.series-row:hover{background:#ffffff0a!important}.nested-table th{border-bottom:1px solid #ffffff0d;background:0 0!important}.stats-table{border-collapse:collapse;width:100%;font-size:12px}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:6px 8px}.stats-table th{color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:500}.stats-table tbody tr:last-child td{border-bottom:none}.game-row:hover{background:#ffffff0a!important}.spinner{animation:1s linear infinite spin}.toast-container{z-index:9999;flex-direction:column;gap:10px;max-width:350px;display:flex;position:fixed;top:20px;right:20px}.toast-container .success-panel,.toast-container .error-panel{margin:0;box-shadow:0 10px 25px #0003}