:root{--bg-primary:#0a0e14;--bg-secondary:#161b22;--bg-card:#21262d;--bg-tertiary:#30363d;--text-primary:#fff;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-blue:#2196f3;--accent-green:#4caf50;--accent-red:#f44336;--accent-orange:#ff9800;--accent-purple:#9c27b0;--border-color:#30363d;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}.app{min-height:100dvh;padding-bottom:calc(70px + var(--safe-bottom));flex-direction:column;display:flex}.header{border-bottom:1px solid var(--border-color);z-index:100;background:#161b22;justify-content:space-between;align-items:center;height:52px;padding:10px 16px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.logo .icon{width:24px;height:24px;color:var(--accent-blue)}.market-tabs{background:var(--bg-secondary);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.symbol-selector{background:var(--bg-secondary);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.timeframe-selector{background:var(--bg-secondary);scrollbar-width:none;align-items:center;gap:4px;padding:10px 16px;display:flex;overflow-x:auto}.timeframe-selector .tf{background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border:none;border-radius:4px;min-width:36px;height:28px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.timeframe-selector .tf.active{background:var(--accent-green);color:#fff}#candlestickCanvas{cursor:crosshair;width:100%;height:100%}#volumeCanvas{width:100%;height:100%}.quick-sl-tp{margin-bottom:16px}.quick-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btn-select-position{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex:1;padding:16px;font-size:14px}.positions-section,.pending-section{background:var(--bg-card);border-radius:16px;margin:12px;overflow:hidden}.positions-header,.pending-header{border-bottom:1px solid var(--border-color);padding:14px 16px}.positions-header h3,.pending-header h3{font-size:14px;font-weight:600}.positions-list,.pending-list{padding:12px}.position-card{background:var(--bg-tertiary);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.position-info{flex:1}.position-symbol{margin-bottom:2px;font-size:14px;font-weight:600}.position-detail{color:var(--text-secondary);gap:8px;font-size:11px;display:flex}.position-type.buy{color:var(--accent-green)}.position-type.sell{color:var(--accent-red)}.position-pnl{text-align:right;min-width:70px;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:700}.position-pnl.profit{color:var(--accent-green)}.position-pnl.loss{color:var(--accent-red)}.bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:6px 0 calc(6px + var(--safe-bottom));z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:6px 16px;text-decoration:none;transition:all .2s;display:flex}.nav-item svg{width:20px;height:20px}.nav-item span{font-size:10px}.nav-item.active{color:var(--accent-blue)}.lang-modal{z-index:1000;background:#000000b3;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.lang-modal.active{display:flex}.lang-modal-content{background:var(--bg-card);border-radius:20px 20px 0 0;width:100%;max-height:70vh;animation:.3s slideUp;overflow:hidden}.lang-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lang-modal-header h3{font-size:17px;font-weight:600}.lang-list{max-height:50vh;padding:8px;overflow-y:auto}.lang-option{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:background .2s;display:flex}.lang-option:hover,.lang-option.active{background:var(--bg-tertiary)}.lang-flag-lg{font-size:24px}.lang-name{flex:1;font-size:15px}.lang-check{color:var(--accent-blue);font-size:18px;display:none}.lang-option.active .lang-check{display:block}@media (width>=1024px){.app{max-width:1400px;margin:0 auto;padding-bottom:0}.header{height:60px;padding:12px 24px}.logo{font-size:18px}.logo .icon{width:28px;height:28px}.main{grid-template-columns:1fr 380px;gap:16px;padding:16px 24px;display:grid}.main>:not(.trading-panel):not(.positions-section):not(.pending-section){grid-column:1}.trading-panel,.positions-section,.pending-section{grid-area:span 3/2;margin:0}.market-tabs{border-radius:8px;padding:12px 0}.symbol-selector,.timeframe-selector{padding:10px 0}.chart-section{padding:0}.chart-area{height:400px}.y-axis{width:70px;font-size:11px}.volume-area{height:80px}.current-price{margin:0}.bottom-nav{display:none}.pc-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;width:200px;padding:16px 0;display:flex;position:fixed;top:60px;bottom:0;left:0}.pc-sidebar .nav-item{flex-direction:row;gap:12px;min-width:auto;padding:12px 20px}.pc-sidebar .nav-item span{font-size:14px}.pc-sidebar .nav-item svg{width:22px;height:22px}.app.with-sidebar{max-width:none;margin-left:200px}.app.with-sidebar .main{grid-template-columns:1fr 360px}.chart-wrapper{gap:16px;display:flex}.chart-main-area{flex:1}.chart-sidebar{flex-direction:column;gap:16px;width:360px;display:flex}}@media (width>=768px) and (width<=1023px){.main{padding:16px}.chart-area{height:350px}.trading-panel{grid-template-columns:1fr 1fr;gap:16px;display:grid}.trading-panel>*,.trading-panel .action-buttons{grid-column:span 2}}@media (orientation:landscape) and (height<=500px){.chart-area{height:200px}.trading-panel{display:none}}::-webkit-scrollbar{width:0;height:0}@media (width>=1024px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.lang-list::-webkit-scrollbar{width:4px}}.ma-legend{background:var(--bg-secondary);justify-content:center;gap:20px;padding:10px;display:flex}.ma-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.ma-dot{border-radius:50%;width:8px;height:8px}.ma5{background:#ff9800}.ma10{background:#2196f3}.ma20{background:#9c27b0}.crosshair-tooltip{color:#fff;pointer-events:none;z-index:1000;background:#21262dfa;border:1px solid #30363d;border-radius:8px;min-width:180px;padding:12px 16px;font-size:12px;display:none;position:fixed;box-shadow:0 4px 20px #0009}.tooltip-header{border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding-bottom:8px;font-size:13px;font-weight:600}.tooltip-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tooltip-label{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.tooltip-value{font-family:SF Mono,Monaco,monospace;font-weight:500}.ma-dot-small{border-radius:50%;width:6px;height:6px;display:inline-block}.header-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;display:flex}.user-tag{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:6px 12px;font-size:13px}.lang-flag{font-size:18px}.chart-section{background:var(--bg-secondary);padding:0 12px 12px}.chart-box{background:var(--bg-card);border-radius:8px;display:flex;overflow:hidden}.chart-area{flex:1;height:260px;position:relative}.y-axis{background:var(--bg-secondary);width:56px;color:var(--text-secondary);text-align:right;flex-direction:column;justify-content:space-between;padding:8px 4px;font-family:SF Mono,Monaco,monospace;font-size:10px;display:flex}.x-axis{background:var(--bg-secondary);color:var(--text-secondary);justify-content:space-between;padding:6px 12px 6px 68px;font-family:SF Mono,Monaco,monospace;font-size:10px;display:flex}.volume-area{background:var(--bg-card);border-radius:0 0 8px 8px;height:50px;margin:0 12px;overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lang-modal-header .btn-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.trade-page{padding-bottom:100px}.market-tabs{background:var(--bg-secondary);scrollbar-width:none;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.market-tabs::-webkit-scrollbar{display:none}.market-tabs .tab{background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;height:34px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.market-tabs .tab.active{background:var(--accent-blue);color:#fff}.symbol-selector{background:var(--bg-secondary);scrollbar-width:none;border-bottom:1px solid var(--border-color);gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.symbol-selector::-webkit-scrollbar{display:none}.symbol-selector .symbol{background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;height:32px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.symbol-selector .symbol.active{background:var(--accent-blue);color:#fff}.current-price{background:var(--bg-card);border-radius:12px;justify-content:space-between;align-items:center;margin:12px 16px;padding:16px;display:flex}.price-info{flex-direction:column;display:flex}.symbol-name{flex-direction:column;gap:2px;display:flex}.symbol-code{letter-spacing:-.5px;font-size:18px;font-weight:700}.symbol-desc{color:var(--text-secondary);font-size:12px}.price-info .price{letter-spacing:-1px;margin-top:4px;font-family:SF Mono,Monaco,monospace;font-size:36px;font-weight:700}.bid-ask{text-align:right;flex-direction:column;gap:6px;display:flex}.bid .label,.ask .label{color:var(--text-secondary);font-size:11px;display:block}.bid .value{color:var(--accent-green);font-family:SF Mono,Monaco,monospace;font-size:17px;font-weight:600}.ask .value{color:var(--accent-red);font-family:SF Mono,Monaco,monospace;font-size:17px;font-weight:600}.trading-panel{background:var(--bg-card);border-radius:16px;margin:12px 16px;padding:16px}.trading-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.trading-label{color:var(--text-secondary);font-size:13px}.trading-value{align-items:center;gap:8px;display:flex}.lots-value{font-family:SF Mono,Monaco,monospace;font-size:32px;font-weight:700}.lots-unit{color:var(--text-secondary);font-size:13px}.btn-minus,.btn-plus{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.lots-slider{appearance:none;background:var(--bg-tertiary);border-radius:2px;outline:none;width:100%;height:4px;margin-bottom:16px}.lots-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-blue);cursor:pointer;border-radius:50%;width:16px;height:16px}.margin-info{background:var(--bg-tertiary);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.margin-label{color:var(--text-secondary);font-size:12px}.margin-value{font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:600}.sl-tp-section{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.sl-tp-row{flex-direction:column;gap:6px;display:flex}.sl-tp-row label{color:var(--text-secondary);font-size:11px}.sl-tp-row input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;width:100%;padding:10px 12px;font-size:13px}.quick-buttons{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.quick-btn{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border:none;border-radius:6px;padding:8px 4px;font-size:11px}.quick-btn:first-child,.quick-btn:nth-child(2){color:var(--accent-red)}.quick-btn:nth-child(3),.quick-btn:nth-child(4){color:var(--accent-green)}.order-type-tabs{gap:8px;margin-bottom:16px;display:flex}.type-tab{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500}.type-tab.active{background:var(--accent-blue);color:#fff}.type-tab.close-all{background:var(--accent-orange);color:#fff}.btn-buy-large{background:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;padding:16px;font-size:16px;font-weight:600}.btn-select-position{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:16px;font-size:14px;text-decoration:none}.positions-section{background:var(--bg-card);border-radius:16px;margin:12px 16px;overflow:hidden}.positions-header{border-bottom:1px solid var(--border-color);padding:14px 16px}.positions-header h3{font-size:14px;font-weight:600}.positions-list{padding:12px}.empty-state{text-align:center;color:var(--text-secondary);padding:24px;font-size:13px}.header-btn{position:relative}body.positions-route .app{min-height:100vh;padding-bottom:80px}body.positions-route .header{z-index:100;background:#161b22;border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:flex;position:sticky;top:0}body.positions-route .logo{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}body.positions-route .logo svg{color:#58a6ff;width:24px;height:24px}body.positions-route .header-right{align-items:center;display:flex}body.positions-route .header-btn{color:#8b949e;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;padding:0;font-size:16px;display:flex}body.positions-route .lang-icon{font-size:18px}body.positions-route .header-btn{position:relative}body.positions-route .badge{color:#fff;background:#f44336;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}body.positions-route .balance{flex-direction:column;align-items:flex-end;display:flex}body.positions-route .balance .label{color:#8b949e;font-size:11px}body.positions-route .balance .value{color:#4caf50;font-family:SF Mono,Monaco,monospace;font-size:15px;font-weight:600}body.positions-route .positions-summary{background:var(--bg-secondary);grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px;display:grid}body.positions-route .summary-card{background:var(--bg-card);text-align:center;border-radius:12px;padding:14px 10px}body.positions-route .summary-label{color:var(--text-secondary);margin-bottom:6px;font-size:11px}body.positions-route .summary-value{color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:18px;font-weight:700}body.positions-route .summary-card.profit .summary-value{color:var(--accent-green)}body.positions-route .summary-card.loss .summary-value{color:var(--accent-red)}body.positions-route .positions-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:8px;padding:12px 16px;display:flex}body.positions-route .positions-tab{background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500}body.positions-route .positions-tab.active{background:var(--accent-blue);color:#fff}body.positions-route .positions-content,body.positions-route .pending-content,body.positions-route .history-content{min-height:300px;padding:16px}body.positions-route .empty-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}body.positions-route .empty-state svg{opacity:.3;stroke-width:1px;width:80px;height:80px;margin-bottom:16px}body.positions-route .empty-state p{color:var(--text-primary);margin-bottom:8px;font-size:15px}body.positions-route .empty-state span{color:var(--text-muted);font-size:13px}body.positions-route .position-list{flex-direction:column;gap:10px;display:flex}body.positions-route .position-item{background:var(--bg-card);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}body.positions-route .position-info h4{margin-bottom:4px;font-size:15px}body.positions-route .position-info p{color:var(--text-secondary);font-size:12px}body.positions-route .position-pnl{text-align:right}body.positions-route .position-pnl .amount{font-family:SF Mono,Monaco,monospace;font-size:16px;font-weight:600;display:block}body.positions-route .position-pnl .amount.profit{color:var(--accent-green)}body.positions-route .position-pnl .amount.loss{color:var(--accent-red)}body.positions-route .btn-close{background:var(--accent-red);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-left:12px;padding:8px 16px;font-size:12px}body.positions-route .bottom-nav{z-index:100;background:#161b22;border-top:1px solid #30363d;justify-content:space-around;padding:8px 0 12px;display:flex;position:fixed;bottom:0;left:0;right:0}body.positions-route .nav-item{color:#8b949e;flex-direction:column;align-items:center;gap:4px;padding:4px 16px;font-size:10px;text-decoration:none;display:flex}body.positions-route .nav-item svg{width:22px;height:22px}body.positions-route .nav-item.active{color:#58a6ff}@media (width>=1024px){body.positions-route .main{max-width:800px;margin:0 auto}body.positions-route .bottom-nav{display:none}body.positions-route .app{padding-bottom:0}}.header-actions{align-items:center;gap:8px;display:flex}.header-btn{color:#8b949e;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;display:flex;position:relative}.header-btn svg{width:18px;height:18px}.lang-icon{font-size:18px}.badge{color:#fff;background:#f44336;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.account-overview{background:#161b22;border-radius:16px;margin:12px;padding:16px}.overview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.overview-header h2{font-size:18px;font-weight:600}.action-buttons{gap:12px;display:flex}.btn-deposit,.btn-withdraw{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.btn-deposit{color:#fff;background:#4caf50}.btn-withdraw{color:#fff;background:#f44336}.btn-deposit svg,.btn-withdraw svg{flex-shrink:0;width:16px;height:16px}.account-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}.account-card{background:#21262d;border-radius:12px;padding:14px 12px}.card-label{color:#8b949e;margin-bottom:6px;font-size:12px}.card-value{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:16px;font-weight:700}.card-value.green{color:#4caf50}.margin-section{background:#21262d;border-radius:12px;margin-bottom:12px;padding:14px}.margin-row{justify-content:space-between;align-items:center;display:flex}.margin-item{flex-direction:column;gap:4px;display:flex}.margin-item span:first-child{color:#8b949e;font-size:12px}.margin-percent{color:#4caf50;font-family:SF Mono,Monaco,monospace;font-size:20px;font-weight:700}.margin-ratio{color:#6e7681;font-size:13px}.risk-section{background:#21262d;border-radius:12px;padding:14px}.risk-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.risk-header span:first-child{color:#8b949e;font-size:13px}.risk-badge{color:#4caf50;background:#4caf5033;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.risk-bar{background:#0d1117;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.risk-progress{background:linear-gradient(90deg,#4caf50,#ff9800,#f44336);border-radius:4px;width:0%;height:100%}.risk-labels{color:#6e7681;justify-content:space-between;font-size:11px;display:flex}.fund-flow{background:#161b22;border-radius:16px;margin:12px;padding:16px}.fund-flow h3{margin-bottom:14px;font-size:16px;font-weight:600}.flow-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.flow-card{text-align:center;background:#21262d;border-radius:10px;padding:14px 10px}.flow-label{color:#8b949e;margin-bottom:8px;font-size:11px}.flow-value{font-family:SF Mono,Monaco,monospace;font-size:15px;font-weight:700}.flow-value.green{color:#4caf50}.flow-value.red{color:#f44336}.trade-records{background:#161b22;border-radius:16px;margin:12px;padding:16px}.trade-records h3{margin-bottom:14px;font-size:16px;font-weight:600}.record-section{margin-bottom:16px}.record-section h4{color:#8b949e;margin-bottom:10px;font-size:13px}.record-list{background:#21262d;border-radius:10px;justify-content:center;align-items:center;min-height:80px;display:flex}.empty-record{color:#6e7681;padding:20px;font-size:13px}.modal{z-index:1000;background:#000000b3;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-content{background:#21262d;border-radius:20px 20px 0 0;width:100%;max-height:85vh;animation:.25s slideUp;overflow:hidden}.modal-header{border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-size:17px;font-weight:600}.btn-close{color:#8b949e;cursor:pointer;background:0 0;border:none;font-size:24px}.modal-body{max-height:60vh;padding:16px 20px;overflow-y:auto}.currency-select{margin-bottom:16px}.currency-select label{color:#8b949e;margin-bottom:10px;font-size:13px;display:block}.currency-tabs{gap:10px;display:flex}.currency-tab{color:#fff;cursor:pointer;background:#30363d;border:1px solid #30363d;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.currency-tab.active{background:#4caf50;border-color:#4caf50}.available-balance{background:#30363d;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px;display:flex}.available-balance span:first-child{color:#8b949e;font-size:13px}.balance-amount{font-family:monospace;font-size:18px;font-weight:700}.amount-input{margin-bottom:16px}.amount-input label{color:#8b949e;margin-bottom:10px;font-size:13px;display:block}.amount-input input{color:#fff;background:#30363d;border:1px solid #30363d;border-radius:10px;width:100%;padding:14px 16px;font-size:16px}.quick-amounts{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.quick-amounts button{color:#8b949e;cursor:pointer;background:#30363d;border:1px solid #30363d;border-radius:8px;padding:12px 4px;font-size:12px}.modal-footer{border-top:1px solid #30363d;gap:12px;padding:16px 20px;display:flex}.btn-cancel,.btn-confirm{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:600}.btn-cancel{color:#fff;background:#30363d}.btn-confirm{color:#fff;background:#4caf50}.btn-confirm.withdraw{background:#f44336}.notification-modal .modal-body{max-height:70vh;padding:0}.notification-list{padding:8px}.notification-item{border-bottom:1px solid #30363d;padding:14px 20px}.notification-title{margin-bottom:6px;font-size:14px;font-weight:600}.notification-message{color:#8b949e;margin-bottom:6px;font-size:13px}.notification-time{color:#6e7681;font-size:11px}.empty-notification{text-align:center;color:#8b949e;padding:40px}.text-btn{color:#58a6ff;cursor:pointer;background:0 0;border:none;font-size:13px}.text-btn.danger{color:#f44336}.login-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;padding:40px 20px;display:flex}.login-header{text-align:center;margin-bottom:40px}.login-logo{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.login-logo svg{color:#fff;width:36px;height:36px}.login-title{margin-bottom:8px;font-size:28px;font-weight:700}.login-subtitle{color:var(--text-secondary);font-size:14px}.login-form{background:var(--bg-card);border-radius:20px;padding:32px 24px}.btn-login{background:var(--accent-blue);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:12px;margin-top:10px;padding:16px;font-size:16px;font-weight:600}.btn-login:active{transform:scale(.98)}.login-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px}.login-footer a{color:var(--accent-blue);text-decoration:none}.divider{background:var(--border-color);height:1px;margin:24px 0}.test-account{text-align:center}.test-account-label{color:var(--text-muted);margin-bottom:12px;font-size:12px}.btn-test{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:12px;padding:14px;font-size:14px}.test-hint{color:var(--text-muted);margin-top:12px;font-size:12px}.login-bottom{text-align:center;color:var(--text-muted);margin-top:auto;padding:20px;font-size:12px}.register-page{background:var(--bg-primary);min-height:100vh;padding:20px}.register-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.back-link{color:var(--text-secondary);align-items:center;gap:4px;font-size:14px;text-decoration:none;display:flex}.back-link svg{width:20px;height:20px}.register-title{margin-bottom:8px;font-size:24px;font-weight:700}.register-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.register-form{background:var(--bg-card);border-radius:20px;padding:24px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;display:block}.form-group label .required{color:var(--accent-red)}.form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);-webkit-appearance:none;border-radius:12px;padding:16px;font-size:15px}.form-group input:focus{border-color:var(--accent-blue);outline:none}.btn-register{background:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:600}.btn-register:active{transform:scale(.98)}.open-account-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative}.open-account-lang{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;z-index:50;border-radius:10px;width:44px;height:44px;font-size:20px;position:fixed;top:16px;right:16px}.open-account-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:420px;padding:28px 22px}.open-account-logo{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.open-account-logo svg{width:30px;height:30px}.open-account-title{text-align:center;color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:700}.open-account-sub{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:13px;line-height:1.45}.open-account-modes{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.open-mode-btn{text-align:left;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:16px;transition:border-color .2s,background .2s}.open-mode-btn.active{border-color:var(--accent-blue);background:#2196f31f}.open-mode-name{margin-bottom:6px;font-size:16px;font-weight:600;display:block}.open-mode-desc{color:var(--text-secondary);font-size:12px;line-height:1.4;display:block}.open-capital-label{color:var(--text-secondary);margin-bottom:10px;font-size:13px;display:block}.open-capital-presets{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.open-preset{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px;font-size:12px}.open-preset.active{border-color:var(--accent-green);background:#4caf5026}.open-capital-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;padding:14px;font-size:15px}.open-capital-input:focus{border-color:var(--accent-blue);outline:none}.open-account-submit{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:20px;padding:16px;font-size:16px;font-weight:600}.open-account-submit:active{transform:scale(.99)}#root{width:100%;min-height:100%;margin:0;padding:0}