body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{min-height:100vh;overflow:hidden;position:relative}.gradient-bg{background:linear-gradient(180deg,#1a1c2f 30%,#024e44 90%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.wallet-container{margin:0 auto;max-width:500px;padding:15px}.wallet-card{background:linear-gradient(135deg,#024e44,#1a1c2f);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--box-shadow);color:#fff;overflow:hidden;padding:20px;position:relative}.wallet-card:before{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;-webkit-transform:rotate(30deg);transform:rotate(30deg);width:100%}.wallet-header{align-items:center;display:flex;justify-content:space-between}.wallet-header h3{font-size:18px;font-weight:500;margin:0;opacity:.9}.toggle-balance{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:30px}.toggle-balance:hover{background:hsla(0,0%,100%,.2)}.wallet-balance{margin-bottom:25px;text-align:center}.balance-loader{align-items:center;display:flex;height:80px;justify-content:center}.spinner{border:4px solid hsla(0,0%,100%,.1);border-top-color:#fff}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.balance-amount{font-size:32px;letter-spacing:1px;margin:10px 0}.balance-hidden{font-size:32px;font-weight:700;letter-spacing:5px;margin:10px 0}.balance-change{justify-content:center;opacity:.8}.balance-change i{color:#28a745;color:var(--success-color);margin-right:5px}.wallet-actions{display:flex;gap:10px;justify-content:space-between}.wallet-btn{align-items:center;background:hsla(0,0%,100%,.1);border-radius:8px;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:12px 5px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.wallet-btn:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.wallet-btn i{font-size:20px;margin-bottom:5px}.wallet-btn span{font-size:12px;font-weight:500}.wallet-btn.deposit{background:rgba(22,255,153,.2)}.wallet-btn.deposit:hover{background:rgba(22,255,153,.3)}.wallet-btn.withdraw{background:rgba(255,76,91,.2)}.wallet-btn.withdraw:hover{background:rgba(255,76,91,.3)}.wallet-btn.history{background:rgba(131,70,255,.3)}.wallet-btn.history:hover{background:rgba(131,70,255,.4)}@media (max-width:480px){.balance-amount,.balance-hidden{font-size:28px}.wallet-btn span{font-size:11px}}.logo-container{align-items:center;background-color:rgba(131,70,255,.2);border:2px solid rgba(131,70,255,.5);border-radius:50%;display:flex;height:100px;justify-content:center;padding:15px;width:100px}.logo-container img{max-height:100%;max-width:100%}.form-group{transition:all .3s ease}.form-group.valid{border-color:#024e44;box-shadow:0 0 0 .2rem rgba(131,70,255,.25)}.form-control,.input-group-text{background-color:hsla(0,0%,100%,.1);border:none}.form-control{height:calc(1.5em + 1rem + 2px)}.form-control:focus{background-color:hsla(0,0%,100%,.15);box-shadow:none}.btn-primary{background:linear-gradient(135deg,#024e44,#ad38e0);border:none;box-shadow:0 4px 15px rgba(131,70,255,.6);transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px rgba(131,70,255,.8);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-primary:disabled{opacity:.7}.divider{color:hsla(0,0%,100%,.7)}.divider-line{background-color:hsla(0,0%,100%,.1);flex:1 1;height:1px}.decor-icon{color:hsla(0,0%,100%,.05);font-size:5rem;position:fixed;z-index:-1}.bitcoin-icon-1{left:5%;top:10%}.dollar-icon{right:5%;top:30%;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.exchange-icon{font-size:4rem;right:5%}.bitcoin-icon-2,.exchange-icon{bottom:10%;-webkit-transform:rotate(25deg);transform:rotate(25deg)}.bitcoin-icon-2{font-size:3.5rem;left:5%}@media (max-width:768px){.decor-icon{font-size:3rem}.bitcoin-icon-2,.exchange-icon{font-size:2.5rem}}.otp-page{min-height:100vh;overflow:hidden;position:relative}.gradient-bg-top{height:25vh;z-index:-2}.gradient-bg-bottom{bottom:0;height:75vh;left:0;position:fixed;width:100%;z-index:-2}.otp-header{border-bottom:1px solid hsla(0,0%,100%,.1);justify-content:space-between;margin-bottom:10px;padding:15px 0}.back-button,.otp-header{align-items:center;display:flex}.back-button{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;height:40px;justify-content:center;padding:8px;width:40px}.otp-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0;text-align:center}.spacer{width:40px}.verification-card{background:linear-gradient(135deg,rgba(131,70,255,.2),rgba(131,70,255,.1));border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-bottom:30px;padding:20px;text-align:center}.otp-icon-container{align-items:center;background-color:rgba(131,70,255,.1);border:1px solid rgba(131,70,255,.3);border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.otp-icon{color:#024e44;font-size:28px}.verification-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.verification-text{color:hsla(0,0%,100%,.7);font-size:12px;line-height:20px;margin-bottom:0}.otp-input-section{margin-bottom:30px}.otp-label{color:hsla(0,0%,100%,.7);display:block;font-size:12px;font-weight:600;margin-bottom:12px;padding-left:4px}.otp-inputs{display:flex;justify-content:space-between}.otp-digit{background-color:hsla(0,0%,100%,.1);border:1px solid #8f42f6;border-radius:12px;color:#000;font-size:18px;height:50px;outline:none;text-align:center;width:45px}.otp-digit:focus{border-color:#024e44;box-shadow:0 0 0 .2rem rgba(131,70,255,.25)}.verify-button{background:linear-gradient(135deg,#024e44,#ad38e0);border:none;border-radius:16px;box-shadow:0 4px 15px rgba(131,70,255,.3);color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:16px;transition:all .3s ease;width:100%}.verify-button:hover{box-shadow:0 6px 20px rgba(131,70,255,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.verify-button:disabled{cursor:not-allowed;opacity:.7}.resend-otp{display:flex;justify-content:center}.resend-text{color:hsla(0,0%,100%,.7);font-size:12px;margin-bottom:0}.resend-button{background:none;border:none;color:#024e44;cursor:pointer;font-size:12px;font-weight:600;padding:0}@media (max-width:576px){.otp-digit{height:45px;width:40px}.verification-card{padding:15px}}.wallet-container{min-height:100vh;overflow-x:hidden;position:relative}.gradient-bg-top{height:40vh;top:0}.dark-bg-bottom,.gradient-bg-top{left:0;position:fixed;width:100%;z-index:-1}.dark-bg-bottom{bottom:0;height:60vh}.wallet-content{padding:20px 20px 80px}.wallet-header{margin-bottom:20px;padding:10px;position:relative}.header-content{align-items:center;display:flex;justify-content:space-between}.greeting{display:flex;flex-direction:column}.greeting-text{color:hsla(0,0%,100%,.8);font-size:12px;font-style:italic}.user-id{color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.logout-btn{align-items:center;background-color:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;width:36px}.balance-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-left:auto;margin-right:auto;max-width:500px;width:90%}.balance-content{align-items:center;display:flex;flex-direction:column;text-align:center}.balance-label{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:8px}.balance-amount{align-items:center;display:flex;margin-bottom:8px}.balance-amount span{color:#fff;font-size:28px;font-weight:700}.eye-btn{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;margin-left:12px}.balance-change{align-items:center;display:flex;font-size:14px}.balance-change.positive{color:#16ff99}.balance-change i{margin-left:6px}.quick-actions{margin-bottom:30px}.action-btn{align-items:center;border-radius:16px;display:flex;font-size:14px;justify-content:center;padding:14px;width:100%}.action-btn i{margin-right:12px}.action-btn.deposit{background:linear-gradient(135deg,#2b2f4a,#3e4365);color:#fff}.action-btn.withdraw{background:linear-gradient(135deg,#024e44,#ad38e0);color:#fff}.action-btn.transactions{background:#2b2f4a;color:#fff;height:50px;margin:0 auto;width:50px}.card-icon{position:relative}.notification-badge{background-color:#024e44;border:1px solid #2b2f4a;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.portfolio-section{margin-top:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h3{color:#fff;font-size:14px;font-weight:700;margin:0}.metal-cards{display:flex;flex-direction:column;gap:12px}.metal-card{align-items:center;background:linear-gradient(135deg,#1c2035,#232842);border-radius:16px;box-shadow:0 2px 5px rgba(0,0,0,.25);cursor:pointer;display:flex;justify-content:space-between;padding:14px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.metal-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.metal-info{align-items:center;display:flex}.metal-icon{font-size:24px;margin-right:12px}.metal-details h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.metal-stats{display:flex;gap:10px}.stat-item{display:flex;flex-direction:column}.stat-label{color:#6b7280;font-size:10px;margin-bottom:2px}.stat-value{font-size:10px;font-weight:500}.stat-value.open{color:#ef4444}.stat-value.high{color:#10b981}.stat-value.low{color:#3b82f6}.metal-chart{height:40px;width:60px}.metal-rate{align-items:flex-end;display:flex;flex-direction:column}.rate-value{color:#fff;font-size:14px;font-weight:700}.rate-change{align-items:center;display:flex;font-size:12px;margin-top:2px}.rate-change.positive{color:#16ff99}.rate-change.negative{color:#ff4c5b}.rate-change i{font-size:14px;margin-left:4px}@media (max-width:768px){.balance-card{width:100%}.action-btn{font-size:12px;padding:12px}.metal-card{align-items:flex-start;flex-direction:column;gap:15px}.metal-chart{height:60px;width:100%}.metal-rate{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}:root{--text-color:#333;--text-light:#777;--bg-light:#f8f9fa;--border-color:#e0e0e0;--shadow:0 2px 10px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-bottom:60px}.app-container{min-height:100vh;position:relative}.app-header{align-items:center;background-color:#024e44;background-color:var(--primary-color);box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:var(--shadow);color:#fff;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.header-left,.header-right{width:60px}.header-title{flex-grow:1;font-size:18px;font-weight:700;text-align:center}.menu-button,.profile-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.profile-image{border-radius:50%;height:32px;object-fit:cover;width:32px}.app-content{min-height:calc(100vh - 130px);padding:80px 15px 70px}.sidebar-overlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1100}.sidebar-overlay.active{opacity:1;visibility:visible}.app-sidebar{background-color:#fff;box-shadow:2px 0 10px rgba(0,0,0,.1);height:100vh;left:-280px;overflow-y:auto;position:fixed;top:0;transition:all .3s ease;width:280px;z-index:1200}.app-sidebar.active{left:0}.sidebar-header{background-color:#024e44;background-color:var(--primary-color);color:#fff;justify-content:space-between;padding:20px}.profile-info,.sidebar-header{align-items:center;display:flex}.profile-avatar{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.profile-details{display:flex;flex-direction:column}.profile-details span{font-size:12px;opacity:.8}.close-sidebar{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.sidebar-balance{background-color:#024e44;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:20px}.balance-title{color:hsla(0,0%,100%,.7);color:var(--text-light);font-size:14px;margin-bottom:5px}.balance-amount{font-size:24px;font-weight:700}.sidebar-menu{padding:10px 0}.sidebar-menu ul{list-style:none}.menu-item{background:none;border:none;cursor:pointer;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{background-color:#f8f9fa;background-color:var(--bg-light)}.menu-icon{background-color:#024e44;background-color:var(--primary-color);color:#fff;height:36px;width:36px}.bottom-nav{background-color:#fff;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);height:60px;justify-content:space-around;left:0;position:fixed;right:0;z-index:1000}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{color:#4d4d4d;flex:1 1;flex-direction:column;font-size:12px;height:100%;justify-content:center;text-decoration:none;transition:all .2s ease}.nav-item i{font-size:20px;margin-bottom:3px}.nav-item.active{color:#024e44;color:var(--primary-color)}@media (max-width:576px){.header-title{font-size:16px}.app-sidebar{width:260px}.nav-item span{font-size:10px}}@media (min-width:768px){.app-content{padding-left:20px;padding-right:20px}}:root{--text-color:#fff;--text-light:hsla(0,0%,100%,.7);--card-bg:linear-gradient(135deg,#232842,#1c2035);--box-shadow:0 4px 20px rgba(0,0,0,.2)}.trade-container{background-color:#1a1c2f;background-color:var(--secondary-color);color:#fff;color:var(--text-color);min-height:100vh;position:relative}.trade-header{background-color:#024e44;background-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--box-shadow);padding:15px 20px}.back-button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.page-title{font-size:18px;font-weight:700;margin:0}.trade-content{padding:20px 20px 100px}.asset-card{align-items:center;background:linear-gradient(135deg,#232842,#1c2035);background:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--box-shadow);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.asset-info h2{font-size:20px;margin-bottom:8px}.asset-stats{color:hsla(0,0%,100%,.7);color:var(--text-light);display:flex;font-size:12px;gap:10px}.asset-price{text-align:right}.price{font-size:18px}.change{font-size:12px;font-weight:500}.change.positive{color:#16ff99;color:var(--buy-color)}.change.negative{color:#ff4c5b;color:var(--sell-color)}.trade-type-selector{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--box-shadow);display:flex;margin-bottom:20px;overflow:hidden}.limit-btn,.market-btn{background-color:hsla(0,0%,100%,.1);border:none;color:hsla(0,0%,100%,.7);color:var(--text-light);cursor:pointer;flex:1 1;font-weight:700;padding:12px;transition:all .2s ease}.limit-btn.active,.market-btn.active{background-color:#024e44;background-color:var(--primary-color);color:#fff}.trade-form{background:linear-gradient(135deg,#232842,#1c2035);background:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--box-shadow);padding:15px}.form-group label{color:hsla(0,0%,100%,.7);color:var(--text-light);font-size:12px;margin-bottom:8px}.form-group input{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#ddd;font-size:14px;padding:12px}.trade-actions{bottom:0;height:60px;left:0;right:0}.buy-btn,.sell-btn{font-weight:700;transition:all .2s ease}.sell-btn{background-color:#ff4c5b;background-color:var(--sell-color)}.buy-btn{background-color:#16ff99;background-color:var(--buy-color);color:#1a1c2f;color:var(--secondary-color)}.buy-btn:hover,.sell-btn:hover{opacity:.9}.loading-screen{align-items:center;background:#1a1c2f;background:var(--secondary-color);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-screen p{color:hsla(0,0%,100%,.7);color:var(--text-light);margin-top:15px}@media (max-width:480px){.form-row{flex-direction:column;gap:10px}.asset-stats{flex-wrap:wrap}}:root{--buy-color:#16ff99;--sell-color:#ff4c5b;--success-color:#28a745;--danger-color:#dc3545;--border-radius:8px;--box-shadow:0 4px 12px rgba(0,0,0,.1)}.orders-dashboard{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header h2{color:#024e44;color:var(--primary-color);font-weight:600;margin:0}.wallet-summary{align-items:flex-end;background:rgba(131,70,255,.1);border-radius:8px;border-radius:var(--border-radius);display:flex;flex-direction:column;padding:8px 16px}.wallet-summary span{color:hsla(0,0%,100%,.7);font-size:12px}.orders-tabs{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;margin-bottom:20px}.tab-btn{background:none;color:hsla(0,0%,100%,.7);position:relative}.tab-btn.active{color:#024e44;color:var(--primary-color);font-weight:600}.tab-btn.active:after{background:#024e44;background:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.order-card{background:linear-gradient(135deg,#232842,#1c2035);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--box-shadow);margin-bottom:16px;padding:16px;transition:all .3s ease;transition:var(--transition)}.order-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.order-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.order-type{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.order-type.buy{background:rgba(22,255,153,.1);color:#16ff99;color:var(--buy-color)}.order-type.sell{background:rgba(255,76,91,.1);color:#ff4c5b;color:var(--sell-color)}.order-asset{font-size:18px;font-weight:600;margin:0}.order-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.detail-group{display:flex;flex-direction:column}.detail-label{color:hsla(0,0%,100%,.7);font-size:12px;margin-bottom:4px}.detail-value{color:#fff;font-size:14px;font-weight:500}.detail-value.success{color:#28a745;color:var(--success-color)}.detail-value.danger{color:#dc3545;color:var(--danger-color)}.order-actions{display:flex;gap:8px;margin-top:12px}.action-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px;transition:all .3s ease;transition:var(--transition)}.action-btn.square-off{background:rgba(220,53,69,.1);color:#dc3545;color:var(--danger-color)}.action-btn.square-off:hover{background:rgba(220,53,69,.2)}.action-btn.edit{background:rgba(255,193,7,.1);color:#ffc107;color:var(--warning-color)}.action-btn.edit:hover{background:rgba(255,193,7,.2)}.action-btn.delivery{align-items:center;background:rgba(40,167,69,.1);color:#28a745;color:var(--success-color);display:flex;gap:4px;justify-content:center}.action-btn.delivery:hover{background:rgba(40,167,69,.2)}.action-btn.delivery.active{background:rgba(40,167,69,.3)}.badge{background:hsla(0,0%,100%,.1);border-radius:4px;font-size:10px;padding:2px 4px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(131,70,255,.1);border-radius:50%;border-top-color:#024e44;border-top:4px solid var(--primary-color);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.empty-state{color:hsla(0,0%,100%,.5)}.empty-state i{margin-bottom:16px}.modal-content{background:linear-gradient(135deg,#232842,#1c2035);border:1px solid hsla(0,0%,100%,.1);color:#fff}.modal-header{border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-title{color:#fff}.btn-close{-webkit-filter:invert(1);filter:invert(1)}.form-control{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1)}.form-control:focus{background:hsla(0,0%,100%,.15);border-color:#024e44;border-color:var(--primary-color);box-shadow:0 0 0 .25rem rgba(131,70,255,.25)}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:12px}.wallet-summary{align-items:flex-start;width:100%}.order-details{grid-template-columns:1fr}.order-actions{flex-direction:column}}.settings-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:600px;padding:20px}.profile-header{border-bottom:1px solid #eee;margin-bottom:30px;padding:20px 0;text-align:center}.avatar-container{border:3px solid #024e44;border-radius:50%;height:120px;margin:0 auto 15px;overflow:hidden;width:120px}.user-avatar{height:100%;object-fit:cover;width:100%}.user-info{margin-top:10px}.user-name{color:#2c3e50;font-size:24px;margin:0}.user-id{color:#7f8c8d;font-size:14px;margin:5px 0 0}.menu-title{color:#7f8c8d;font-size:16px;margin-bottom:15px;padding-left:10px;text-transform:uppercase}.menu-title i{color:#024e44;margin-right:10px}.menu-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.05);color:#2c3e50;display:flex;margin-bottom:10px;padding:15px;text-decoration:none;transition:all .3s}.menu-item:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.menu-icon{background:#f8f9fa;border-radius:50%;color:#024e44;font-size:18px;height:40px;justify-content:center;margin-right:15px;width:40px}.menu-content,.menu-icon{align-items:center;display:flex}.menu-content{flex:1 1;justify-content:space-between}.menu-content span{font-size:16px}.menu-content i{color:#95a5a6;font-size:14px}.trade-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:600px;padding:20px}.trade-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.trade-header h2{color:#2c3e50;font-size:20px;margin:0}.header-spacer{width:20px}.market-info-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.05);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.market-info h3{color:#2c3e50;font-size:18px;margin:0 0 5px}.market-stats{color:#7f8c8d;font-size:14px}.market-stats span{margin-right:10px}.market-price{text-align:right}.price{font-size:20px;font-weight:700;margin-bottom:3px}.price.up{color:#2ecc71}.price.down{color:#e74c3c}.change{border-radius:4px;font-size:14px;padding:3px 8px}.change.up{background:#d5f5e3;color:#2ecc71}.change.down{background:#fadbd8;color:#e74c3c}.order-type-toggle{background:#f8f9fa;border-radius:8px;display:flex;margin-bottom:20px;overflow:hidden}.toggle-btn{background:transparent;border:none;cursor:pointer;flex:1 1;font-weight:600;padding:12px}.toggle-btn.active{background:#024e44;color:#fff}.order-form{margin-bottom:20px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1 1}.form-group label{color:#7f8c8d;display:block;font-size:14px;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:10px;width:100%}.trade-actions{bottom:20px;display:flex;gap:15px;left:20px;position:fixed;right:20px}.buy-btn,.sell-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;justify-content:center;padding:15px}.buy-btn{background:#2ecc71;color:#fff}.buy-btn i{margin-right:8px}.sell-btn{background:#e74c3c;color:#fff}.sell-btn i{margin-right:8px}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{-webkit-filter:url(#gaussian-blur);filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:hsla(0,0%,100%,.9);bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px rgba(0,0,0,.13);color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.trade-book-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header h2{color:#2c3e50;font-weight:600}.header h2 i{color:#3498db;margin-right:10px}.btn-refresh{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s}.btn-refresh:hover{background:#2980b9}.btn-refresh i{margin-right:5px}.trade-list{display:flex;flex-direction:column;gap:15px}.trade-card{background:#fff;border-left:4px solid #3498db;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:15px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.trade-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.trade-card.profit{border-left-color:#2ecc71}.trade-card.loss{border-left-color:#e74c3c}.trade-meta{display:flex;font-size:12px;justify-content:space-between;margin-bottom:10px}.trade-type{border-radius:4px;font-size:10px;font-weight:700;padding:3px 8px;text-transform:uppercase}.trade-type.buy{background:#d5f5e3;color:#2ecc71}.trade-type.sell{background:#fadbd8;color:#e74c3c}.trade-date{color:#7f8c8d}.trade-content{align-items:center;display:flex;justify-content:space-between}.trade-asset h3{color:#2c3e50;font-size:18px;margin:0}.trade-asset small{color:#7f8c8d;font-size:12px}.trade-stats{display:flex;gap:20px;text-align:right}.stat-item small{color:#7f8c8d;display:block;font-size:12px}.stat-item h4{font-size:16px;margin:5px 0 0}.text-success{color:#2ecc71}.text-danger{color:#e74c3c}.profit-arrow{color:#2ecc71;margin-left:5px}.loss-arrow{color:#e74c3c;margin-left:5px}.no-trades{color:#7f8c8d;padding:40px 0;text-align:center}.no-trades i{color:#bdc3c7;font-size:50px;margin-bottom:15px}.no-trades p{font-size:16px;margin:0}.deposit-page{color:#343a40;color:var(--dark-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.deposit-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.deposit-header h1{color:#024e44;color:var(--primary-color);font-size:24px;font-weight:600;margin:0}.payment-method-tabs{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:var(--box-shadow);display:flex;margin-bottom:20px;overflow:hidden}.tab-btn{align-items:center;background-color:rgba(131,70,255,.1);border:none;color:#024e44;color:var(--primary-color);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;transition:var(--transition)}.tab-btn.active{background-color:#024e44;background-color:var(--primary-color);color:#fff}.tab-btn i{font-size:16px}.payment-section{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:var(--box-shadow);margin-bottom:20px;padding:20px}.qr-codes{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.qr-code-container{text-align:center}.qr-code-container h3{color:#343a40;color:var(--dark-color);font-size:16px;margin-bottom:10px}.qr-code{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;border-radius:var(--border-radius);height:180px;padding:10px;width:180px}.amount-section{margin-top:20px}.amount-section h3{color:#343a40;color:var(--dark-color);font-size:16px;margin-bottom:15px}.amount-presets{flex-wrap:wrap;margin-bottom:15px}.preset-btn{background:#fff;border:1px solid #024e44;border:1px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);color:#024e44;color:var(--primary-color);cursor:pointer;flex:1 1;font-weight:500;min-width:100px;padding:10px;transition:all .3s ease;transition:var(--transition)}.preset-btn:hover{background:rgba(131,70,255,.1)}.amount-input{margin-bottom:20px}.currency-symbol{align-items:center;background:rgba(131,70,255,.1);color:#024e44;color:var(--primary-color);display:flex;font-size:18px;font-weight:500;height:48px;padding:0 15px}.submit-btn{background:#024e44;background:var(--primary-color);color:#fff}.upi-methods{margin-top:15px}.upi-id-container{margin-bottom:15px}.upi-id{align-items:center;background:rgba(131,70,255,.1);border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:12px 15px}.upi-id span{color:#343a40;color:var(--dark-color);font-family:monospace;font-size:16px}.copy-btn{align-items:center;background:#024e44;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:6px 12px;transition:all .3s ease;transition:var(--transition)}.copy-btn:hover{opacity:.9}.bank-details{margin-top:15px}.bank-cards{display:flex;flex-direction:column;gap:15px}.bank-card{border:1px solid rgba(0,0,0,.1);border-radius:12px;border-radius:var(--border-radius);padding:15px;transition:all .3s ease;transition:var(--transition)}.bank-card:hover{border-color:#024e44;border-color:var(--primary-color);box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:var(--box-shadow)}.bank-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px}.bank-header i{color:#024e44;color:var(--primary-color);font-size:20px}.bank-header h4{color:#343a40;color:var(--dark-color);font-size:16px;margin:0}.bank-details-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column}.detail-item span:first-child{color:#666;font-size:12px;margin-bottom:3px}.detail-item span:last-child{font-size:14px;font-weight:500}.recent-deposits{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:var(--box-shadow);margin-top:20px;padding:20px}.recent-deposits h3{color:#343a40;color:var(--dark-color);font-size:16px;margin-bottom:15px}.deposit-history{display:flex;flex-direction:column;gap:10px}.deposit-item{align-items:center;background:rgba(131,70,255,.05);border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:12px 15px}.deposit-info{display:flex;flex-direction:column}.deposit-amount{color:#343a40;color:var(--dark-color);font-weight:600}.deposit-date{color:#666;font-size:12px}.deposit-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.deposit-status.completed{background:rgba(22,255,153,.2);color:#16ff99;color:var(--success-color)}.deposit-status.pending{background:rgba(255,193,7,.2);color:#ffc107;color:var(--warning-color)}.deposit-status.failed{background:rgba(255,76,91,.2);color:#ff4c5b;color:var(--danger-color)}@media (max-width:768px){.bank-details-list{grid-template-columns:1fr}.qr-codes{align-items:center;flex-direction:column}.preset-btn{min-width:80px}}@media (max-width:480px){.payment-method-tabs{flex-direction:column}.tab-btn{justify-content:flex-start;padding:12px 20px}}:root{--primary-color:#024e44;--secondary-color:#1a1c2f;--success-color:#16ff99;--danger-color:#ff4c5b;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--border-radius:12px;--box-shadow:0 4px 20px rgba(0,0,0,.1);--transition:all 0.3s ease}.withdrawal-page{color:#343a40;color:var(--dark-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.withdrawal-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.back-button{font-size:20px;text-decoration:none}.back-button,.withdrawal-header h1{color:#024e44;color:var(--primary-color)}.withdrawal-header h1{font-size:24px;font-weight:600;margin:0}.header-spacer{width:24px}.balance-card{background:linear-gradient(135deg,#024e44,#1a1c2f);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:var(--box-shadow);color:#fff;margin-bottom:20px;padding:20px}.balance-info{align-items:center;display:flex;flex-direction:column}.balance-info span{font-size:14px;margin-bottom:5px;opacity:.8}.balance-info h2{font-size:28px;font-weight:700;margin:0}.withdrawal-form{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:var(--box-shadow);margin-bottom:20px;padding:20px}.withdrawal-form h3{color:#343a40;color:var(--dark-color);font-size:16px;margin-bottom:15px;margin-top:0}.amount-input{border:1px solid rgba(0,0,0,.1);border-radius:12px;border-radius:var(--border-radius);margin-bottom:15px;overflow:hidden}.amount-input,.currency{align-items:center;display:flex}.currency{background:rgba(131,70,255,.1);color:#024e44;color:var(--primary-color);font-size:18px;font-weight:500;height:48px;padding:0 15px}.amount-input input{border:none;flex:1 1;font-size:16px;outline:none;padding:12px 15px}.amount-presets{display:flex;gap:10px;margin-bottom:20px}.amount-presets button{background:#fff;border:1px solid #024e44;border:1px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);color:#024e44;color:var(--primary-color);cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .3s ease;transition:var(--transition)}.amount-presets button:hover{background:rgba(131,70,255,.1)}.submit-btn{background:#ffc107;background:var(--warning-color);border:none;border-radius:12px;border-radius:var(--border-radius);color:#343a40;color:var(--dark-color);cursor:pointer;font-size:16px;font-weight:500;padding:14px;transition:all .3s ease;transition:var(--transition);width:100%}.submit-btn:hover{opacity:.9}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.withdrawal-history{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:var(--box-shadow);padding:20px}.withdrawal-history h3{color:#343a40;color:var(--dark-color);font-size:16px;margin-bottom:15px;margin-top:0}.empty-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.empty-state i{font-size:40px;margin-bottom:10px;opacity:.5}.empty-state p{margin:0}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{align-items:center;border:1px solid rgba(0,0,0,.05);border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:15px;transition:all .3s ease;transition:var(--transition)}.history-item:hover{border-color:rgba(131,70,255,.2)}.item-details{flex:1 1}.amount{color:#343a40;color:var(--dark-color);font-weight:600;margin-bottom:5px}.date{margin-bottom:5px}.date,.remarks{color:#666;font-size:12px}.remarks{font-style:italic}.item-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.pending{background:rgba(255,193,7,.2);color:#ffc107;color:var(--warning-color)}.status-badge.approved{background:rgba(22,255,153,.2);color:#16ff99;color:var(--success-color)}.status-badge.rejected{background:rgba(255,76,91,.2);color:#ff4c5b;color:var(--danger-color)}.status-badge.cancelled{background:hsla(208,7%,46%,.2);color:#6c757d}.cancel-btn{background:rgba(255,76,91,.1);border:none;border-radius:4px;color:#ff4c5b;color:var(--danger-color);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease;transition:var(--transition)}.cancel-btn:hover{background:rgba(255,76,91,.2)}@media (max-width:480px){.amount-presets,.history-item{flex-direction:column}.history-item{align-items:flex-start;gap:10px}.item-actions{align-items:center;flex-direction:row;justify-content:space-between;width:100%}}
/*# sourceMappingURL=main.0455e319.css.map*/