@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:14px;overflow:auto;background:#101011;color:#fff}.aviator-game{min-height:100vh;display:flex;flex-direction:column}.header-top{display:flex;height:60px;justify-content:space-between;background-image:linear-gradient(0deg,#00326600 0,#0a519e 73%,#0a519e 98%);background-color:#0a519e;border-bottom:1px solid #2A2B2E;box-shadow:0 6px 10px #00000080;align-items:center;padding:0 10px;position:fixed;top:0;left:0;width:100%;z-index:99}.header-bottom{display:flex;height:38px;justify-content:space-between;background-image:url(/images/grey-texture-bg.png);background-color:#191a1b;border-bottom:1px solid #2A2B2E;box-shadow:0 6px 10px #00000080;align-items:center;padding:0 10px;margin-top:60px}.logo1{width:120px;height:auto}.wallet-balance{border-radius:20px;height:36px;min-width:100px;display:flex;justify-content:center;align-items:center;border:1px solid #494a4d;padding:0 15px;background:#0000004d}.wallet-balance span{color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.menu-container{position:relative}.menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.menu-btn:hover{background:#fff3}.dropdown-menu-custom{position:absolute;top:100%;right:0;margin-top:8px;background:#2c2d30;border-radius:12px;border:1px solid #494a4d;box-shadow:0 10px 40px #00000080;min-width:180px;overflow:hidden;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-custom button{width:100%;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s}.dropdown-menu-custom button:hover{background:#ffffff1a}.dropdown-menu-custom button svg{opacity:.7}.dropdown-divider{height:1px;background:#494a4d;margin:4px 0}.logout-item{color:#e74c3c!important}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:98}.deposite-btn,.login-btn{color:#fff;text-transform:uppercase;border-radius:50px;border:none;height:36px;font-weight:500;padding:0 20px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.deposite-btn{background:#ffba00;color:#000}.login-btn{background-image:linear-gradient(0deg,#428cdc 0,#509aea 97%,#509aea)}.stats{height:22px;width:100%;display:flex;align-items:center;position:relative;padding:0 10px}.stats .payouts-wrapper{display:flex;align-items:center;height:100%;width:100%;overflow:hidden}.stats .payouts-wrapper .payouts-block{display:flex;gap:5px}.custom-badge{font-size:11px;line-height:22px;height:22px;padding:0 8px;text-align:center;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:600;white-space:nowrap}.bg1{background:#6b07d2;color:#d7c3eb}.bg2{background:#900087;color:#e9c2e7}.bg3{background:#005d91;color:#afd9ed}.main-container{display:flex;height:calc(100vh - 98px);background:#101011}.left-sidebar{min-width:320px;max-width:320px;padding-left:10px;display:flex;flex-direction:column}.right-sidebar{width:calc(100% - 320px);padding:0 10px}.tabs-navs{height:30px;padding:5px 0;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.tabs-navs .nav.nav-pills{border-radius:4px;border:1px solid #363738;position:relative;overflow:visible;display:flex;height:20px;align-items:center}.tabs-navs .nav-item{flex:1;height:20px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent!important;border-radius:0}.tabs-navs .nav-item.active{background:transparent!important}.tabs-navs .nav-item button{padding:0 12px;height:20px;width:100%;font-size:11px;color:#fff;z-index:2;position:relative;background:transparent!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap}.tabs-navs .active-line{display:block;position:absolute;top:0;width:50%;height:100%;border-radius:4px;background:#28a909;transition:left .2s ease;z-index:1}.tabs-navs .nav.nav-pills.three-tabs .active-line{width:33.33%}.contents-blocks{display:flex;flex-direction:column;height:calc(100% - 30px);background-image:url(/images/grey-texture-bg.png);background-color:#1b1c1d;border-radius:20px 20px 0 0;border:1px solid #2A2B2E;border-bottom:0;color:#7b7b7b;padding:10px;overflow:hidden}.list-header{font-size:11px;color:#7b7b7b;height:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.bets-count{color:#fff;margin-right:5px}.list-body{overflow-y:auto;flex:1}.list-items{border-radius:17px;background-image:linear-gradient(85deg,#000,#0f1214);border:2px solid #000000;margin-bottom:2px;color:#fff;display:flex;justify-content:space-between;font-size:11px;line-height:16px;align-items:center;height:34px;font-weight:600;padding:0 5px}.list-items.active{border:1px solid #427F00;background:#123405}.list-items.top-winner{border:1px solid #FFD700;background:linear-gradient(85deg,#1a1500,#0f1214)}.list-items.top-winner .top-rank{font-size:10px;font-weight:700;color:gold;margin-right:4px;min-width:18px}.list-items.top-winner .win-amount.top-win{color:gold;font-weight:700}.column-1{width:30%;text-align:left;display:flex;align-items:center;overflow:hidden}.column-2{width:25%;text-align:center}.column-3{width:20%;text-align:center}.column-4{width:25%;text-align:right;padding-right:5px;overflow:hidden}.column-1 .avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0}.username-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;font-size:10px}.bet-amount-display{font-size:10px;white-space:nowrap}.win-amount{font-size:10px;white-space:nowrap;color:#4caf50}.previous-history{color:#b8b8b7;height:24px;border-radius:12px;border:1px solid #6f6f6f;padding:0 10px;font-size:12px;background:transparent;cursor:pointer}.game-play{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0 10px 10px;height:calc(100vh - 98px)}.stage-board{height:calc(100% - 180px);position:relative;min-height:300px}.stage-canvas{position:absolute;width:100%;height:100%;border-radius:20px;border:1px solid #2A2B2E;overflow:hidden;background:#0e0e0e}.rotateimage{position:absolute;width:180%;height:180%;left:-40%;bottom:-40%;background-image:url(/images/bg-rotate-old.svg);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.6;z-index:1;transform-origin:center center;animation:rotateDown 60s linear infinite}@keyframes rotateDown{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aviator-game[data-status=flying] .rotateimage{animation:rotateDown 12s linear infinite}.aviator-game[data-status=crashed] .rotateimage{animation:rotateDown 8s linear infinite}.multiplier-text{font-size:clamp(36px,10vw,72px);font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.bet-controls{display:flex;justify-content:center;flex-shrink:0;padding-top:10px}.bet-control{width:100%;max-width:500px}.bet-control .controls{display:flex;position:relative;width:100%;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;border:1px solid #2A2B2E;min-height:165px;background-image:url(/images/grey-texture-bg.png);background-color:#1b1c1d;padding:8px}.controls .navigation{margin-bottom:8px}.navigation-switcher{border-radius:10px;border:1px solid #363738;position:relative;height:20px;width:120px;display:flex;overflow:hidden}.navigation-switcher .slider{border-radius:10px;width:50%;justify-content:center;display:flex;color:#fff;z-index:1;cursor:pointer;font-size:11px;align-items:center}.navigation-switcher .active-line{display:block;position:absolute;top:0;width:50%;height:20px;border-radius:10px;background:#2c2d30;transition:all ease-in-out .3s;z-index:0}.first-row.auto-game-feature{width:100%;display:flex;justify-content:center;gap:8px}.bet-block{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex:1;min-width:0}.spinner{height:44px;font-size:18px;display:flex;justify-content:space-between;align-items:center;border-radius:22px;background-color:#000;color:#fff;border:1px solid #3C3C42;font-weight:700;padding:0 10px;width:100%;max-width:150px}.spinner .input{display:flex;align-items:center;width:calc(100% - 50px);height:100%}.spinner .input input{width:100%;border:0;background:transparent;color:#fff;text-align:center;padding:0;font-weight:700;font-size:18px}.spinner .input input:focus{outline:none}.spinner .qty-buttons{display:inline-flex;align-items:center;gap:2px}.spinner .qty-buttons button{margin:0;padding:0;border:none;width:24px;height:24px;cursor:pointer;color:#000;text-align:center;background:#747474;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.btn-sm.bet-opt{font-size:12px;padding:4px 10px;border:1px solid #36363C;border-radius:100px;background-color:#252528;color:#83878e;cursor:pointer}.btn-sm.bet-opt:hover{background-color:#36363c}.buttons-block{flex:1;display:flex;justify-content:center;align-items:center;min-width:100px;max-width:150px}.buttons-block .btn.btn-success{border:0;background-color:#28a909;box-shadow:0 10px 15px -10px #28a909,inset 0 1px 1px #ffffff80;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}.buttons-block .btn.btn-warning{border:0;background-color:#ff9800;box-shadow:0 10px 15px -10px #ff9800,inset 0 1px 1px #ffffff80;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}.auto-controls-row{display:flex;justify-content:center;gap:8px;margin-top:6px;padding:0 4px;width:100%}.auto-control-box{display:flex;flex-direction:column;gap:4px;background:#00000080;border-radius:6px;padding:6px 10px;flex:1;max-width:130px}.auto-header{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#fff}.auto-value{display:flex;align-items:center;gap:4px;background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:4px 6px}.auto-value input{width:45px;background:transparent;border:none;color:#fff;text-align:center;font-size:14px;font-weight:600}.auto-value input:focus{outline:none}.auto-value input:disabled{opacity:.4}.auto-value span{color:#888;font-size:12px;font-weight:500}.auto-status{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:4px 6px;text-align:center;font-size:12px;font-weight:600;color:#888}.auto-control-box:has(.toggle-switch.active) .auto-status{color:#28a909}.toggle-switch{position:relative;width:32px;height:16px;background:#555;border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0;border:1px solid #666}.toggle-switch:after{content:"";position:absolute;width:12px;height:12px;background:#ccc;border-radius:50%;top:1px;left:1px;transition:all .3s ease;box-shadow:0 1px 3px #0000004d}.toggle-switch.active{background:#28a909;border-color:#28a909}.toggle-switch.active:after{left:17px;background:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{max-width:400px;width:90%}.modal-content{background:#383a3e;border-radius:15px;overflow:hidden}.modal-header{padding:15px;background:#2c2d30;color:#fff;border:none;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:16px;margin:0}.btn-close-white{filter:invert(1);opacity:.8;background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff}.modal-body{padding:20px;color:#fff}.form-control{background:#2c2d30;border:1px solid #494a4d;color:#fff;padding:10px 15px;border-radius:8px;width:100%}.form-control:focus{outline:none;border-color:#0a519e;background:#2c2d30;color:#fff}.form-label{display:block;margin-bottom:5px;color:#9b9c9e}.mb-3{margin-bottom:15px}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.btn-success:hover{background:#32c711}.w-100{width:100%}.d-flex{display:flex}.d-block{display:block}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:10px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.ms-1{margin-left:4px}.ms-2{margin-left:8px}.mx-auto{margin-left:auto;margin-right:auto}.alert{padding:10px 15px;border-radius:8px;margin-bottom:15px}.alert-success{background:#28a90933;border:1px solid #28a909;color:#28a909}.alert-danger{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c}.profile-info{display:flex;flex-direction:column;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #28a909}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-details{text-align:center}.profile-details p{margin-bottom:10px;font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 992px){.main-container{flex-direction:column;height:auto}.left-sidebar{min-width:100%;max-width:100%;order:2;height:300px;padding:0 10px}.right-sidebar{width:100%;order:1}.game-play{height:auto}.stage-board{height:300px;min-height:250px}.bet-controls.dual-panels{flex-direction:row;gap:8px}.bet-controls.dual-panels .bet-control{flex:1;min-width:0}}@media (max-width: 620px){.header-top{padding:0 8px}.logo1{width:80px}.wallet-balance{min-width:70px;padding:0 10px}.wallet-balance span{font-size:11px}.stage-board{height:250px;min-height:200px}.bet-controls.dual-panels{flex-direction:column;gap:8px}.bet-controls.dual-panels .bet-control{flex:none}.left-sidebar{height:280px}.column-1{width:24%}.column-2,.column-3{width:22%}.column-4{width:28%}.username-text{max-width:45px;font-size:9px}.bet-amount-display,.win-amount{font-size:9px}.custom-badge{font-size:10px;padding:0 6px}.list-items{font-size:10px;height:32px;padding:0 4px}.column-1 .avatar{width:20px;height:20px}}@media (max-width: 400px){.spinner{max-width:110px;height:28px}.spinner .input input{font-size:12px}.spinner .qty-buttons button{width:16px;height:16px;font-size:12px}.buttons-block{max-width:100px}.bet-button,.cashout-button{height:60px!important}.bet-label{font-size:14px!important}.bet-amount{font-size:11px!important}.quick-bets{flex-wrap:wrap}.btn-sm.bet-opt{font-size:9px;padding:2px 5px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#0f0f1a);padding:20px}.auth-box{background:#1e1e2df2;padding:40px;border-radius:20px;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.auth-box .logo{text-align:center;margin-bottom:30px}.auth-box .logo img{height:60px}.auth-box h1{color:#e67e22;text-align:center;margin-bottom:30px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{color:#aaa;margin-bottom:8px;display:block;font-size:14px}.form-group input{width:100%;padding:15px;background:#3c3c5080;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:16px}.form-group input::placeholder{color:#666}.form-group input:focus{outline:none;border-color:#e67e22}.auth-box button[type=submit]{width:100%;padding:15px;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;margin-top:10px;transition:transform .2s,box-shadow .2s}.auth-box button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e74c3c66}.auth-link{text-align:center;margin-top:20px;color:#888}.auth-link a{color:#e67e22;text-decoration:none}.error-message{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c;padding:10px;border-radius:8px;margin-bottom:15px;text-align:center}.bet-controls.dual-panels{display:flex;gap:10px;padding:10px}.bet-controls.dual-panels .bet-control{flex:1;min-width:0}.bet-button{width:100%;height:65px;font-size:16px;border-radius:15px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0!important;background-color:#28a909!important;box-shadow:0 10px 15px -10px #28a909,inset 0 1px 1px #ffffff80!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;transition:all .2s}.bet-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px -10px #28a909,inset 0 1px 1px #ffffff80!important}.bet-button:disabled{background-color:#444!important;box-shadow:none!important;cursor:not-allowed;opacity:.7}.bet-button.auto-betting{background:linear-gradient(135deg,#1976d2,#1565c0)!important;box-shadow:0 10px 15px -10px #1976d2,inset 0 1px 1px #ffffff80!important;cursor:default}.bet-button.auto-betting:disabled{background:linear-gradient(135deg,#1976d2,#1565c0)!important;opacity:1}.cashout-button{width:100%;height:65px;font-size:16px;border-radius:15px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0!important;background-color:#ff9800!important;box-shadow:0 10px 15px -10px #ff9800,inset 0 1px 1px #ffffff80!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;transition:all .2s}.cashout-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px -10px #ff9800,inset 0 1px 1px #ffffff80!important}.cashout-button:disabled{background-color:#ff9800!important;opacity:.6;cursor:not-allowed}.cashout-button.auto-active{background:linear-gradient(135deg,#ff9800,#f57c00)!important;animation:pulse-auto 1.5s infinite}@keyframes pulse-auto{0%,to{box-shadow:0 10px 15px -10px #ff9800,inset 0 1px 1px #ffffff80}50%{box-shadow:0 10px 25px -5px #ff9800,inset 0 1px 1px #ffffff80}}.bet-label{font-size:14px;font-weight:700;text-transform:uppercase}.bet-amount{font-size:12px;font-weight:500;opacity:.9}.auto-indicator{font-size:9px;opacity:.8;margin-top:2px}.toast-container{position:fixed;top:70px;right:10px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px}.toast-notification{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:#2c2d30;border:1px solid #494a4d;box-shadow:0 10px 40px #0006;animation:slideIn .3s ease;cursor:pointer}.toast-notification.toast-success{border-left:4px solid #28a909;background:linear-gradient(90deg,#28a90926,#2c2d30 30%)}.toast-notification.toast-error{border-left:4px solid #e74c3c;background:linear-gradient(90deg,#e74c3c26,#2c2d30 30%)}.toast-notification.toast-warning{border-left:4px solid #f39c12;background:linear-gradient(90deg,#f39c1226,#2c2d30 30%)}.toast-notification.toast-info{border-left:4px solid #3498db;background:linear-gradient(90deg,#3498db26,#2c2d30 30%)}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:#28a909}.toast-error .toast-icon{color:#e74c3c}.toast-warning .toast-icon{color:#f39c12}.toast-info .toast-icon{color:#3498db}.toast-message{color:#fff;font-size:14px;line-height:1.4}.page-container{min-height:100vh;background:#101011}.page-header{display:flex;align-items:center;justify-content:space-between;padding:15px;background:linear-gradient(0deg,#00326600 0,#0a519e 73%,#0a519e 98%);position:sticky;top:0;z-index:100}.page-header h1{color:#fff;font-size:20px;font-weight:600}.back-btn{background:#ffffff1a;border:none;border-radius:10px;padding:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.header-balance{background:#0000004d;border:1px solid #494a4d;border-radius:20px;padding:8px 15px;color:#fff;font-weight:600;font-size:13px}.page-content{padding:20px;max-width:500px;margin:0 auto}.deposit-card{background:#1e1f22;border-radius:16px;padding:24px;margin-bottom:20px}.mpesa-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.mpesa-logo img{height:30px}.mpesa-logo span{color:#fff;font-size:18px;font-weight:600}.form-input{width:100%;padding:15px;background:#3c3c5080;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px}.form-input:focus{outline:none;border-color:#28a909}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.quick-amount-btn{padding:12px;background:#ffffff0d;border:1px solid #494a4d;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.quick-amount-btn:hover,.quick-amount-btn.active{background:#28a90933;border-color:#28a909}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#28a909,#1e8506);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #28a9094d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.withdraw-btn{background:linear-gradient(135deg,#e74c3c,#c0392b)}.withdraw-btn:hover:not(:disabled){box-shadow:0 10px 20px #e74c3c4d}.max-btn{width:100%;padding:12px;background:transparent;border:1px dashed #494a4d;border-radius:10px;color:#888;font-size:14px;cursor:pointer;margin-bottom:15px;transition:all .2s}.max-btn:hover{border-color:#fff;color:#fff}.balance-display{background:#28a9091a;border:1px solid rgba(40,169,9,.3);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.balance-display span{color:#888;font-size:14px}.withdrawal-error-notice{background:#e4373726;border:1px solid rgba(228,55,55,.5);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;animation:shake .5s ease-in-out}.withdrawal-error-notice .error-icon{font-size:24px}.withdrawal-error-notice span:last-of-type{flex:1;color:#ff6b6b;font-size:14px;line-height:1.4}.withdrawal-error-notice .close-error{background:none;border:none;color:#ff6b6b;font-size:20px;cursor:pointer;padding:0 8px;opacity:.7;transition:opacity .2s}.withdrawal-error-notice .close-error:hover{opacity:1}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.balance-display strong{color:#28a909;font-size:20px}.history-section{margin-top:30px}.history-section h2{color:#fff;font-size:18px;margin-bottom:15px}.history-list{background:#1e1f22;border-radius:16px;overflow:hidden}.history-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #2a2b2e}.history-item:last-child{border-bottom:none}.history-info{display:flex;flex-direction:column;gap:4px}.history-type{font-weight:600;font-size:15px}.history-type.deposit{color:#28a909}.history-type.withdrawal{color:#e74c3c}.history-date{color:#666;font-size:12px}.history-status{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.history-status.completed{background:#28a90933;color:#28a909}.history-status.pending{background:#f39c1233;color:#f39c12}.history-status.failed{background:#e74c3c33;color:#e74c3c}.empty-state{padding:40px;text-align:center;color:#666}.profile-card{background:#1e1f22;border-radius:16px;padding:30px;text-align:center;margin-bottom:20px}.profile-avatar{width:80px;height:80px;margin:0 auto 15px}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-name{color:#fff;font-size:22px;font-weight:600;margin-bottom:5px}.profile-email{color:#666;font-size:14px}.stats-card,.settings-card,.actions-card{background:#1e1f22;border-radius:16px;padding:20px;margin-bottom:20px}.stats-card h3,.settings-card h3{color:#fff;font-size:16px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{text-align:center;padding:15px;background:#ffffff08;border-radius:12px}.stat-value{display:block;font-size:20px;font-weight:700;color:#fff;margin-bottom:5px}.stat-value.win{color:#28a909}.stat-value.loss{color:#e74c3c}.stat-label{color:#666;font-size:12px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #2a2b2e}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{color:#fff;font-size:15px}.setting-desc{color:#666;font-size:12px}.settings-toggle{position:relative;width:50px;height:28px}.settings-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#444;border-radius:28px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.settings-toggle input:checked+.toggle-slider{background-color:#28a909}.settings-toggle input:checked+.toggle-slider:before{transform:translate(22px)}.actions-card{display:flex;gap:10px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.deposit-action{background:linear-gradient(135deg,#28a909,#1e8506);color:#fff}.withdraw-action{background:#ffffff0d;border:1px solid #494a4d;color:#fff}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:transparent;border:1px solid #e74c3c;border-radius:12px;color:#e74c3c;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#e74c3c1a}.deposit-btn-header{background:linear-gradient(135deg,#28a909,#1e8506);border:none;border-radius:20px;padding:8px 16px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.deposit-btn-header:hover{transform:translateY(-1px);box-shadow:0 5px 15px #28a9094d}@media (max-width: 480px){.page-content{padding:15px}.deposit-card,.profile-card,.stats-card,.settings-card{padding:16px}.quick-amounts{grid-template-columns:repeat(3,1fr)}.toast-container{left:10px;right:10px;max-width:none}}.referral-card{background:linear-gradient(145deg,#1a1a1b,#252627);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.referral-card h3{color:#28a909;margin-bottom:8px}.referral-desc{color:#888;font-size:13px;margin-bottom:15px}.referral-link-box{display:flex;gap:10px;align-items:center;background:#0000004d;padding:12px;border-radius:8px;margin-bottom:15px}.referral-code{flex:1;color:#fff;font-size:14px;font-family:monospace}.copy-btn{display:flex;align-items:center;gap:6px;background:#28a909;border:none;border-radius:6px;padding:8px 12px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#2fc00a}.referral-stats{display:flex;gap:20px}.ref-stat{flex:1;text-align:center;padding:12px;background:#0003;border-radius:8px}.ref-value{display:block;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.ref-value.earn{color:#28a909}.ref-label{color:#888;font-size:12px}.referral-badge{background:#28a90933;border:1px solid #28a909;color:#28a909;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:15px;text-align:center}.profile-phone{color:#888;font-size:13px}.success-message{background:#28a90933;border:1px solid #28a909;color:#28a909;padding:10px 15px;border-radius:6px;margin-bottom:15px;text-align:center}.link-btn{background:none;border:none;color:#28a909;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.link-btn:hover{color:#2fc00a}.verification-input{display:flex;gap:10px}.verification-input input{flex:1}.send-code-btn{padding:10px 16px;font-size:12px;white-space:nowrap}.admin-login-page{min-height:100vh;background:linear-gradient(135deg,#0d0d0e,#1a1a2e);display:flex;align-items:center;justify-content:center;padding:20px}.admin-login-card{background:#1a1a1bf2;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.05)}.admin-login-header{text-align:center;margin-bottom:30px}.admin-logo{font-size:48px;margin-bottom:15px}.admin-login-header h1{color:#fff;font-size:24px;margin-bottom:8px}.admin-login-header p{color:#666;font-size:14px}.admin-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.admin-alert.error{background:#e4373726;border:1px solid rgba(228,55,55,.3);color:#e43737}.admin-input-group{margin-bottom:20px}.admin-input-group label{display:block;color:#888;font-size:13px;margin-bottom:8px}.admin-input-group input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 16px;color:#fff;font-size:15px;transition:all .2s}.admin-input-group input:focus{outline:none;border-color:#e43737}.admin-login-btn{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#e43737,#c62828);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.admin-login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e437374d}.admin-back-btn{width:100%;margin-top:15px;padding:12px;border:none;border-radius:10px;background:#ffffff0d;color:#888;font-size:14px;cursor:pointer;transition:all .2s}.admin-back-btn:hover{background:#ffffff1a;color:#fff}.admin-layout{display:flex;min-height:100vh;background:#0d0d0e}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:998;display:none}.admin-sidebar{width:260px;background:linear-gradient(180deg,#1a1a1b,#141415);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:999;transition:transform .3s ease}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px}.logo-text{color:#fff;font-size:18px;font-weight:700}.sidebar-close{display:none;background:none;border:none;color:#888;font-size:28px;cursor:pointer}.sidebar-nav{flex:1;padding:15px 10px;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:10px;background:transparent;color:#888;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:4px;text-align:left}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:linear-gradient(135deg,#e4373733,#e437371a);color:#e43737;font-weight:500}.nav-item.logout{color:#e43737}.nav-item.logout:hover{background:#e437371a}.nav-icon{font-size:18px;width:24px;text-align:center}.sidebar-footer{padding:15px 10px;border-top:1px solid rgba(255,255,255,.05)}.admin-main{flex:1;margin-left:260px;min-height:100vh}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;background:#1a1a1bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100}.hamburger-btn{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer}.hamburger-btn span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}.page-title{color:#fff;font-size:20px;font-weight:600}.topbar-actions{display:flex;gap:10px}.topbar-btn{padding:8px 16px;border:none;border-radius:8px;background:#ffffff0d;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.topbar-btn:hover{background:#ffffff1a;color:#fff}.topbar-btn.logout{color:#e43737}.admin-toast{position:fixed;top:80px;right:25px;padding:14px 24px;border-radius:10px;font-size:14px;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-toast.error{background:#e43737e6;color:#fff}.admin-toast.success{background:#28a909e6;color:#fff}.admin-content{padding:25px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,#1a1a1be6,#141415e6);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.05);transition:all .2s}.stat-card:hover{transform:translateY(-3px);border-color:#ffffff1a}.stat-card.primary{border-left:4px solid #e43737}.stat-card.success{border-left:4px solid #28a909}.stat-card.danger{border-left:4px solid #e43737}.stat-card.warning{border-left:4px solid #f7a500}.stat-card.today{border-left:4px solid #17a2b8;background:linear-gradient(135deg,#1a2a33,#0d1820)}.stat-icon{font-size:36px;opacity:.9}.stat-info{display:flex;flex-direction:column}.stat-value{color:#fff;font-size:24px;font-weight:700;line-height:1.2}.stat-label{color:#888;font-size:13px;margin-top:4px}.stat-sub{color:#666;font-size:12px;margin-top:2px}.admin-section{background:#1a1a1b99;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.05)}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:20px}.section-subtitle{color:#fff;font-size:16px;margin:25px 0 15px}.search-box{display:flex;gap:10px;flex:1;max-width:500px}.search-box input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;color:#fff;font-size:14px}.search-box button{padding:12px 24px;border:none;border-radius:10px;background:#e43737;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.table-container{overflow-x:auto;border-radius:12px;background:#0003}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table th{color:#888;font-weight:500;font-size:12px;text-transform:uppercase;background:#0003}.admin-table td{color:#fff;font-size:13px}.admin-table tbody tr:hover{background:#ffffff05}.admin-table.highlight tbody tr{background:#f7a5000d}.action-btn{padding:8px 14px;border:none;border-radius:6px;background:#28a90926;color:#28a909;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn:hover{background:#28a90940}.action-btn.danger{background:#e74c3c26;color:#e74c3c}.action-btn.danger:hover{background:#e74c3c40}.action-btn.success{background:#2ecc7126;color:#2ecc71}.action-btn.success:hover{background:#2ecc7140}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.active{background:#2ecc7126;color:#2ecc71}.status-badge.suspended{background:#e74c3c26;color:#e74c3c}.suspended-row{opacity:.7;background:#e74c3c0d}.btn-primary{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#28a909,#1e8a06);color:#fff;font-size:14px;font-weight:500;cursor:pointer}.btn-secondary{padding:10px 20px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:13px;cursor:pointer}.btn-danger{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#e43737,#c62828);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.btn-success{padding:8px 14px;border:none;border-radius:6px;background:#28a909;color:#fff;font-size:12px;font-weight:500;cursor:pointer}.btn-success.small,.btn-danger.small{padding:6px 12px;font-size:11px;margin-right:5px}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;text-transform:capitalize}.badge.completed,.badge.won,.badge.approved{background:#28a90926;color:#28a909}.badge.pending,.badge.active{background:#f7a50026;color:#f7a500}.badge.failed,.badge.lost,.badge.rejected{background:#e4373726;color:#e43737}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{background:#1a1a1b;border-radius:16px;padding:30px;width:100%;max-width:450px;border:1px solid rgba(255,255,255,.1)}.modal-box h3{color:#fff;font-size:18px;margin-bottom:20px}.modal-form{margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;color:#888;font-size:13px;margin-bottom:6px}.form-group input,.form-group select{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;color:#fff;font-size:14px}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1}.crash-actions{display:flex;gap:10px;flex-wrap:wrap}.auto-refresh-note{color:#666;font-size:12px}.crash-queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.crash-card{background:#0000004d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05);transition:all .2s}.crash-card.next{border-color:#e5c304;background:#e5c3041a}.crash-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.crash-status{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700}.crash-status.next{background:#e5c304;color:#000;animation:pulse-glow 1.5s infinite}.crash-status.upcoming{background:#ffffff1a;color:#888}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #e5c30480}50%{box-shadow:0 0 15px #e5c304cc}}.crash-id{color:#666;font-size:12px}.crash-card-body{display:flex;flex-direction:column;gap:10px}.crash-input-wrapper label{display:block;color:#888;font-size:11px;margin-bottom:5px}.crash-input{width:100%;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#fff;font-size:18px;font-weight:600;text-align:center}.risk-indicator{text-align:center;font-size:12px;padding:6px;border-radius:6px}.risk-indicator.low{background:#e437371a;color:#e43737}.risk-indicator.normal{background:#f7a5001a;color:#f7a500}.risk-indicator.high{background:#28a9091a;color:#28a909}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.settings-card{background:#0003;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05)}.settings-card h3{color:#fff;font-size:15px;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.settings-note{font-size:12px;margin-bottom:15px}.settings-note a{color:#e5c304;text-decoration:none}.settings-note a:hover{text-decoration:underline}.save-btn{display:inline-block;padding:14px 30px;border:none;border-radius:10px;background:linear-gradient(135deg,#28a909,#1e8a06);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #28a9094d}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-overlay,.sidebar-close{display:block}.admin-main{margin-left:0}.hamburger-btn{display:flex}.topbar-actions{display:none}}@media (max-width: 768px){.admin-content{padding:15px}.dashboard-grid{grid-template-columns:1fr}.stat-card{padding:18px}.stat-value{font-size:20px}.crash-queue-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.admin-table th,.admin-table td{padding:10px 12px;font-size:12px}.table-container{margin:0 -15px;border-radius:0}}@media (max-width: 480px){.crash-queue-grid{grid-template-columns:1fr}.search-box{flex-direction:column}.search-box button{width:100%}.crash-actions{flex-direction:column}.crash-actions button{width:100%}}.verify-desc{color:#888;font-size:14px;line-height:1.6;margin-bottom:20px;text-align:center}.verify-desc strong{color:#fff}.code-input{text-align:center;font-size:24px!important;letter-spacing:8px;font-weight:600}.resend-section{margin-top:20px;text-align:center}.countdown-text{color:#666;font-size:13px}.approve-btn{background:#28a909!important;color:#fff!important;padding:6px 12px!important;border-radius:4px!important;margin-right:5px!important}.approve-btn:hover{background:#2fc00a!important}.reject-btn{background:#e43737!important;color:#fff!important;padding:6px 12px!important;border-radius:4px!important}.reject-btn:hover{background:#f44!important}.status-rejected{color:#e43737}.transactions-section h3{color:#fff;margin:20px 0 10px;font-size:16px}.transactions-section h3:first-of-type{margin-top:15px}.withdrawals-section h3,.deposits-section h3,.referrals-section h3{color:#fff;margin:20px 0 10px;font-size:16px}.stat-card.highlight-green{border-left:3px solid #28a909}.stat-card.highlight-red{border-left:3px solid #e43737}.stat-card.highlight-orange{border-left:3px solid #f7a500}.stat-card small{display:block;color:#888;font-size:11px;margin-top:4px}.referral-link-box.full-link{flex-direction:column;gap:10px}.referral-link-text{font-size:11px;color:#888;word-break:break-all;background:#0000004d;padding:8px;border-radius:4px;width:100%;text-align:center}@media (max-width: 768px){.game-canvas-container{height:200px!important;min-height:200px!important}.game-canvas-container canvas{max-height:200px!important}.multiplier-display{font-size:36px!important}.admin-tabs{flex-wrap:wrap;gap:5px}.admin-tabs button{font-size:11px;padding:8px 12px}}@media (max-width: 480px){.game-canvas-container{height:160px!important;min-height:160px!important}.multiplier-display{font-size:28px!important}.bet-panel{padding:10px}.referral-stats{flex-direction:column;gap:10px}}.list-labels{display:flex;padding:6px 10px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px;color:#666;text-transform:uppercase}.list-labels .label-player{width:30%;text-align:left}.list-labels .label-bet{width:25%;text-align:center}.list-labels .label-x{width:20%;text-align:center}.list-labels .label-win{width:25%;text-align:right;padding-right:5px}.crash-queue-table .next-round{background:#e5c30426!important}.round-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.status-next{background:#e5c304;color:#000;animation:pulse-glow-yellow 1.5s infinite}@keyframes pulse-glow-yellow{0%,to{box-shadow:0 0 5px #e5c30480}50%{box-shadow:0 0 15px #e5c304cc}}.status-upcoming{background:#333;color:#888}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #28a90980}50%{box-shadow:0 0 15px #28a909cc}}.crash-input{width:80px;padding:6px;background:#1a1a2e;border:1px solid #333;color:#fff;border-radius:4px;text-align:center}.risk-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700}.risk-low{background:#e4373733;color:#e43737}.risk-normal{background:#e5c30433;color:#e5c304}.risk-high{background:#28a90933;color:#28a909}.payment-tracker{margin-top:20px;padding:20px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.tracker-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.tracker-step{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.4}.tracker-step.active{opacity:1}.step-dot{width:20px;height:20px;border-radius:50%;background:#333;border:2px solid #555}.tracker-step.active .step-dot{background:#28a909;border-color:#28a909}.tracker-step span{font-size:11px;color:#888}.tracker-step.active span{color:#fff}.tracker-line{width:40px;height:2px;background:#333;margin-bottom:20px}.tracker-message{text-align:center;font-size:14px;color:#888;display:flex;align-items:center;justify-content:center;gap:8px}.tracker-message.success{color:#28a909}.tracker-message.error{color:#e43737}.pulse-dot{width:10px;height:10px;background:#e5c304;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.mute-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.mute-btn:hover{background:#fff3}.mute-btn.muted{color:#888;background:#0000004d}.mute-btn.muted svg{opacity:.6}.demo-badge{background:linear-gradient(135deg,#f39c12,#e74c3c);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;margin-left:10px;text-transform:uppercase;letter-spacing:1px}.demo-label{font-size:10px;color:#f39c12;margin-left:4px}.reset-demo{background:linear-gradient(135deg,#f39c12,#e67e22)!important}.demo-section{margin-top:20px;padding-top:15px}.demo-divider{display:flex;align-items:center;margin-bottom:15px}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:1px;background:#494a4d}.demo-divider span{color:#888;padding:0 15px;font-size:12px}.btn-demo{width:100%;padding:12px;background:linear-gradient(135deg,#34495e,#2c3e50);border:1px solid #4a5568;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-demo:hover{background:linear-gradient(135deg,#4a5568,#34495e);transform:translateY(-1px)}.demo-hint{font-size:11px;color:#888;text-align:center;margin-top:8px}.legal-footer{margin-top:20px;padding-top:15px;border-top:1px solid #333;display:flex;justify-content:center;align-items:center;gap:10px}.legal-footer a{color:#888;font-size:11px;text-decoration:none}.legal-footer a:hover{color:#fff}.legal-footer span{color:#555}.menu-link{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;text-align:left;text-decoration:none;cursor:pointer;transition:background .2s}.menu-link:hover{background:#ffffff0d}.chat-widget-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-widget-toggle{position:relative;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #e74c3c66;transition:all .3s}.chat-widget-toggle:hover{transform:scale(1.1);box-shadow:0 6px 25px #e74c3c80}.chat-badge{position:absolute;top:-5px;right:-5px;background:#27ae60;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.chat-widget-popup{position:fixed;bottom:90px;right:20px;width:320px;max-height:450px;background:#1e1f23;border-radius:16px;box-shadow:0 10px 50px #00000080;border:1px solid #333;display:flex;flex-direction:column;overflow:visible;animation:slideUp .3s ease;z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-weight:600}.chat-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:0}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:15px;max-height:300px;background:#1e1f23;border-radius:0}.chat-message{display:flex;gap:10px;margin-bottom:12px;animation:fadeInMessage .3s ease}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own{flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.chat-content{flex:1;max-width:200px}.chat-user{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name{font-size:12px;font-weight:600;color:#27ae60}.chat-message.own .chat-name{color:#3498db}.chat-time{font-size:10px;color:#666}.chat-text{background:#2a2b30;padding:8px 12px;border-radius:4px 12px 12px;font-size:13px;color:#fff;word-wrap:break-word}.chat-message.own .chat-text{background:#34495e;border-top-left-radius:12px;border-top-right-radius:4px}.chat-input-form{display:flex;padding:10px;background:#15161a;border-top:1px solid #333;gap:8px}.chat-input-form input{flex:1;background:#2a2b30;border:1px solid #444;border-radius:20px;padding:10px 15px;color:#fff;font-size:13px;outline:none}.chat-input-form input:focus{border-color:#e74c3c}.chat-input-form button{background:#e74c3c;border:none;border-radius:20px;padding:10px 20px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.chat-input-form button:hover{background:#c0392b}.chat-toolbar{display:flex;gap:5px;padding:8px 10px;background:#1a1b1f;border-top:1px solid #333}.toolbar-btn{width:36px;height:36px;background:#2a2b30;border:1px solid #444;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.toolbar-btn:hover{background:#3a3b40;border-color:#555}.toolbar-btn.active{background:#e74c3c;border-color:#e74c3c}.chat-picker{position:absolute;bottom:95px;left:5px;right:5px;background:#1e1f23;border:1px solid #444;border-radius:12px;max-height:200px;overflow-y:auto;z-index:1010;box-shadow:0 -5px 25px #00000080}.picker-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#15161a;border-bottom:1px solid #333;position:sticky;top:0;z-index:1}.picker-header span{color:#fff;font-size:13px;font-weight:600}.picker-header button{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0;line-height:1}.picker-header button:hover{color:#fff}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:10px}.emoji-btn{width:100%;aspect-ratio:1;background:#2a2b30;border:none;border-radius:8px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.emoji-btn:hover{background:#3a3b40;transform:scale(1.1)}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.sticker-btn{background:#2a2b30;border:1px solid #444;border-radius:10px;padding:12px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.sticker-btn:hover{background:#3a3b40;border-color:#e74c3c;transform:scale(1.05)}.sticker-emoji{font-size:24px}.sticker-label{font-size:10px;color:#888;text-align:center}.joke-list{display:flex;flex-direction:column;gap:6px;padding:10px}.joke-btn{background:#2a2b30;border:1px solid #444;border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;color:#ddd;font-size:12px;line-height:1.4;transition:all .2s}.joke-btn:hover{background:#3a3b40;border-color:#e74c3c}.sticker-text{font-size:28px!important;line-height:1.2}.rain-message{background:linear-gradient(135deg,#f39c12,#e74c3c)!important;border:2px solid #f39c12;border-radius:12px;padding:12px;margin:8px 0;animation:rainPulse 1s ease-in-out infinite}.rain-message .chat-content{width:100%}.rain-message .rain-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rain-message .rain-icon{font-size:24px;animation:rainDrop .5s ease-in-out infinite}.rain-message .rain-title{color:#fff;font-weight:700;font-size:14px}.rain-message .rain-amount{color:#fff;font-size:20px;font-weight:700;text-align:center;margin:8px 0}.rain-claim-btn{width:100%;background:#fff;color:#e74c3c;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.rain-claim-btn:hover{background:#f8f8f8;transform:scale(1.02)}.rain-claim-btn:disabled{background:#ccc;color:#666;cursor:not-allowed}.rain-claimed{text-align:center;color:#fff;font-size:13px;padding:8px;background:#0003;border-radius:8px}.chat-message.system{background:#2ecc711a;border-left:3px solid #2ecc71}.chat-message.system .chat-name{color:#2ecc71}@keyframes rainPulse{0%,to{box-shadow:0 0 10px #f39c1280}50%{box-shadow:0 0 20px #f39c12cc}}@keyframes rainDrop{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.popup-modal{background:linear-gradient(135deg,#1e1f23,#2a2b30);border-radius:20px;max-width:450px;width:90%;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.popup-header{background:linear-gradient(135deg,#e74c3c,#c0392b);padding:20px;display:flex;justify-content:space-between;align-items:center}.popup-header h2{color:#fff;margin:0;font-size:20px}.popup-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.popup-close:hover{background:#ffffff4d}.popup-body{padding:25px;color:#ddd;line-height:1.6}.popup-body p{margin:0 0 10px}.popup-body p:last-child{margin-bottom:0}.popup-footer{padding:0 25px 25px}.popup-btn{width:100%;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;color:#fff;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.popup-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e74c3c66}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.legal-page{min-height:100vh;background:#101011;padding:40px 20px}.legal-container{max-width:800px;margin:0 auto;background:#1e1f23;border-radius:16px;padding:40px;box-shadow:0 10px 50px #0000004d}.back-link{display:inline-block;color:#3498db;text-decoration:none;margin-bottom:30px;font-size:14px}.back-link:hover{color:#5dade2}.legal-container h1{color:#fff;font-size:32px;margin-bottom:10px}.last-updated{color:#888;font-size:13px;margin-bottom:30px}.legal-container section{margin-bottom:30px}.legal-container h2{color:#e74c3c;font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #333}.legal-container p{color:#bbb;line-height:1.7;margin-bottom:15px}.legal-container ul{margin-left:20px;margin-bottom:15px}.legal-container li{color:#bbb;line-height:1.7;margin-bottom:8px}.legal-container strong{color:#fff}.legal-links{margin-top:40px;padding-top:20px;border-top:1px solid #333;text-align:center}.legal-links a{color:#3498db;text-decoration:none}.legal-links a:hover{color:#5dade2}@media (max-width: 768px){.chat-widget-popup{width:calc(100% - 40px);right:20px;left:20px;bottom:80px}.chat-widget-toggle{width:50px;height:50px}.legal-container{padding:20px}.legal-container h1{font-size:24px}}.contact-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0b,#1a1a1b);padding:20px}.contact-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.contact-header h1{color:#fff;font-size:24px;margin:0}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:0 auto}.contact-form-section,.tickets-section{background:#1e1e20e6;border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.1)}.contact-form-section h2,.tickets-section h2{color:#fff;font-size:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.contact-form-section .form-group{margin-bottom:20px}.contact-form-section label{display:block;color:#aaa;font-size:13px;margin-bottom:8px}.contact-form-section input,.contact-form-section textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#fff;font-size:14px}.contact-form-section textarea{resize:vertical;min-height:120px}.contact-form-section .submit-btn{width:100%;background:linear-gradient(135deg,#28a909,#1d8507);color:#fff;border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.no-tickets{color:#666;text-align:center;padding:40px}.tickets-list{display:flex;flex-direction:column;gap:15px}.ticket-card{background:#0000004d;border-radius:12px;padding:15px;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.05)}.ticket-card:hover,.ticket-card.active{border-color:#28a90980}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-header.clickable{cursor:pointer;padding:5px;margin:-5px -5px 8px;border-radius:8px;transition:background .2s}.ticket-header.clickable:hover{background:#ffffff0d}.ticket-header .ticket-info{display:flex;align-items:center;gap:10px}.ticket-header .expand-icon{color:#888;font-size:12px;transition:transform .2s}.ticket-card.expanded .ticket-header .expand-icon{color:#28a909}.ticket-header .unread-dot{width:8px;height:8px;background:#e74c3c;border-radius:50%;animation:pulse 2s infinite}.ticket-id{color:#888;font-size:12px}.ticket-status{padding:4px 10px;border-radius:12px;font-size:11px;color:#fff;text-transform:uppercase}.ticket-subject{color:#fff;font-size:14px;margin-bottom:5px}.ticket-date{color:#666;font-size:12px}.ticket-details{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.ticket-messages{display:flex;flex-direction:column;gap:12px;margin-bottom:15px;max-height:300px;overflow-y:auto}.message{padding:12px;border-radius:10px}.user-message{background:#28a9091a;border-left:3px solid #28a909}.admin-message{background:#3498db1a;border-left:3px solid #3498db}.message-header{display:flex;justify-content:space-between;margin-bottom:5px}.message-header .sender{color:#fff;font-size:12px;font-weight:600}.message-header .time{color:#666;font-size:11px}.message-body{color:#ccc;font-size:13px;line-height:1.5}.reply-form{display:flex;flex-direction:column;gap:10px}.reply-form textarea{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#fff;font-size:13px;resize:none}.reply-form button{background:#28a909;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;align-self:flex-end}.manual-payment-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.manual-toggle-btn{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;padding:12px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.manual-toggle-btn:hover{background:#ffffff1a;color:#fff}.manual-payment-box{margin-top:15px;padding:20px;background:#0000004d;border-radius:12px;border:1px solid rgba(40,169,9,.3)}.manual-payment-box h3{color:#28a909;font-size:16px;margin-bottom:15px}.manual-instructions{margin-bottom:20px}.manual-instructions p{color:#ccc;font-size:13px;line-height:1.6;margin-bottom:5px}.manual-details{background:#28a9091a;border-radius:8px;padding:15px}.manual-details .detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.manual-details .detail-row:last-child{border-bottom:none}.manual-details .label{color:#888;font-size:13px}.manual-details .value{color:#28a909;font-size:14px;font-weight:600}.filter-tabs{display:flex;gap:8px}.filter-btn{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#fff3;color:#fff}.filter-btn.active{background:#28a909;border-color:#28a909;color:#fff}.tickets-admin-list{display:flex;flex-direction:column;gap:15px}.ticket-admin-card{background:#0000004d;border-radius:12px;padding:15px;border:1px solid rgba(255,255,255,.05);transition:all .2s}.ticket-admin-card.expanded{border-color:#28a90980}.ticket-admin-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ticket-info{display:flex;align-items:center;gap:12px}.ticket-info .ticket-id{color:#28a909;font-weight:600}.ticket-info .ticket-user{color:#fff;font-size:14px}.ticket-meta{display:flex;align-items:center;gap:12px}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;text-transform:uppercase;font-weight:500}.status-badge.open{background:#28a90933;color:#28a909}.status-badge.pending{background:#f0a03033;color:#f0a030}.status-badge.closed{background:#8883;color:#888}.ticket-admin-details{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.ticket-admin-details .ticket-messages{margin-bottom:20px}.ticket-admin-details .message{padding:15px;border-radius:8px;margin-bottom:10px}.ticket-admin-details .user-msg{background:#ffffff0d}.ticket-admin-details .admin-msg{background:#28a9091a}.ticket-admin-details .message strong{color:#fff;font-size:12px}.ticket-admin-details .message p{color:#ccc;font-size:14px;margin:8px 0;line-height:1.5}.ticket-admin-details .message small{color:#666;font-size:11px}.ticket-actions{display:flex;gap:20px}.ticket-actions .reply-section{flex:1}.ticket-actions .reply-section textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#fff;font-size:14px;margin-bottom:10px;resize:none}.status-actions{display:flex;flex-direction:column;gap:8px}.status-actions button{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:13px}.btn-success{background:#28a909;color:#fff}.btn-warning{background:#f0a030;color:#fff}@media (max-width: 768px){.contact-container{grid-template-columns:1fr}.ticket-actions{flex-direction:column}.status-actions{flex-direction:row;flex-wrap:wrap}.filter-tabs{flex-wrap:wrap}}.nav-badge{background:#f44;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;margin-left:auto;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.unread-dot{width:8px;height:8px;background:#f44;border-radius:50%;display:inline-block;margin-left:8px;animation:pulse-badge 2s infinite}.expand-icon{color:#888;font-size:10px;transition:transform .2s}.ticket-admin-card.minimized .ticket-subject{color:#888;font-size:12px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-admin-card.expanded .expand-icon{transform:rotate(0)}.manual-submit-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.manual-submit-section h4{color:#fff;font-size:14px;margin-bottom:15px}.manual-submit-section .form-group{margin-bottom:12px}.manual-submit-section .form-input{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 15px;border-radius:8px;width:100%;font-size:14px}.manual-submit-section .submit-btn.secondary{background:linear-gradient(135deg,#f0a030,#e89000);margin-top:10px}.manual-history{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.manual-history h4{color:#888;font-size:12px;margin-bottom:10px;text-transform:uppercase}.manual-payment-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0003;border-radius:8px;margin-bottom:8px}.manual-payment-item .mp-info{display:flex;gap:15px}.manual-payment-item .mp-code{font-family:monospace;color:#fff;font-weight:600}.manual-payment-item .mp-amount{color:#888}.manual-payment-item .mp-status{padding:4px 10px;border-radius:12px;font-size:11px;text-transform:uppercase}.manual-payment-item .mp-status.pending{background:#f0a03033;color:#f0a030}.manual-payment-item .mp-status.approved{background:#28a90933;color:#28a909}.manual-payment-item .mp-status.rejected{background:#f443;color:#f44}.action-btns{display:flex;gap:8px}.btn-sm{padding:5px 10px;font-size:11px}.btn-danger{background:#f44;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.admin-note{color:#888;font-size:11px;display:block}.menu-btn-wrapper{position:relative;display:inline-block}.menu-notification-badge{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:8px;min-width:16px;text-align:center}.menu-btn-with-badge{position:relative}.menu-badge{background:#f44;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:8px;animation:pulse-badge 2s infinite}