@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0b0e14;--surface-color:#151a22;--surface-light:#1f2632;--primary-color:#3861fb;--primary-glow:#3861fb26;--accent-green:#00d09c;--accent-green-glow:#00d09c26;--accent-red:#eb5b3c;--accent-red-glow:#eb5b3c26;--text-primary:#fff;--text-secondary:#8a99ad;--text-muted:#576575;--border-color:#222b36;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--balance-card-bg:linear-gradient(135deg, #1d2530 0%, #151a22 100%)}#app-frame.theme-light{--bg-color:#fff;--surface-color:#f6f8fa;--surface-light:#edf1f4;--text-primary:#0f1419;--text-secondary:#536471;--text-muted:#8e9ca7;--border-color:#cfd9de;--balance-card-bg:linear-gradient(135deg, #f6f8fa 0%, #edf1f4 100%)}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-primary);background-color:#040608;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}body.landing-body{background-color:#0a0e1a!important;width:100vw!important;height:auto!important;min-height:100vh!important;display:block!important;overflow:hidden auto!important}.landing-page-root{width:100vw!important;max-width:100%!important;min-height:100vh!important;box-shadow:none!important;background-color:#0a0e1a!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden auto!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#app-frame{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-primary);box-shadow:none;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}@media screen and (width>=480px){#app-frame{border:10px solid #1c2330;border-radius:36px;width:390px;height:820px;padding-top:24px;position:relative;box-shadow:0 20px 50px #000c,0 0 0 1px #283244,inset 0 0 0 2px #0a0c10}#app-frame:before{content:"";z-index:1000;background-color:#1c2330;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:130px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}}.app-content{flex-direction:column;flex:1;padding:24px 20px;display:flex;overflow-y:auto}.app-content-with-nav{flex-direction:column;flex:1;padding:16px 14px 80px;display:flex;overflow-y:auto}.bottom-nav{background-color:var(--surface-color);border-top:1px solid var(--border-color);z-index:50;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:color .2s;display:flex}.nav-item-active{color:var(--primary-color);font-weight:600}.nav-icon{font-size:20px}h1{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}h2{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:600}p.subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600}.form-input{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px;font-size:15px;transition:all .3s}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2b50d8;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--surface-light)}.steps-container{border-bottom:1px solid var(--border-color);background-color:var(--bg-color);z-index:10;justify-content:space-between;align-items:center;margin-bottom:24px;padding:8px 0;display:flex;position:sticky;top:0}.step-indicator{color:var(--primary-color);background-color:var(--primary-glow);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.progress-track{background-color:var(--border-color);border-radius:2px;flex:1;height:4px;margin:0 12px;position:relative;overflow:hidden}.progress-fill{background-color:var(--primary-color);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.step-label{color:var(--text-secondary);font-size:12px;font-weight:600}.otp-input-container{justify-content:space-between;gap:10px;margin:20px 0;display:flex}.otp-box{background-color:var(--surface-color);border:1px solid var(--border-color);text-align:center;width:50px;height:52px;color:var(--text-primary);border-radius:12px;outline:none;font-size:20px;font-weight:700;transition:all .2s}.otp-box:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow)}.upload-zone{border:2px dashed var(--border-color);background-color:var(--surface-color);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:24px 16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--primary-color);background-color:#3861fb08}.upload-icon{background-color:var(--surface-light);width:48px;height:48px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.upload-text{color:var(--text-secondary);text-align:center;margin-bottom:4px;font-size:13px}.upload-hint{color:var(--text-muted);font-size:11px}.file-preview{background-color:var(--surface-light);border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:10px;padding:10px 14px;display:flex}.preview-thumb{object-fit:cover;background-color:var(--border-color);border-radius:6px;width:40px;height:40px}.preview-info{text-align:left;flex:1}.preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:500;overflow:hidden}.preview-size{color:var(--text-muted);font-size:11px}.preview-remove{color:var(--accent-red);cursor:pointer;background:0 0;border:none;font-size:18px}.signature-wrapper{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;margin-bottom:12px;position:relative;overflow:hidden}.signature-canvas{cursor:crosshair;background-color:#fff;display:block}.canvas-controls{background-color:var(--surface-light);border-top:1px solid var(--border-color);justify-content:space-between;padding:10px 16px;display:flex}.canvas-btn{cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.canvas-btn-clear{color:var(--accent-red)}.selfie-container{background-color:#000;border-radius:16px;justify-content:center;align-items:center;width:100%;height:220px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.selfie-camera{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.selfie-overlay{pointer-events:none;border:2px dashed #fff9;border-radius:50%;width:150px;height:150px;position:absolute}.dashboard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.user-badge{align-items:center;gap:10px;display:flex}.avatar{background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.user-name-title{text-align:left}.user-name-title h3{color:var(--text-primary);font-size:14px;font-weight:600}.user-name-title p{color:var(--accent-green);font-size:11px;font-weight:500}.logout-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px}.balance-card{background:var(--balance-card-bg);border:1px solid var(--border-color);text-align:left;border-radius:20px;margin-bottom:24px;padding:20px;position:relative;overflow:hidden}.balance-card:before{content:"";background-color:var(--primary-color);opacity:.08;filter:blur(40px);border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.balance-label{color:var(--text-secondary);font-size:12px;font-weight:500}.balance-amount{color:var(--text-primary);margin:6px 0;font-size:26px;font-weight:700}.balance-stats{gap:16px;font-size:12px;font-weight:600;display:flex}.stat-up{color:var(--accent-green)}.stat-down{color:var(--accent-red)}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-link{color:var(--primary-color);font-size:13px;font-weight:600;text-decoration:none}.stock-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.stock-card{background-color:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.stock-card:hover{background-color:var(--surface-light);transform:translateY(-1px)}.stock-info{align-items:center;gap:12px;display:flex}.stock-icon{background-color:var(--surface-light);width:38px;height:38px;color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.stock-details{text-align:left}.stock-symbol{color:var(--text-primary);font-size:14px;font-weight:600}.stock-name{color:var(--text-secondary);margin-top:2px;font-size:11px}.stock-prices{text-align:right}.stock-current-price{color:var(--text-primary);font-size:14px;font-weight:600}.stock-change{margin-top:2px;font-size:11px;font-weight:500}.sparkline-canvas{width:60px;height:24px;margin:0 10px}.modal-overlay{z-index:100;background-color:#000000b3;align-items:flex-end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.modal-content{background-color:var(--bg-color);border-top:1px solid var(--border-color);border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-height:80%;padding:24px;animation:.3s cubic-bezier(.1,.76,.55,.94) slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:24px}.chart-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;height:160px;margin-bottom:20px;padding:10px;position:relative;overflow:hidden}.chart-canvas{width:100%;height:100%}.trading-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.btn-buy{background-color:var(--accent-green);color:#fff}.btn-buy:hover{background-color:#00b084}.btn-sell{background-color:var(--accent-red);color:#fff}.btn-sell:hover{background-color:#ca4d32}.status-toast{background-color:var(--surface-light);border:1px solid var(--border-color);z-index:1000;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;animation:.2s ease-out fadeIn;display:flex;position:absolute;bottom:24px;left:20px;right:20px;box-shadow:0 10px 25px #0006}.status-toast-success{border-left:4px solid var(--accent-green)}.status-toast-error{border-left:4px solid var(--accent-red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-toast-message{text-align:left;flex:1;font-size:13px;font-weight:500}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-request-card{background-color:var(--surface-color);border:1px solid var(--border-color);text-align:left;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.admin-field-row{border-bottom:1px solid #ffffff0d;grid-template-columns:100px 1fr;padding:4px 0;font-size:13px;display:grid}.admin-field-label{color:var(--text-secondary);font-weight:500}.admin-field-val{color:var(--text-primary);font-weight:600}.admin-docs-row{grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0;display:grid}.admin-doc-preview{flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.admin-doc-img{object-fit:cover;border:1px solid var(--border-color);background-color:var(--surface-light);border-radius:6px;width:100%;height:50px}.admin-doc-name{color:var(--text-secondary);text-align:center;font-size:9px}