body{margin:0}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html.rtl{direction:rtl}html.rtl body{font-family:Tajawal,Noto Kufi Arabic,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html.rtl .ml-2{margin-left:0;margin-right:.5rem}html.rtl .mr-2{margin-left:.5rem;margin-right:0}html.rtl .pl-2{padding-left:0;padding-right:.5rem}html.rtl .pr-2{padding-left:.5rem;padding-right:0}html.rtl .text-left{text-align:right}html.rtl .text-right{text-align:left}html.rtl .flex-row{flex-direction:row-reverse}html.rtl [class*=arrow-left],html.rtl [class*=arrow-right]{transform:scaleX(-1)}.app{background-color:#0b0e14;flex-direction:column;min-height:100vh;display:flex}.app.dark{color:#d1d4dc;background:radial-gradient(circle at 50% 0,#161b26 0%,#0b0e14 100%)}.app.light{color:#131722;background:#f8fafc}.page-transition{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2e39;border-radius:2px}.text-up{color:#26a69a!important}.text-down{color:#ef5350!important}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.topbar{background:#131722;border-bottom:1px solid #1e222d;justify-content:space-between;align-items:center;min-height:48px;padding:8px 16px;display:flex}.app.light .topbar{background:#fff;border-color:#e0e3eb}.topbar-left{align-items:center;gap:16px;display:flex}.logo{color:#2962ff;letter-spacing:-.5px;font-size:18px;font-weight:700}.symbol-select{color:#d1d4dc;cursor:pointer;background:#1e222d;border:1px solid #2a2e39;border-radius:4px;min-width:120px;padding:4px 12px;font-size:15px;font-weight:600}.app.light .symbol-select{color:#131722;background:#f7f8fa;border-color:#e0e3eb}.current-price{color:#d1d4dc;font-size:20px;font-weight:700}.app.light .current-price{color:#131722}.price-change{color:#787b86;font-size:13px}.price-change.positive{color:#26a69a}.price-change.negative{color:#ef5350}.topbar-right{align-items:center;gap:20px;display:flex}.account-info{color:#787b86;gap:20px;font-size:12px;display:flex}.account-info strong{color:#d1d4dc;font-weight:600}.app.light .account-info strong{color:#131722}.account-info .profit{color:#26a69a}.theme-btn{cursor:pointer;background:0 0;border:1px solid #2a2e39;border-radius:4px;padding:4px 10px;font-size:16px;line-height:1}.app.light .theme-btn{border-color:#e0e3eb}.main-layout{flex:1;display:flex;overflow:hidden}.watchlist-group-label{color:#787b86;text-transform:uppercase;letter-spacing:.8px;padding:8px 12px 4px;font-size:10px;font-weight:700}.market-badge{color:#2962ff;letter-spacing:.5px;background:#2962ff20;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:700}.watchlist{background:#131722;border-right:1px solid #1e222d;flex-direction:column;flex-shrink:0;width:220px;display:flex}.app.light .watchlist{background:#fff;border-color:#e0e3eb}.watchlist-header{text-transform:uppercase;letter-spacing:.5px;color:#787b86;border-bottom:1px solid #1e222d;padding:10px 12px;font-size:12px;font-weight:600}.app.light .watchlist-header{border-color:#e0e3eb}.watchlist-list{flex:1;overflow-y:auto}.watchlist-item{cursor:pointer;border-bottom:1px solid #1e222d;grid-template-columns:1fr auto auto;gap:8px;padding:8px 12px;font-size:12px;transition:background .1s;display:grid}.app.light .watchlist-item{border-color:#e0e3eb}.watchlist-item:hover{background:#1e222d}.app.light .watchlist-item:hover{background:#f0f3fa}.watchlist-item.selected{background:#1e222d;border-left:2px solid #2962ff}.app.light .watchlist-item.selected{background:#f0f3fa}.wl-symbol{color:#d1d4dc;font-weight:600}.app.light .wl-symbol{color:#131722}.wl-price{text-align:right;color:#d1d4dc}.app.light .wl-price{color:#131722}.wl-change{text-align:right}.watchlist-item.up .wl-change{color:#26a69a}.watchlist-item.down .wl-change{color:#ef5350}.chart-area{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar-group{gap:2px;display:flex}.toolbar-divider{background:#2a2e39;width:1px;height:20px}.app.light .toolbar-divider{background:#e0e3eb}.toolbar-spacer{flex:1}.toolbar-btn{color:#787b86;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:3px 10px;font-size:12px;transition:all .15s}.toolbar-btn:hover{color:#d1d4dc;background:#1e222d}.app.light .toolbar-btn:hover{color:#131722;background:#f0f3fa}.toolbar-btn.active{color:#2962ff;background:#1e222d}.app.light .toolbar-btn.active{color:#2962ff;background:#e8f0fe}.chart-wrapper{flex:1;min-height:0;position:relative}.bottombar{color:#787b86;background:#131722;border-top:1px solid #1e222d;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.app.light .bottombar{background:#fff;border-color:#e0e3eb}.bottombar-sep{color:#2a2e39}.app.light .bottombar-sep{color:#e0e3eb}.mw-panel{color:#d1d4dc;background:#0d0f14;flex-direction:column;height:100%;font-size:12px;display:flex;overflow:hidden}.mw-header{border-bottom:1px solid #1e222d;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.mw-header-title{color:#d1d4dc;letter-spacing:.3px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.mw-header-icon{font-size:14px}.mw-status-dot{background:#787b86;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s}.mw-status-dot[data-status=connected]{background:#26a69a;box-shadow:0 0 5px #26a69a66}.mw-status-dot[data-status=connecting]{background:#f59e0b}.mw-count{color:#4a4e5a;white-space:nowrap;font-size:10px}.mw-search{border-bottom:1px solid #1a1d27;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px;display:flex}.mw-search-icon{color:#4a4e5a;flex-shrink:0}.mw-search-input{color:#d1d4dc;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:12px}.mw-search-input::placeholder{color:#4a4e5a}.mw-search-clear{color:#4a4e5a;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1;transition:color .15s}.mw-search-clear:hover{color:#d1d4dc}.mw-group-tabs{border-bottom:1px solid #1a1d27;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:3px;padding:5px 8px;display:flex}.mw-group-tabs button{color:#4a4e5a;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:11px;line-height:1;transition:all .15s}.mw-group-tabs button:hover{color:#a3a6af;background:#1e222d}.mw-group-tabs button.active{color:#2962ff;background:#2962ff22;font-weight:600}.mw-list{flex:1;overflow:hidden auto}.mw-list::-webkit-scrollbar{width:3px}.mw-list::-webkit-scrollbar-track{background:0 0}.mw-list::-webkit-scrollbar-thumb{background:#2a2e39;border-radius:2px}.mw-group-header{cursor:pointer;color:#787b86;letter-spacing:.8px;text-transform:uppercase;text-align:left;z-index:1;background:#0d0f14;border:none;border-bottom:1px solid #131621;align-items:center;gap:5px;width:100%;padding:5px 10px;font-family:inherit;font-size:10px;font-weight:700;transition:background .15s;display:flex;position:sticky;top:0}.mw-group-header:hover{background:#131621}.mw-group-icon{font-size:11px}.mw-group-name{flex:1}.mw-group-count{color:#4a4e5a;background:#1e222d;border-radius:8px;padding:1px 5px;font-size:9px}.mw-collapse-icon{color:#4a4e5a;font-size:9px;transition:transform .2s}.mw-collapse-icon.collapsed{transform:rotate(-90deg)}.mw-symbol-row{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:5px 10px;font-family:inherit;transition:background .12s;display:grid}.mw-symbol-row:hover{background:#131621}.mw-symbol-row.active{background:#162036;border-left:2px solid #2962ff}.mw-symbol-row.flash-up{animation:.45s ease-out mwFlashUp}.mw-symbol-row.flash-down{animation:.45s ease-out mwFlashDown}.mw-symbol-row.closed{opacity:.55}@keyframes mwFlashUp{0%{background:#26a69a38}to{background:0 0}}@keyframes mwFlashDown{0%{background:#ef535038}to{background:0 0}}.mw-sym-info{flex-direction:column;min-width:0;display:flex}.mw-sym-main{align-items:center;gap:5px;display:flex}.mw-sym-code{color:#d1d4dc;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:1.3;overflow:hidden}.mw-sym-type{text-transform:uppercase;color:#fff;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:8px;font-weight:700;line-height:1.3}.mw-sym-name{color:#4a4e5a;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9px;line-height:1.3;overflow:hidden}.mw-sym-price{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.mw-sym-price-val{color:#d1d4dc;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:1.3;transition:color .15s}.mw-sym-price-val.up{color:#26a69a}.mw-sym-price-val.down{color:#ef5350}.mw-sym-change{font-variant-numeric:tabular-nums;font-size:9px;font-weight:600;line-height:1.2}.mw-sym-change.up{color:#26a69a}.mw-sym-change.down{color:#ef5350}.mw-sym-loading{color:#2a2e39;font-size:10px}.mw-sym-status{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.mw-status-open{color:#22c55e;text-shadow:0 0 4px #22c55e66;font-size:10px}.mw-status-closed{text-transform:uppercase;color:#ef4444;letter-spacing:.3px;font-size:7px;font-weight:700;line-height:1.2}html.rtl .mw-group-header,html.rtl .mw-symbol-row{text-align:right}html.rtl .mw-symbol-row.active{border-left:none;border-right:2px solid #2962ff}html.rtl .mw-sym-price{align-items:flex-start}html.rtl .mw-sym-main{flex-direction:row-reverse}.chart-toolbar{z-index:10;pointer-events:all;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:12px}.chart-indicator-btn{color:#787b86;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;background:#0d0f14d9;border:1px solid #2a2e39;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s;display:flex}.chart-indicator-btn:hover{color:#d1d4dc;border-color:#444}.chart-indicator-btn.active{color:#d1d4dc;background:#1e222de6;border-color:#3a3e4a}.chart-indicator-dot{border-radius:50%;width:7px;height:7px}.chart-ohlcv-tooltip{pointer-events:none;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f14eb;border:1px solid #2a2e39;border-left-width:2px;border-radius:6px;min-width:165px;padding:8px 10px;font-family:Inter,Roboto,monospace;font-size:11px;position:absolute;box-shadow:0 4px 16px #0006}.chart-ohlcv-tooltip.up{border-left-color:#26a69a}.chart-ohlcv-tooltip.down{border-left-color:#ef5350}.chart-tooltip-time{color:#787b86;letter-spacing:.3px;margin-bottom:5px;font-size:10px}.chart-tooltip-row{color:#787b86;grid-template-columns:12px 1fr 12px 1fr;align-items:center;gap:3px 6px;margin-bottom:3px;font-size:10px;display:grid}.chart-tooltip-val{color:#d1d4dc;font-variant-numeric:tabular-nums;font-weight:600}.chart-tooltip-val.up{color:#26a69a}.chart-tooltip-val.down{color:#ef5350}.chart-tooltip-vol{color:#787b86;border-top:1px solid #1e222d;margin-top:4px;padding-top:4px;font-size:10px}.chart-hint{color:#4a4e5a;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#1e222dcc;border:1px solid #2a2e39;border-radius:4px;padding:4px 10px;font-family:Inter,sans-serif;font-size:11px;position:absolute;top:10px;right:62px}@media (width<=1200px){.trade-market-watch{z-index:110;border-right:1px solid #1e222d;height:100vh;transition:left .25s;position:fixed;top:0;left:-280px;box-shadow:4px 0 20px #00000080;width:260px!important;min-width:260px!important}.with-market-watch .trade-market-watch{left:0}.trade-mw-toggle{display:flex!important}.trade-mw-overlay{z-index:109;background:#00000080;display:none;position:fixed;inset:0}.with-market-watch .trade-mw-overlay{display:block}}@media (width<=1024px){.trade-right-panel{z-index:100;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-4px 0 20px #00000080;width:min(90vw,400px)!important}.trade-right-panel.open{right:0}.trade-right-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.trade-right-overlay.open{display:block}.toolbar-group-label{display:none}}@media (width<=768px){.trade-market-watch{max-width:320px;left:-100%;width:100%!important;min-width:0!important}.with-market-watch .trade-market-watch{left:0}.trade-layout{flex-direction:column;height:calc(100vh - 56px)!important}.trade-chart-area,.trade-chart-container{flex:1;min-height:0}.trade-bottom-panel{min-height:120px;max-height:45vh;height:auto!important}.trade-bottom-content{max-height:calc(45vh - 36px);overflow:auto}.trade-pos-header{display:none!important}.trade-pos-row{border-bottom:1px solid #1e222d;flex-wrap:wrap;gap:4px 8px;font-size:12px;padding:10px 12px!important;display:flex!important}.trade-pos-row>*{flex:auto;min-width:60px}.trade-pos-row>:before{color:#787b86;margin-right:4px;font-size:9px;font-weight:500;display:inline;content:attr(data-label) ":"!important}.trade-pos-row .trade-pos-action-btn,.trade-pos-row .trade-pos-close{min-width:60px}.toolbar-group{flex-shrink:0}.trade-topbar-wrap .trade-intervals{-webkit-overflow-scrolling:touch;overflow-x:auto}.trade-topbar-wrap{flex-wrap:wrap;gap:4px!important;min-height:auto!important;padding:4px 8px!important}.trade-mw-toggle span,.trade-fullscreen-btn span{display:none}}@media (width<=600px){.trade-topbar-wrap{font-size:11px}.toolbar-btn{padding:3px 6px!important;font-size:11px!important}.trade-symbol-wrap{min-width:0}.trade-symbol-code{font-size:13px!important}.auth-container>div{width:calc(100% - 32px)!important;max-width:400px!important;padding:24px 20px!important}.dash-cards{grid-template-columns:1fr!important}.auth-name-row{flex-direction:column!important;gap:12px!important}}@media (width<=480px){.toolbar-btn{padding:3px 5px!important;font-size:10px!important}.toolbar-divider{margin:0 2px}.trade-intervals{gap:1px!important}.chart-indicator-btn{padding:4px 6px!important}.chart-indicator-btn span{display:none}.trade-sl-tp-row{flex-direction:column;gap:8px}.trade-sl-tp-row>*{width:100%;flex:none!important}.trade-pos-row{font-size:11px;padding:8px 10px!important}.trade-vol-btn,.trade-copier-btn{min-width:44px!important;min-height:44px!important}.trade-side-btn,.trade-submit-btn{min-height:48px!important;font-size:16px!important}.trade-vol-preset{min-width:44px!important;min-height:36px!important;font-size:13px!important}.trade-order-type-btn{min-height:40px!important;font-size:13px!important}.trade-field-input{padding:10px 8px!important;font-size:16px!important}}@media (width<=360px){.trade-topbar-wrap{gap:2px!important}.toolbar-btn{padding:2px 4px!important;font-size:9px!important}.trade-symbol-code{font-size:12px!important}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}@media (width<=480px){.trade-modal{margin:0 12px;width:calc(100vw - 24px)!important;max-width:400px!important}.trade-modal-content{padding:20px 16px!important}.toast-container{max-width:none!important;bottom:8px!important;left:8px!important;right:8px!important}.notif-dropdown{width:calc(100vw - 16px)!important;max-width:none!important;left:8px!important;right:8px!important}}@media (width<=768px){.chart-toolbar{gap:3px!important}.chart-ohlcv-tooltip{min-width:140px!important;padding:4px 8px!important;font-size:10px!important}.chart-tooltip-time{font-size:10px!important}.chart-tooltip-row{gap:4px!important;font-size:10px!important}.chart-tooltip-vol{font-size:9px!important}}@media (width<=480px){.chart-ohlcv-tooltip{border-radius:4px!important;min-width:120px!important;padding:3px 6px!important}.chart-ohlcv-tooltip .chart-tooltip-time{font-size:9px!important}.chart-ohlcv-tooltip .chart-tooltip-row{gap:2px!important;font-size:9px!important}.chart-tooltip-val{min-width:36px!important}}@media (width<=1024px){.trade-left-panel{min-width:0!important}}@media (width<=768px){.dash-header{flex-direction:column!important;gap:12px!important}.dash-cards{grid-template-columns:1fr!important}.dash-ticker{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.dash-ticker-inner{gap:16px!important}.dash-empty{padding:40px 20px!important}}@media (width<=480px){.dash-page h1{font-size:20px!important}.dash-ticker{padding:8px 12px!important}.dash-ticker-inner{gap:12px!important;font-size:12px!important}}@media (width<=1200px){.trade-table-wrap{overflow-x:auto}}