body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{background:#0a1118;border-bottom:1px solid #1e2936;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:100}.app-header,.header-left,.logo{align-items:center;display:flex}.logo{gap:12px}.logo-text{color:#fff;font-size:20px;font-weight:700;letter-spacing:1px}.logo-dot{color:#00ffa3;font-size:24px}.header-right{gap:16px}.account-section,.header-right{align-items:center;display:flex}.account-section{background:#00ffa30d;border:1px solid #00ffa3;border-radius:12px;gap:12px;padding:8px 12px}.balance-display{background:#1e2936;border-radius:8px;padding:8px 16px}.balance-label{color:#8b95a5;font-size:10px;font-weight:600;margin-bottom:2px}.balance-value{color:#00ffa3;font-size:16px;font-weight:700}.account-btn{align-items:center;background:#1e2936;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .3s;width:40px}.account-btn:hover{background:#2a3441}.user-icon{font-size:20px}.auth-buttons{display:flex;gap:12px}.deposit-btn,.withdraw-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s}.deposit-btn{background:#00ffa3;color:#0a1118}.deposit-btn:hover{background:#00e693;transform:translateY(-1px)}.withdraw-btn{background:#0000;border:1px solid #00ffa3;color:#00ffa3}.withdraw-btn:hover{background:#00ffa31a;transform:translateY(-1px)}.login-btn,.register-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .3s}.hamburger-btn{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;padding:8px}.login-btn{background:#0000;border:1px solid #00ffa3;color:#00ffa3}.login-btn:hover{background:#00ffa31a}.register-btn{background:#00ffa3;color:#0a1118}.register-btn:hover{opacity:.9}.loader-container{align-items:center;background:#0a1118;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loader{text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #1e2936;border-radius:50%;border-top-color:#00ffa3;height:50px;margin:0 auto 16px;width:50px}.loader p{color:#8b95a5;font-size:14px}.connection-warning{animation:slideDown .3s ease;background:#ffc107f2;color:#000;left:0;padding:12px 24px;position:fixed;right:0;top:73px;z-index:999}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.warning-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:1200px}.warning-icon{font-size:24px}.warning-text strong{display:block;font-size:14px;font-weight:700;margin-bottom:2px}.warning-text p{font-size:12px;margin:0;opacity:.8}.connection-indicator{align-items:center;background:#ffffff0d;border-radius:20px;color:#8b95a5;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.connection-indicator.live{background:#00ffa31a;color:#00ffa3}.connection-indicator.polling{background:#ffc1071a;color:#ffc107}.connection-indicator.loading{background:#ffffff0d;color:#8b95a5}.status-dot{font-size:10px;line-height:1}@media (max-width:768px){.app-header{padding:12px 16px}.account-section{display:none}.hamburger-btn{display:block}.auth-buttons{flex-direction:column;gap:8px}.login-btn,.register-btn{font-size:13px;padding:8px 16px}.logo-text{font-size:16px}}@media (max-width:480px){.app-header{padding:12px}.logo-text{font-size:14px}}.auth-container{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:#1e2936;border-radius:16px;max-width:420px;padding:32px;position:relative;width:90%}.close-btn{background:none;border:none;color:#8b95a5;cursor:pointer;font-size:28px;height:32px;padding:0;position:absolute;right:16px;top:16px;width:32px}.auth-title{color:#fff;font-size:24px;margin-bottom:8px;text-align:center}.auth-subtitle{color:#8b95a5;font-size:14px;margin-bottom:24px;text-align:center}.auth-tabs{display:flex;gap:8px;margin-bottom:24px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#8b95a5;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:all .3s}.tab.active{border-bottom-color:#00ffa3;color:#00ffa3}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#8b95a5;font-size:12px;font-weight:600;text-transform:uppercase}.form-group input{background:#2a3441;border:1px solid #3a4451;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:border-color .3s}.form-group input:focus{border-color:#00ffa3;outline:none}.form-group input::placeholder{color:#5a6471}.submit-btn{background:#00ffa3;border:none;border-radius:8px;color:#0a1118;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px;transition:background .3s}.submit-btn:hover:not(:disabled){background:#00cc82}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.auth-footer{color:#8b95a5;font-size:14px;margin-top:8px;text-align:center}.auth-footer .link{color:#00ffa3;cursor:pointer;text-decoration:underline}@media (max-width:768px){.auth-modal{margin:16px;max-width:100%;padding:24px 20px;width:95%}.auth-title{font-size:20px}.auth-subtitle{font-size:13px}.form-group input{font-size:16px;padding:14px 16px}.submit-btn{font-size:15px;padding:14px}.close-btn{font-size:24px;right:12px;top:12px}}@media (max-width:480px){.auth-modal{margin:12px;padding:20px 16px}.auth-title{font-size:18px}.form-group label{font-size:11px}.auth-tabs{gap:4px}.tab{font-size:13px;padding:10px 8px}}@media (max-height:700px){.auth-modal{max-height:90vh;overflow-y:auto}}.pair-selector{background:#1e2936;border-radius:12px;padding:16px}.pair-selector label{color:#8b95a5;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.pair-selector select{background:#2a3441;border:1px solid #3a4451;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;width:100%}.price-display{background:#1e2936;border-radius:12px;display:flex;gap:16px;padding:16px}.price-item{display:flex;flex:1 1;flex-direction:column;gap:4px}.price-label{color:#8b95a5;font-size:12px;font-weight:600}.price-value{font-size:20px;font-weight:700}.price-value.buy{color:#00ffa3}.price-value.sell{color:#ff4d4d}.price-divider{background:#3a4451;width:1px}@media (max-width:480px){.price-display{gap:12px;padding:12px}.price-value{font-size:18px}.price-label{font-size:11px}}.trading-panel{background:#1e2936;border-radius:16px;flex-shrink:0;padding:24px}.trading-panel h3{color:#fff;font-size:18px;margin-bottom:20px}.trade-amount{margin-bottom:16px}.trade-amount label{color:#8b95a5;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.amount-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:#8b95a5;font-size:16px;font-weight:600;left:16px;position:absolute}.amount-input-wrapper input{background:#2a3441;border:1px solid #3a4451;border-radius:8px;color:#fff;font-size:16px;padding:12px 16px 12px 56px;width:100%}.quick-amounts{grid-gap:10px;gap:10px;margin-bottom:20px}.quick-amount-btn{background:linear-gradient(135deg,#2a3441,#1e2936);border:2px solid #3a4451;border-radius:10px;font-size:13px;font-weight:600;overflow:hidden;padding:12px 8px;position:relative;transition:all .3s ease}.quick-amount-btn:before{background:linear-gradient(90deg,#0000,#00ffa333,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.quick-amount-btn:hover:before{left:100%}.quick-amount-btn:hover{border-color:#00ffa3;box-shadow:0 4px 12px #00ffa333;color:#00ffa3;transform:translateY(-2px)}.quick-amount-btn.active{background:linear-gradient(135deg,#00ffa3,#00d4ff);box-shadow:0 4px 16px #00ffa366;font-weight:700;transform:scale(1.05)}.quick-amount{background:linear-gradient(135deg,#2a3441,#1e2936);border:2px solid #3a4451;border-radius:10px;color:#8b95a5;cursor:pointer;font-size:13px;font-weight:600;padding:12px 8px;transition:all .3s ease}.quick-amount:hover{border-color:#00ffa3;box-shadow:0 4px 12px #00ffa333;color:#00ffa3;transform:translateY(-2px)}.quick-amount.active{background:linear-gradient(135deg,#00ffa3,#00d4ff);border-color:#00ffa3;box-shadow:0 4px 16px #00ffa366;color:#0a1118;font-weight:700;transform:scale(1.05)}.trade-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.buy-btn,.sell-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:opacity .3s}.buy-btn{background:#00ffa3;color:#0a1118}.buy-btn:hover:not(:disabled){opacity:.9}.sell-btn{background:#ff4d4d;color:#fff}.sell-btn:hover:not(:disabled){opacity:.9}.buy-btn:disabled,.sell-btn:disabled{cursor:not-allowed;opacity:.3}.trade-info{background:#2a3441;border-radius:8px;padding:12px}.trade-info p{color:#8b95a5;font-size:12px;margin:4px 0}.trading-chart{background:#1e2936;border-radius:16px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-header h3{color:#fff;font-size:18px}.current-price{color:#00ffa3;font-size:24px;font-weight:700}.active-trades{background:#1e2936;border-radius:16px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:24px}.active-trades::-webkit-scrollbar{width:6px}.active-trades::-webkit-scrollbar-track{background:#0000}.active-trades::-webkit-scrollbar-thumb{background:#8b95a54d;border-radius:3px}.active-trades::-webkit-scrollbar-thumb:hover{background:#8b95a580}.active-trades h3{color:#fff;font-size:18px;margin-bottom:20px}.no-trades{color:#8b95a5;font-size:14px;padding:40px 20px;text-align:center}.trade-card{background:#2a3441;border-radius:12px;margin-bottom:12px;padding:16px}.trade-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.trade-pair{color:#fff;font-size:16px;font-weight:600}.trade-pl{font-size:18px;font-weight:700}.trade-pl.profit{color:#00ffa3}.trade-pl.loss{color:#ff4d4d}.trade-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.trade-detail{color:#8b95a5;display:flex;font-size:13px;justify-content:space-between}.trade-detail .label{color:#6b7581}.close-trade-btn{background:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:opacity .3s;width:100%}.close-trade-btn:hover{opacity:.9}.error-message{background:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:8px;color:#ff4d4d}.error-message,.success-message{font-size:14px;margin-bottom:12px;padding:12px}.success-message{background:#00ffa31a;border:1px solid #00ffa34d;border-radius:8px;color:#00ffa3}.chart-header h3{margin:0}.chart-controls{align-items:center;display:flex;gap:16px}.chart-type-selector{background:#ffffff0d;border-radius:6px;display:flex;gap:4px;padding:4px}.chart-type-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:18px;opacity:.5;padding:6px 12px;transition:all .2s}.chart-type-btn:hover{background:#ffffff0d;opacity:.8}.chart-type-btn.active{background:#00ffa31a;opacity:1}.chart-loading-overlay{align-items:center;display:flex;flex-direction:column;gap:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.chart-loading-overlay p{color:#00ffa3;font-size:14px;font-weight:600;margin:0}.chart-spinner{animation:spin .8s linear infinite;border:4px solid #00ffa31a;border-radius:50%;border-top-color:#00ffa3;height:40px;width:40px}.chart-scroll-indicator{animation:pulse 2s ease-in-out infinite;background:#00ffa3e6;border-radius:4px;color:#0a1628;font-size:12px;font-weight:600;padding:6px 12px;pointer-events:none;position:absolute;right:10px;top:10px}.tradingview-chart-container{flex:1 1;height:100%;min-height:500px;position:relative;width:100%}.processing-trade-button{animation:pulseButton 1.5s ease-in-out infinite}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.trading-page{grid-gap:16px;background:#0a1118;display:grid;gap:16px;grid-template-columns:1fr 380px;height:calc(100vh - 73px);overflow:hidden;padding:16px}@media (max-width:968px){.trading-page{grid-template-columns:1fr;overflow-y:auto}.trading-sidebar{order:2}.trading-main{order:1}.top-controls{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.top-controls{grid-template-columns:1fr}}.trading-main{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.top-controls{grid-gap:16px;display:grid;flex-shrink:0;gap:16px;grid-template-columns:200px 1fr}.demo-info-banner{flex-shrink:0}.trading-sidebar{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto}.trading-sidebar::-webkit-scrollbar{width:6px}.trading-sidebar::-webkit-scrollbar-track{background:#0000}.trading-sidebar::-webkit-scrollbar-thumb{background:#8b95a54d;border-radius:3px}.trading-sidebar::-webkit-scrollbar-thumb:hover{background:#8b95a580}.demo-badge{align-items:center;animation:demoPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00ffa3,#00d4ff);border-radius:20px;color:#0a1118;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.demo-badge-icon{animation:demoRotate 3s linear infinite;font-size:14px}.demo-badge-text{font-weight:800}@keyframes demoPulse{0%,to{box-shadow:0 0 10px #00ffa380}50%{box-shadow:0 0 20px #00ffa3cc}}@keyframes demoRotate{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.demo-info-banner{align-items:center;background:linear-gradient(135deg,#00ffa31a,#00d4ff1a);border:1px solid #00ffa34d;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.demo-info-banner-icon{flex-shrink:0;font-size:24px}.demo-info-banner-content{flex:1 1}.demo-info-banner-title{color:#00ffa3;font-size:14px;font-weight:700;margin-bottom:4px}.demo-info-banner-text{color:#8b95a5;font-size:12px;line-height:1.4}.demo-balance-display{align-items:center;display:flex;gap:8px}.processing-trade-container{animation:fadeIn .3s ease}.trade-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.trade-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label-small{color:#8b95a5;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value-large{color:#fff;font-size:14px;font-weight:700}.profit-text{color:#00ffa3!important}.loss-text{color:#ff4757!important}.expected-return{color:#ffc107}.processing-trade-button{animation:pulse 1.5s ease-in-out infinite;border-radius:8px;cursor:default;padding:20px;text-align:center}.processing-trade-button.profit-bg{background:#00ffa3;box-shadow:0 4px 20px #00ffa366;color:#0a1118}.processing-trade-button.loss-bg{background:#ff4757;box-shadow:0 4px 20px #ff475766;color:#fff}.processing-label{font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:8px}.processing-amount{font-size:24px;font-weight:800}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.account-menu{animation:fadeIn .3s ease;background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.account-modal{animation:slideInRight .3s ease;background:#1e2936;box-shadow:-4px 0 20px #0000004d;height:100%;overflow-y:auto;padding:32px 24px;position:fixed;right:0;top:0;width:350px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.history-modal{width:450px}@media (max-width:768px){.account-modal{max-width:300px;width:80%}.history-modal{max-width:350px;width:85%}}@media (max-width:480px){.account-modal{font-size:12px;padding:20px 16px;width:85%}.account-modal h2{font-size:18px}.account-modal .subtitle,.account-modal label{font-size:11px}.account-modal input{font-size:13px;padding:10px}.account-modal button{font-size:13px;padding:10px 16px}.quick-amounts{gap:6px}.quick-amount-btn{font-size:12px;padding:8px}.instructions p,.verifying-view .subtitle,.waiting-view .subtitle{font-size:12px}.mpesa-icon{font-size:48px}.checking-status p{font-size:11px}.error-message,.success-message{font-size:11px;padding:8px 12px}}.account-section-header{margin-bottom:32px}.account-section-header h3{color:#8b95a5;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.account-info{background:#0000;margin-bottom:8px;padding:0}.username{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.balance{color:#00ffa3;font-size:16px;font-weight:600}.menu-items{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.menu-item{align-items:center;background:#2a3441;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:12px;padding:16px;transition:background .3s}.menu-item:hover{background:#343f4f}.menu-item .icon{font-size:20px}.help-section{margin-bottom:16px}.help-section h3{color:#8b95a5;font-size:12px;font-weight:600;margin-bottom:12px;text-transform:uppercase}.help-btn{background:#0000;border:1px solid #00ffa3;border-radius:12px;color:#00ffa3;cursor:pointer;font-size:14px;margin-bottom:8px;padding:12px;transition:background .3s;width:100%}.help-btn:hover{background:#00ffa31a}.logout-btn{align-items:center;background:#0000;border:1px solid #ff4d4d;border-radius:12px;color:#ff4d4d;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;transition:background .3s;width:100%}.logout-btn:hover{background:#ff4d4d1a}.subtitle{color:#8b95a5;font-size:14px;margin-bottom:24px;text-align:center}.form-group textarea{background:#2a3441;border:1px solid #3a4451;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:border-color .3s}.form-group textarea:focus{border-color:#00ffa3;outline:none}.secondary-btn{background:#0000;border:1px solid #3a4451;border-radius:8px;color:#8b95a5;cursor:pointer;font-size:14px;margin-top:8px;padding:12px;transition:background .3s;width:100%}.payment-info,.secondary-btn:hover{background:#2a3441}.payment-info{border-radius:12px;margin-bottom:16px;padding:16px}.info-item{color:#8b95a5;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-item .label{color:#6b7581}.info-item .value{color:#fff;font-weight:600}.balance-info{align-items:center;background:#2a3441;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.balance-info .label{color:#8b95a5;font-size:14px}.balance-info .value{color:#00ffa3;font-size:18px;font-weight:700}.success-view{padding:40px 20px;text-align:center}.success-icon{align-items:center;background:#00ffa3;border-radius:50%;color:#0a1118;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-view h2{color:#fff;margin-bottom:12px}.success-view p{color:#8b95a5;margin-bottom:24px}.verifying-view{padding:48px 24px;text-align:center}.verifying-view h2{color:#fff;margin-bottom:8px}.verifying-view .subtitle{color:#8b95a5;font-size:14px}.waiting-view{padding:32px 24px;text-align:center}.mpesa-icon{font-size:64px;margin-bottom:16px}.waiting-view h2{color:#fff;margin-bottom:8px}.waiting-view .subtitle{color:#8b95a5;font-size:14px;margin-bottom:24px}.instructions{background:#1a2332;border-radius:8px;margin:24px 0;padding:16px;text-align:left}.instructions p{color:#b8c1cc;font-size:14px;margin:8px 0;padding-left:4px}.checking-status{margin:20px 0}.checking-status p{color:#8b95a5;font-size:13px;margin-top:12px}.quick-amounts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:12px}.quick-amount-btn{background:#1a2332;border:1px solid #3a4451;border-radius:6px;color:#8b95a5;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .2s ease}.quick-amount-btn:hover{background:#243447;border-color:#4a5461;color:#fff}.quick-amount-btn.active{background:#00ffa3;border-color:#00ffa3;color:#0a1118;font-weight:600}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3a4451;border-radius:50%;border-top-color:#00ffa3;height:48px;margin:0 auto 24px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filter-tabs{display:flex;gap:8px;margin-bottom:16px}.filter-tabs button{background:#0000;border:1px solid #3a4451;border-radius:8px;color:#8b95a5;cursor:pointer;flex:1 1;font-size:13px;padding:8px;transition:all .3s}.filter-tabs button.active{background:#00ffa3;border-color:#00ffa3;color:#0a1118}.loading,.no-data{color:#8b95a5;padding:40px 20px;text-align:center}.transactions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:400px;overflow-y:auto}.transaction-item{background:#2a3441;border-radius:12px;padding:16px}.tx-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tx-type{font-size:14px;font-weight:600}.tx-type.deposit{color:#00ffa3}.tx-type.withdrawal{color:#ff4d4d}.tx-status{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-completed{background:#00ffa333;color:#00ffa3}.status-pending{background:#ffc10733;color:#ffc107}.status-rejected{background:#ff4d4d33;color:#ff4d4d}.tx-details{display:flex;flex-direction:column;gap:4px}.tx-amount{color:#fff;font-size:18px;font-weight:700}.tx-date,.tx-notes,.tx-ref{color:#8b95a5;font-size:12px}.referral-card{background:#2a3441;border-radius:12px;margin-bottom:24px;padding:24px;text-align:center}.referral-label{color:#8b95a5;font-size:12px;margin-bottom:8px;text-transform:uppercase}.referral-code{color:#00ffa3;font-family:monospace;font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:16px}.copy-btn{background:#0000;border:1px solid #00ffa3;border-radius:8px;color:#00ffa3;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.copy-btn:hover{background:#00ffa31a}.referral-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.stat-item{background:#2a3441;border-radius:12px;padding:16px;text-align:center}.stat-value{color:#00ffa3;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#8b95a5;font-size:12px}.info-box{background:#2a3441;border-radius:12px;margin-bottom:16px;padding:16px}.info-box h4{color:#fff;font-size:14px;margin-bottom:12px}.info-box ul{list-style:none;margin:0;padding:0}.info-box li{color:#8b95a5;font-size:13px;margin-bottom:8px;padding-left:20px;position:relative}.info-box li:before{color:#00ffa3;content:"•";left:0;position:absolute}.payment-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e29364d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.payment-modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000080;height:80vh;max-height:700px;max-width:600px;overflow:hidden;position:relative;width:90%}.payment-close-btn{align-items:center;background:#ff4757e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:40px;z-index:10001}.payment-close-btn:hover{background:#ff4757;transform:scale(1.1)}.payment-iframe{border:none;height:100%;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.how-to-trade-modal{max-width:90%;width:600px}.trade-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.trade-step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:linear-gradient(135deg,#00ffa3,#00d489);border-radius:50%;color:#0a1118;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.step-content p{color:#8b95a5;font-size:14px;line-height:1.6;margin-bottom:12px}.step-content ul{list-style:none;margin:12px 0 0;padding:0}.step-content li{color:#8b95a5;font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.step-content li:before{color:#00ffa3;content:"•";font-weight:700;left:0;position:absolute}.step-content strong{color:#00ffa3}@media (max-width:768px){.how-to-trade-modal{width:90%}.trade-step{flex-direction:column;gap:12px}.step-number{height:36px;width:36px}.step-content h3,.step-number{font-size:16px}.step-content li,.step-content p{font-size:13px}}.support-chat-container{animation:slideUp .3s ease;background:#1e2936;border-radius:16px;bottom:80px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;height:550px;position:fixed;right:24px;width:380px;z-index:3000}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.support-chat-header{align-items:center;background:linear-gradient(135deg,#00ffa3,#00d489);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:16px}.header-content{align-items:center;display:flex;gap:12px}.support-icon{font-size:24px}.support-chat-header h3{color:#0a1118;font-size:18px;font-weight:700;margin:0}.support-status{color:#0a1118b3;font-size:12px;margin:2px 0 0}.close-chat-btn{align-items:center;background:#0a111833;border:none;border-radius:50%;color:#0a1118;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background .3s;width:32px}.close-chat-btn:hover{background:#0a11184d}.support-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.message{animation:fadeIn .2s ease;border-radius:12px;max-width:80%;padding:12px}.user-message{align-self:flex-end;background:#00ffa3;color:#0a1118}.admin-message{align-self:flex-start;background:#2a3441;color:#fff}.message-sender{font-size:11px;font-weight:600;margin-bottom:4px;opacity:.7}.message-content{word-wrap:break-word;font-size:14px;line-height:1.5}.message-time{font-size:10px;margin-top:4px;opacity:.6}.typing-indicator{align-items:center;align-self:flex-start;background:#2a3441;border-radius:12px;color:#8b95a5;display:flex;font-size:13px;gap:4px;padding:8px 12px}.typing-dots{animation:blink 1.4s infinite}@keyframes blink{0%,20%{opacity:.2}40%{opacity:1}60%,to{opacity:.2}}.support-input-area{border-top:1px solid #2a3441;display:flex;gap:8px;padding:16px}.message-input{background:#2a3441;border:1px solid #3a4451;border-radius:8px;color:#fff;flex:1 1;font-family:inherit;font-size:14px;padding:10px;resize:none;transition:border-color .3s}.message-input:focus{border-color:#00ffa3;outline:none}.send-btn{background:#00ffa3;border:none;border-radius:8px;color:#0a1118;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.send-btn:hover:not(:disabled){background:#00e693;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.no-tickets{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.no-tickets p{color:#8b95a5;font-size:14px;margin-bottom:16px}.new-ticket-btn{background:#00ffa3;border:none;border-radius:8px;color:#0a1118;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.new-ticket-btn:hover{background:#00e693;transform:translateY(-1px)}.new-ticket-form{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.new-ticket-form h4{color:#fff;font-size:16px;margin:0 0 8px}.ticket-input,.ticket-select,.ticket-textarea{background:#2a3441;border:1px solid #3a4451;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:10px;transition:border-color .3s}.ticket-input:focus,.ticket-select:focus,.ticket-textarea:focus{border-color:#00ffa3;outline:none}.ticket-textarea{resize:vertical}.ticket-actions{display:flex;gap:8px;margin-top:auto}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s}.cancel-btn{background:#0000;border:1px solid #3a4451;color:#8b95a5}.cancel-btn:hover{background:#2a3441}.create-btn{background:#00ffa3;color:#0a1118}.create-btn:hover:not(:disabled){background:#00e693;transform:translateY(-1px)}.create-btn:disabled{cursor:not-allowed;opacity:.5}.floating-new-ticket{background:#00ffa3;border:none;border-radius:8px;bottom:76px;box-shadow:0 4px 12px #00ffa34d;color:#0a1118;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;position:absolute;right:16px;transition:all .3s}.floating-new-ticket:hover{background:#00e693;transform:translateY(-2px)}.loading-messages{color:#8b95a5;padding:32px;text-align:center}.support-fab{align-items:center;background:linear-gradient(135deg,#00ffa3,#00d489);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #00ffa366;color:#0a1118;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s;width:56px;z-index:2999}.support-fab:hover{box-shadow:0 6px 20px #00ffa380;transform:translateY(-2px)}.support-fab.has-unread:after{background:#ff4757;border:2px solid #1e2936;border-radius:50%;content:"";height:12px;position:absolute;right:8px;top:8px;width:12px}@media (max-width:768px){.support-chat-container{border-radius:0;bottom:0;height:100vh;left:0;right:0;width:100%}.support-chat-header{border-radius:0}.support-fab{bottom:16px;font-size:20px;height:48px;right:16px;width:48px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{background:#0a1118}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e2936}::-webkit-scrollbar-thumb{background:#3a4451;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a5461}.how-to-trade-fab{align-items:center;background:linear-gradient(135deg,#00ffa3,#00d489);border:none;border-radius:30px;bottom:24px;box-shadow:0 4px 16px #00ffa366;color:#0a1118;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;position:fixed;right:24px;transition:all .3s;z-index:2999}.how-to-trade-fab:hover{box-shadow:0 6px 20px #00ffa380;transform:translateY(-2px)}@media (max-width:768px){.how-to-trade-fab{bottom:16px;font-size:14px;padding:12px 20px;right:16px}}
/*# sourceMappingURL=main.0883ef00.css.map*/