@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.app{min-height:100vh;background:var(--dk-black);display:flex;flex-direction:column}.main-content{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;padding:24px 16px;gap:24px}@media (max-width: 1024px){.main-content{flex-direction:column;padding-bottom:200px}}.dk-header{background:var(--dk-dark);border-bottom:1px solid var(--dk-border);position:sticky;top:0;z-index:1000}.dk-header-content{max-width:1400px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:64px;gap:32px}.dk-logo{display:flex;align-items:center;gap:12px}.dk-logo-icon{font-size:32px;filter:drop-shadow(0 0 8px rgba(83,211,55,.5))}.dk-brand{font-size:20px;font-weight:900;color:var(--dk-text);letter-spacing:2px}.dk-nav{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.dk-nav-item{color:var(--dk-text-muted);font-size:14px;font-weight:600;padding:8px 16px;border-radius:6px;transition:all .2s ease;text-decoration:none}.dk-nav-item:hover{color:var(--dk-text);background:var(--dk-gray-dark)}.dk-nav-item.active{color:var(--dk-green);background:#53d3371a}.dk-header-right{display:flex;align-items:center;gap:16px}.dk-balance-container{display:flex;align-items:center;gap:12px;background:var(--dk-gray-dark);border-radius:8px;padding:6px 6px 6px 16px}.dk-balance{display:flex;flex-direction:column}.dk-balance-label{font-size:10px;color:var(--dk-text-muted);text-transform:uppercase;letter-spacing:1px}.dk-balance-amount{font-size:16px;font-weight:700;color:var(--dk-text)}.dk-deposit-btn{background:var(--dk-green);color:var(--dk-black);border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.dk-deposit-btn:hover{background:var(--dk-green-hover);transform:translateY(-1px)}.dk-user-menu{display:flex;align-items:center;gap:8px}.dk-user-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--dk-border);color:var(--dk-text);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.dk-user-btn:hover{background:var(--dk-gray-dark);border-color:var(--dk-gray-light)}.dk-admin-btn{display:flex;align-items:center;gap:6px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);color:var(--dk-orange);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.dk-admin-btn:hover{background:#ff6b3533;border-color:var(--dk-orange)}.dk-account{position:relative}.dk-account-btn{background:transparent;border:2px solid var(--dk-border);border-radius:50%;padding:0;cursor:pointer;transition:all .2s ease}.dk-account-btn:hover{border-color:var(--dk-green)}.dk-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--dk-green) 0%,var(--dk-green-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--dk-black)}.dk-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--dk-dark);border:1px solid var(--dk-border);border-radius:8px;min-width:200px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;box-shadow:0 8px 32px #00000080}.dk-account:hover .dk-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dk-dropdown-header{padding:12px;display:flex;align-items:center;gap:8px}.dk-username{font-size:14px;font-weight:600;color:var(--dk-text)}.dk-username:hover{color:var(--dk-green)}.dk-admin-badge{background:var(--dk-orange);color:var(--dk-black);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.dk-dropdown-divider{height:1px;background:var(--dk-border);margin:4px 0}.dk-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--dk-text-muted);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease;text-align:left}.dk-dropdown-item:hover{background:var(--dk-gray-dark);color:var(--dk-text)}.dk-dropdown-item.dk-logout{color:var(--dk-red)}.dk-dropdown-item.dk-logout:hover{background:#ff47571a;color:var(--dk-red)}@media (max-width: 1024px){.dk-nav{display:none}.dk-header-content{gap:16px}}@media (max-width: 768px){.dk-user-btn span:not(.dk-user-icon){display:none}.dk-admin-btn span:not(.dk-admin-icon){display:none}.dk-balance-container{padding:6px}.dk-balance{display:none}.dk-brand{font-size:16px}}.dk-match-container{display:flex;gap:24px;flex:1}.dk-sports-sidebar{width:240px;flex-shrink:0;background:var(--dk-dark);border-radius:12px;border:1px solid var(--dk-border);padding:16px;height:fit-content;position:sticky;top:88px}.dk-sidebar-header{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--dk-border)}.dk-sidebar-header h3{font-size:12px;font-weight:700;color:var(--dk-text-muted);text-transform:uppercase;letter-spacing:1px}.dk-sports-nav{display:flex;flex-direction:column;gap:4px}.dk-sport-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.dk-sport-item:hover:not(.disabled){background:var(--dk-gray-dark)}.dk-sport-item.active{background:#53d3371a}.dk-sport-item.disabled{opacity:.4;cursor:not-allowed}.dk-sport-icon{font-size:18px}.dk-sport-name{flex:1;font-size:14px;font-weight:500;color:var(--dk-text)}.dk-sport-item.active .dk-sport-name{color:var(--dk-green)}.dk-sport-count{background:var(--dk-gray);color:var(--dk-text-muted);font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.dk-sport-item.active .dk-sport-count{background:var(--dk-green);color:var(--dk-black)}.dk-sidebar-promo{margin-top:20px;padding:16px;background:linear-gradient(135deg,var(--dk-gray-dark) 0%,var(--dk-dark) 100%);border-radius:8px;border:1px solid var(--dk-green);position:relative}.dk-promo-badge{position:absolute;top:-8px;left:12px;background:var(--dk-green);color:var(--dk-black);font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.dk-sidebar-promo p{font-size:13px;font-weight:600;color:var(--dk-text);margin-top:4px}.dk-matches-main{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.dk-hero{position:relative;background:linear-gradient(135deg,#1a2a1a,#0f1f0f);border-radius:12px;padding:48px 40px;overflow:hidden;border:1px solid var(--dk-border)}.dk-hero-bg{position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(circle at 70% 50%,rgba(83,211,55,.2) 0%,transparent 60%);pointer-events:none}.dk-hero-content{position:relative;z-index:1;max-width:500px}.dk-hero-crown{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(83,211,55,.5))}.dk-hero-title{font-size:36px;font-weight:900;color:var(--dk-text);margin-bottom:12px;text-transform:uppercase;letter-spacing:3px;line-height:1.2}.dk-hero-subtitle{font-size:16px;color:var(--dk-text-muted);line-height:1.6}.dk-tabs-container{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--dk-border)}.dk-tabs{display:flex;gap:4px}.dk-tab{background:transparent;border:none;color:var(--dk-text-muted);font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease}.dk-tab:hover{background:var(--dk-gray-dark);color:var(--dk-text)}.dk-tab.active{background:var(--dk-green);color:var(--dk-black)}.dk-matches-count{font-size:13px;color:var(--dk-text-muted);font-weight:500}.dk-matches-grid{display:flex;flex-direction:column;gap:12px}.dk-no-matches{text-align:center;padding:60px 20px;background:var(--dk-dark);border-radius:12px;border:1px solid var(--dk-border)}.dk-no-matches-icon{font-size:48px;margin-bottom:16px;opacity:.5}.dk-no-matches h3{font-size:18px;color:var(--dk-text);margin-bottom:8px}.dk-no-matches p{font-size:14px;color:var(--dk-text-muted)}.dk-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.dk-feature{display:flex;align-items:center;gap:12px;padding:20px;background:var(--dk-dark);border-radius:12px;border:1px solid var(--dk-border);transition:all .2s ease}.dk-feature:hover{border-color:var(--dk-green);transform:translateY(-2px)}.dk-feature-icon{width:48px;height:48px;background:var(--dk-gray-dark);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.dk-feature-text h4{font-size:14px;font-weight:700;color:var(--dk-text);margin-bottom:4px}.dk-feature-text p{font-size:12px;color:var(--dk-text-muted)}@media (max-width: 1024px){.dk-sports-sidebar{display:none}.dk-features{grid-template-columns:1fr}}@media (max-width: 768px){.dk-hero{padding:32px 24px}.dk-hero-title{font-size:24px}.dk-hero-crown{font-size:40px}.dk-tabs-container{flex-direction:column;align-items:flex-start;gap:12px}}.dk-match-card{background:var(--dk-dark);border-radius:12px;border:1px solid var(--dk-border);overflow:hidden;transition:all .2s ease}.dk-match-card:hover{border-color:var(--dk-gray-light);box-shadow:0 4px 20px #0000004d}.dk-match-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--dk-gray-dark);border-bottom:1px solid var(--dk-border)}.dk-match-meta{display:flex;align-items:center;gap:12px}.dk-league-badge{background:var(--dk-green);color:var(--dk-black);font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.dk-match-time{font-size:12px;color:var(--dk-text-muted);font-weight:500}.dk-settled-badge{background:var(--dk-gray);color:var(--dk-text-muted);font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px}.dk-match-body{padding:16px}.dk-matchup{display:flex;flex-direction:column;gap:12px}.dk-team-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.dk-team-info{display:flex;align-items:center;gap:12px;flex:1}.dk-team-logo{width:36px;height:36px;background:var(--dk-gray-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.dk-team-name{font-size:15px;font-weight:600;color:var(--dk-text)}.dk-odds-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:10px 16px;background:var(--dk-gray-dark);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.dk-odds-btn:hover:not(:disabled){background:#53d33726;border-color:var(--dk-green)}.dk-odds-btn:active:not(:disabled){transform:scale(.98)}.dk-odds-btn:disabled{opacity:.5;cursor:not-allowed}.dk-odds-label{font-size:10px;font-weight:500;color:var(--dk-text-muted);text-transform:uppercase;margin-bottom:2px}.dk-odds-value{font-size:16px;font-weight:700;color:var(--dk-green)}.dk-draw-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--dk-border);display:flex;justify-content:center}.dk-draw-btn{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--dk-gray-dark);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.dk-draw-btn:hover:not(:disabled){background:#ffd43b1a;border-color:var(--dk-yellow)}.dk-draw-btn:disabled{opacity:.5;cursor:not-allowed}.dk-draw-label{font-size:14px;font-weight:600;color:var(--dk-text)}.dk-draw-odds{font-size:16px;font-weight:700;color:var(--dk-yellow)}.dk-match-footer{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--dk-gray-dark);border-top:1px solid var(--dk-border)}.dk-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dk-text-muted);cursor:pointer;transition:color .2s ease}.dk-stat:hover{color:var(--dk-green)}.dk-stat-icon{font-size:14px}@media (max-width: 480px){.dk-team-row{flex-wrap:wrap}.dk-odds-btn{min-width:70px;padding:8px 12px}.dk-odds-value{font-size:14px}}.dk-betslip{width:340px;background:var(--dk-dark);border-radius:12px;border:1px solid var(--dk-border);position:sticky;top:88px;max-height:calc(100vh - 112px);display:flex;flex-direction:column;overflow:hidden;margin-left:auto}.dk-betslip-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--dk-gray-dark);border-bottom:1px solid var(--dk-border);cursor:pointer;-webkit-user-select:none;user-select:none}.dk-betslip-title{display:flex;align-items:center;gap:10px}.dk-betslip-icon{font-size:20px}.dk-betslip-header h2{font-size:16px;font-weight:700;color:var(--dk-text);margin:0}.dk-bet-count{background:var(--dk-green);color:var(--dk-black);font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:22px;text-align:center}.dk-expand-btn{background:transparent;border:none;color:var(--dk-text-muted);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.dk-expand-btn:hover{background:var(--dk-gray);color:var(--dk-text)}.dk-betslip-empty{padding:48px 24px;text-align:center}.dk-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.dk-betslip-empty h3{font-size:16px;font-weight:600;color:var(--dk-text);margin-bottom:8px}.dk-betslip-empty p{font-size:13px;color:var(--dk-text-muted)}.dk-bets-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.dk-bet-item{background:var(--dk-gray-dark);border-radius:10px;padding:14px;border:1px solid var(--dk-border)}.dk-bet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dk-bet-info{display:flex;flex-direction:column;gap:4px}.dk-bet-selection{font-size:14px;font-weight:700;color:var(--dk-text)}.dk-bet-match{font-size:12px;color:var(--dk-text-muted)}.dk-remove-btn{background:transparent;border:none;color:var(--dk-text-muted);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.dk-remove-btn:hover{background:#ff475733;color:var(--dk-red)}.dk-bet-body{display:flex;align-items:center;gap:12px}.dk-odds-display{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:var(--dk-gray);border-radius:6px;min-width:60px}.dk-odds-text{font-size:9px;font-weight:500;color:var(--dk-text-muted);text-transform:uppercase}.dk-odds-number{font-size:16px;font-weight:700;color:var(--dk-green)}.dk-stake-input-wrap{flex:1;display:flex;align-items:center;background:var(--dk-black);border:2px solid var(--dk-border);border-radius:8px;padding:0 12px;transition:all .2s ease}.dk-stake-input-wrap:focus-within{border-color:var(--dk-green)}.dk-currency{color:var(--dk-text-muted);font-size:14px;font-weight:600}.dk-stake-input{flex:1;background:transparent;border:none;color:var(--dk-text);font-size:16px;font-weight:600;padding:10px 8px;width:100%}.dk-stake-input:focus{outline:none}.dk-stake-input::placeholder{color:var(--dk-gray-light)}.dk-payout-preview{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--dk-border)}.dk-payout-preview span:first-child{font-size:12px;color:var(--dk-text-muted)}.dk-payout-amount{font-size:14px;font-weight:700;color:var(--dk-green)}.dk-quick-stakes{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--dk-border);overflow-x:auto}.dk-quick-label{font-size:11px;color:var(--dk-text-muted);font-weight:500;white-space:nowrap}.dk-quick-btn{background:var(--dk-gray-dark);border:1px solid var(--dk-border);color:var(--dk-text);font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dk-quick-btn:hover{background:var(--dk-green);border-color:var(--dk-green);color:var(--dk-black)}.dk-betslip-footer{padding:16px;background:var(--dk-gray-dark);border-top:1px solid var(--dk-border)}.dk-totals{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.dk-total-row{display:flex;justify-content:space-between;align-items:center}.dk-total-row span:first-child{font-size:13px;color:var(--dk-text-muted)}.dk-total-stake,.dk-total-payout{font-size:14px;font-weight:600;color:var(--dk-text)}.dk-profit-row{padding-top:8px;border-top:1px dashed var(--dk-border)}.dk-total-profit{font-size:16px;font-weight:700;color:var(--dk-green)}.dk-place-bet-btn{width:100%;background:var(--dk-green);border:none;color:var(--dk-black);font-size:15px;font-weight:700;padding:14px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.dk-place-bet-btn:hover:not(:disabled){background:var(--dk-green-hover);transform:translateY(-1px);box-shadow:0 4px 16px #53d3374d}.dk-place-bet-btn:active:not(:disabled){transform:translateY(0)}.dk-place-bet-btn:disabled{background:var(--dk-gray);color:var(--dk-text-muted);cursor:not-allowed}.dk-balance-warning{text-align:center;font-size:12px;color:var(--dk-red);margin-top:10px}@media (max-width: 1024px){.dk-betslip{width:100%;position:fixed;bottom:0;left:0;right:0;top:auto;max-height:60vh;border-radius:16px 16px 0 0;z-index:1000;box-shadow:0 -4px 24px #00000080}}.dk-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.dk-login-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.dk-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(83,211,55,.15) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(83,211,55,.1) 0%,transparent 40%),linear-gradient(180deg,var(--dk-black) 0%,#0d1f0d 100%)}.dk-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.dk-login-content{position:relative;z-index:1;width:100%;max-width:440px;padding:24px}.dk-login-logo{text-align:center;margin-bottom:32px}.dk-crown{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 0 30px rgba(83,211,55,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dk-login-logo h1{font-size:28px;font-weight:900;color:var(--dk-text);letter-spacing:4px}.dk-login-card{background:var(--dk-dark);border-radius:16px;border:1px solid var(--dk-border);padding:32px;box-shadow:0 20px 60px #00000080}.dk-login-header{text-align:center;margin-bottom:28px}.dk-login-header h2{font-size:24px;font-weight:700;color:var(--dk-text);margin-bottom:8px}.dk-login-header p{font-size:14px;color:var(--dk-text-muted)}.dk-login-form{display:flex;flex-direction:column;gap:20px}.dk-form-group{display:flex;flex-direction:column;gap:8px}.dk-form-group label{font-size:12px;font-weight:600;color:var(--dk-text-muted);text-transform:uppercase;letter-spacing:1px}.dk-input{background:var(--dk-black);border:2px solid var(--dk-border);border-radius:10px;padding:14px 16px;color:var(--dk-text);font-size:16px;font-family:inherit;transition:all .2s ease}.dk-input:focus{outline:none;border-color:var(--dk-green);box-shadow:0 0 0 4px #53d33726}.dk-input::placeholder{color:var(--dk-gray-light)}.dk-code-container{display:flex;gap:8px}.dk-code-input{flex:1;font-family:Courier New,monospace;font-weight:700;letter-spacing:3px;text-align:center;background:#53d3371a;border-color:#53d3374d;color:var(--dk-green)}.dk-refresh-btn{background:var(--dk-gray-dark);border:2px solid var(--dk-border);border-radius:10px;padding:0 16px;font-size:20px;cursor:pointer;transition:all .2s ease}.dk-refresh-btn:hover{background:var(--dk-gray);transform:rotate(180deg)}.dk-copy-btn{width:100%;background:var(--dk-gray-dark);border:2px solid var(--dk-border);border-radius:10px;padding:12px;color:var(--dk-text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.dk-copy-btn:hover{background:var(--dk-green);border-color:var(--dk-green);color:var(--dk-black)}.dk-verification-steps{background:var(--dk-gray-dark);border-radius:10px;padding:16px;margin-bottom:4px}.dk-verification-steps h4{font-size:14px;font-weight:600;color:var(--dk-green);margin-bottom:12px}.dk-verification-steps ol{list-style:none;display:flex;flex-direction:column;gap:8px}.dk-verification-steps li{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--dk-text-muted)}.dk-verification-steps li span{width:20px;height:20px;background:var(--dk-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--dk-text)}.dk-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--dk-green);border:none;border-radius:10px;padding:16px;color:var(--dk-black);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.dk-submit-btn:hover:not(:disabled){background:var(--dk-green-hover);transform:translateY(-2px);box-shadow:0 8px 24px #53d3374d}.dk-submit-btn:disabled{opacity:.6;cursor:not-allowed}.dk-btn-arrow{font-size:20px}.dk-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:var(--dk-black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dk-button-group{display:flex;gap:12px}.dk-back-btn{background:var(--dk-gray-dark);border:2px solid var(--dk-border);border-radius:10px;padding:16px 24px;color:var(--dk-text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.dk-back-btn:hover{background:var(--dk-gray);border-color:var(--dk-gray-light)}.dk-button-group .dk-submit-btn{flex:1}.dk-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:8px;padding:12px;color:var(--dk-red);font-size:14px;text-align:center}.dk-login-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--dk-border);text-align:center}.dk-login-footer p{font-size:12px;color:var(--dk-text-muted)}.dk-login-features{display:flex;justify-content:center;gap:32px;margin-top:32px}.dk-login-feature{display:flex;flex-direction:column;align-items:center;gap:8px}.dk-login-feature span:first-child{font-size:24px}.dk-login-feature span:last-child{font-size:12px;font-weight:600;color:var(--dk-text-muted);text-transform:uppercase;letter-spacing:1px}@media (max-width: 480px){.dk-login-content{padding:16px}.dk-login-card{padding:24px}.dk-crown{font-size:48px}.dk-login-logo h1{font-size:22px}}.admin-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overflow-y:auto}.admin-panel{background:var(--dk-dark);border-radius:16px;width:100%;max-width:1200px;max-height:90vh;border:1px solid var(--dk-border);box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--dk-border);background:var(--dk-gray-dark);border-radius:16px 16px 0 0}.admin-header h2{font-size:20px;font-weight:700;color:var(--dk-text);margin:0;display:flex;align-items:center;gap:10px}.admin-header h2:before{content:"⚙️"}.close-button{background:var(--dk-gray);border:none;color:var(--dk-text-muted);width:36px;height:36px;border-radius:8px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--dk-red);color:var(--dk-text)}.admin-content{padding:24px;overflow-y:auto;flex:1}.admin-actions{margin-bottom:24px}.admin-button{background:var(--dk-green);border:none;border-radius:8px;padding:12px 24px;color:var(--dk-black);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.admin-button:hover{background:var(--dk-green-hover);transform:translateY(-1px)}.create-button{background:var(--dk-green)}.match-form{background:var(--dk-gray-dark);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid var(--dk-border)}.match-form h3{color:var(--dk-green);font-size:16px;margin-bottom:20px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--dk-text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{background:var(--dk-black);border:2px solid var(--dk-border);border-radius:8px;padding:12px;color:var(--dk-text);font-size:14px;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--dk-green);box-shadow:0 0 0 3px #53d33726}.form-actions{display:flex;gap:12px;justify-content:flex-end}.save-button{min-width:140px}.cancel-button{background:transparent;border:2px solid var(--dk-border);color:var(--dk-text-muted)}.cancel-button:hover{background:var(--dk-gray);color:var(--dk-text)}.matches-list h3{color:var(--dk-text);font-size:16px;margin-bottom:16px;font-weight:700}.no-matches{color:var(--dk-text-muted);text-align:center;padding:40px;font-size:14px}.matches-table{display:flex;flex-direction:column;gap:12px}.match-row{background:var(--dk-gray-dark);border-radius:10px;padding:16px 20px;border:1px solid var(--dk-border);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.match-row:hover{border-color:var(--dk-gray-light)}.match-info{flex:1;display:flex;flex-direction:column;gap:10px}.match-teams{color:var(--dk-text);font-size:16px;font-weight:600}.match-details{display:flex;gap:12px;align-items:center}.league-badge{background:var(--dk-green);color:var(--dk-black);padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.match-time{color:var(--dk-text-muted);font-size:12px}.match-odds{display:flex;gap:12px;color:var(--dk-green);font-size:13px;font-weight:600}.match-actions{display:flex;gap:8px}.action-button{background:var(--dk-gray);border:1px solid var(--dk-border);border-radius:6px;padding:8px 14px;color:var(--dk-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-button:hover{background:var(--dk-green);border-color:var(--dk-green);color:var(--dk-black)}.delete-button{background:#ff47571a;border-color:#ff47574d;color:var(--dk-red)}.delete-button:hover{background:var(--dk-red);border-color:var(--dk-red);color:var(--dk-text)}.delete-button:disabled,.edit-button:disabled{opacity:.4;cursor:not-allowed}.settle-actions{display:flex;gap:8px}.result-select{background:#53d3371a;border:1px solid rgba(83,211,55,.3);border-radius:6px;padding:8px 12px;color:var(--dk-green);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.result-select:hover{background:var(--dk-green);border-color:var(--dk-green);color:var(--dk-black)}.match-result{display:flex;align-items:center}.result-badge{background:var(--dk-green);color:var(--dk-black);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.match-row{flex-direction:column;align-items:flex-start;gap:16px}.match-actions{width:100%;justify-content:flex-end}}.bet-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overflow-y:auto}.bet-history-panel{background:var(--dk-dark);border-radius:16px;width:100%;max-width:900px;max-height:90vh;border:1px solid var(--dk-border);box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column}.bet-history-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--dk-border);background:var(--dk-gray-dark);border-radius:16px 16px 0 0}.bet-history-header h2{font-size:20px;font-weight:700;color:var(--dk-text);margin:0;display:flex;align-items:center;gap:10px}.bet-history-header h2:before{content:"📊"}.bet-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:20px 24px;border-bottom:1px solid var(--dk-border)}.stat-card{background:var(--dk-gray-dark);border-radius:10px;padding:14px;border:1px solid var(--dk-border);text-align:center}.stat-card.profit{border-color:#53d3374d;background:#53d3370d}.stat-label{color:var(--dk-text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{color:var(--dk-text);font-size:18px;font-weight:700}.stat-value.pending{color:var(--dk-yellow)}.stat-value.won{color:var(--dk-green)}.stat-value.lost{color:var(--dk-red)}.stat-value.profit{color:var(--dk-green)}.stat-value.loss{color:var(--dk-red)}.bet-filters{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--dk-border);overflow-x:auto}.filter-button{background:transparent;border:1px solid var(--dk-border);border-radius:6px;padding:8px 14px;color:var(--dk-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-button:hover{background:var(--dk-gray-dark);color:var(--dk-text)}.filter-button.active{background:var(--dk-green);border-color:var(--dk-green);color:var(--dk-black)}.bets-list{padding:16px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.no-bets{text-align:center;padding:48px 20px;color:var(--dk-text-muted)}.no-bets p{font-size:16px;margin-bottom:8px}.no-bets .hint{font-size:13px;opacity:.7}.bet-history-item{background:var(--dk-gray-dark);border-radius:10px;padding:16px;border:1px solid var(--dk-border);transition:all .2s ease}.bet-history-item:hover{border-color:var(--dk-gray-light)}.bet-main-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.bet-match-info{flex:1}.bet-teams{color:var(--dk-text);font-size:15px;font-weight:600;margin-bottom:6px}.bet-selection{display:flex;align-items:center;gap:8px;color:var(--dk-text-muted);font-size:13px}.selection-label{font-weight:500}.selection-value{color:var(--dk-green);font-weight:600}.odds-value{color:var(--dk-text-muted);font-size:12px}.bet-amounts{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.stake-info,.payout-info{display:flex;align-items:center;gap:8px}.amount-label{color:var(--dk-text-muted);font-size:11px}.amount-value{color:var(--dk-text);font-size:15px;font-weight:700}.amount-value.won{color:var(--dk-green)}.bet-meta{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--dk-border)}.status-badge{padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-pending{background:#ffd43b26;color:var(--dk-yellow)}.status-badge.status-won{background:#53d33726;color:var(--dk-green)}.status-badge.status-lost{background:#ff475726;color:var(--dk-red)}.status-badge.status-cancelled{background:#5a5c5e26;color:var(--dk-text-muted)}.bet-date{color:var(--dk-text-muted);font-size:11px}@media (max-width: 768px){.bet-main-info{flex-direction:column;gap:12px}.bet-amounts{align-items:flex-start;width:100%}.bet-stats{grid-template-columns:repeat(2,1fr)}}.currency-purchase-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overflow-y:auto}.currency-purchase-modal{background:var(--dk-dark);border-radius:16px;width:100%;max-width:600px;border:1px solid var(--dk-border);box-shadow:0 20px 60px #000000b3}.purchase-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--dk-border);background:var(--dk-gray-dark);border-radius:16px 16px 0 0}.purchase-header h2{font-size:20px;font-weight:700;color:var(--dk-text);margin:0;display:flex;align-items:center;gap:10px}.purchase-header h2:before{content:"💰"}.purchase-content{padding:24px}.current-balance-display{background:var(--dk-gray-dark);border:1px solid var(--dk-border);border-radius:10px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.balance-label{color:var(--dk-text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.balance-amount{color:var(--dk-green);font-size:22px;font-weight:700}.purchase-options h3,.custom-amount-section h3{color:var(--dk-text);font-size:14px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:24px}.purchase-option{background:var(--dk-gray-dark);border:2px solid var(--dk-border);border-radius:10px;padding:16px 12px;cursor:pointer;transition:all .2s ease;position:relative;text-align:center;display:flex;flex-direction:column;gap:6px}.purchase-option:hover{border-color:var(--dk-gray-light);transform:translateY(-2px)}.purchase-option.selected{background:#53d3371a;border-color:var(--dk-green)}.purchase-option.popular{border-color:#ffd43b80}.purchase-option.popular.selected{border-color:var(--dk-yellow);background:#ffd43b1a}.popular-badge{position:absolute;top:-8px;right:-8px;background:var(--dk-yellow);color:var(--dk-black);padding:2px 6px;border-radius:4px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.option-amount{color:var(--dk-text);font-size:16px;font-weight:700}.option-price{color:var(--dk-green);font-size:12px;font-weight:600}.custom-amount-section{margin-bottom:24px}.custom-input-group{display:flex;align-items:center;gap:10px;margin-bottom:8px}.currency-symbol{color:var(--dk-green);font-size:18px;font-weight:700}.custom-amount-input{flex:1;background:var(--dk-black);border:2px solid var(--dk-border);border-radius:8px;padding:12px 14px;color:var(--dk-text);font-size:16px;font-weight:600;transition:all .2s ease;font-family:inherit}.custom-amount-input:focus{outline:none;border-color:var(--dk-green);box-shadow:0 0 0 3px #53d33726}.custom-purchase-button{background:var(--dk-green);border:none;border-radius:8px;padding:12px 20px;color:var(--dk-black);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.custom-purchase-button:hover:not(:disabled){background:var(--dk-green-hover)}.custom-purchase-button:disabled{opacity:.4;cursor:not-allowed}.custom-hint{color:var(--dk-text-muted);font-size:11px;margin-top:4px}.purchase-summary{background:#53d3370d;border:1px solid rgba(83,211,55,.2);border-radius:10px;padding:16px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--dk-text-muted);font-size:13px}.summary-row:last-child{margin-bottom:0;padding-top:10px;border-top:1px solid rgba(83,211,55,.2);font-size:14px}.summary-row strong{color:var(--dk-text);font-size:16px}.summary-row .new-balance{color:var(--dk-green);font-size:18px}.purchase-actions{display:flex;gap:12px;margin-bottom:16px}.purchase-button{flex:1;background:var(--dk-green);border:none;border-radius:8px;padding:14px;color:var(--dk-black);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.purchase-button:hover:not(:disabled){background:var(--dk-green-hover);transform:translateY(-1px)}.purchase-button:disabled{opacity:.4;cursor:not-allowed}.cancel-button{background:transparent;border:2px solid var(--dk-border);border-radius:8px;padding:14px 20px;color:var(--dk-text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:var(--dk-gray-dark);color:var(--dk-text)}.cancel-button:disabled{opacity:.4;cursor:not-allowed}.payment-methods-section{margin-bottom:24px}.payment-methods-section h3{color:var(--dk-text);font-size:14px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.payment-method{background:var(--dk-gray-dark);border:2px solid var(--dk-border);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;gap:6px;position:relative}.payment-method:hover:not(.disabled){border-color:var(--dk-gray-light);transform:translateY(-2px)}.payment-method.selected{background:#53d3371a;border-color:var(--dk-green)}.payment-method.disabled{opacity:.4;cursor:not-allowed}.method-icon{font-size:28px;margin-bottom:4px}.method-name{color:var(--dk-text);font-size:14px;font-weight:700}.method-description{color:var(--dk-text-muted);font-size:11px}.method-unavailable{color:var(--dk-red);font-size:9px;font-weight:600;text-transform:uppercase;margin-top:4px}.payment-info{background:var(--dk-gray-dark);border:1px solid var(--dk-border);border-radius:10px;padding:14px;text-align:center}.info-text{color:var(--dk-text-muted);font-size:11px;line-height:1.6;margin:0}.stripe-form-container{padding:16px 0}.back-to-purchase-button{background:transparent;border:1px solid var(--dk-border);border-radius:6px;padding:10px 14px;color:var(--dk-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.back-to-purchase-button:hover{background:var(--dk-gray-dark);color:var(--dk-text)}@media (max-width: 768px){.options-grid{grid-template-columns:repeat(2,1fr)}.purchase-actions{flex-direction:column}}.stripe-payment-form{display:flex;flex-direction:column;gap:20px;padding:20px 0}.payment-amount-display{background:#4facfe1a;border:1px solid rgba(79,172,254,.3);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.amount-label{color:#a0aec0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.amount-value{color:#4facfe;font-size:24px;font-weight:700}.card-element-container{display:flex;flex-direction:column;gap:8px}.card-element-container label{color:#a0aec0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.card-element{background:#0a0e27cc;border:2px solid rgba(79,172,254,.3);border-radius:8px;padding:14px 16px;transition:all .3s ease}.card-element:focus-within{border-color:#4facfe;box-shadow:0 0 0 3px #4facfe33}.payment-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#ef4444;font-size:14px;text-align:center}.payment-form-actions{display:flex;gap:12px}.submit-payment-button{flex:1;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #10b98166}.submit-payment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #10b98199}.submit-payment-button:disabled{opacity:.5;cursor:not-allowed}.cancel-payment-button{background:#4facfe1a;border:2px solid rgba(79,172,254,.3);border-radius:12px;padding:16px 24px;color:#4facfe;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-payment-button:hover:not(:disabled){background:#4facfe33;border-color:#4facfe80}.cancel-payment-button:disabled{opacity:.5;cursor:not-allowed}.payment-security-note{text-align:center;padding:12px;background:#4facfe0d;border-radius:8px}.payment-security-note p{color:#a0aec0;font-size:12px;margin:0}.stripe-form-error{padding:20px;text-align:center;color:#ef4444}*{margin:0;padding:0;box-sizing:border-box}:root{--dk-black: #0b0c0e;--dk-dark: #1a1c1e;--dk-gray-dark: #2a2c2e;--dk-gray: #3a3c3e;--dk-gray-light: #5a5c5e;--dk-text: #ffffff;--dk-text-muted: #9a9c9e;--dk-green: #53d337;--dk-green-hover: #45b82e;--dk-green-dark: #2d8a1c;--dk-orange: #ff6b35;--dk-yellow: #ffd43b;--dk-red: #ff4757;--dk-border: #3a3c3e}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dk-black);color:var(--dk-text);overflow-x:hidden;line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dk-dark)}::-webkit-scrollbar-thumb{background:var(--dk-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dk-gray-light)}::selection{background:var(--dk-green);color:var(--dk-black)}*:focus-visible{outline:2px solid var(--dk-green);outline-offset:2px}button{font-family:inherit}a{color:var(--dk-green);text-decoration:none;transition:color .2s ease}a:hover{color:var(--dk-green-hover)}