@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--primary:#6366f1;--primary-hover:#818cf8;--primary-muted:rgba(99,102,241,.15);--accent:#06b6d4;--accent-hover:#22d3ee;--green:#22c55e;--green-bg:rgba(34,197,94,.12);--red:#ef4444;--red-bg:rgba(239,68,68,.12);--yellow:#eab308;--yellow-bg:rgba(234,179,8,.12);--blue:#3b82f6;--blue-bg:rgba(59,130,246,.12);--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a28;--bg-card:#14141f;--bg-hover:#1e1e2e;--bg-input:#16162a;--bg-modal:rgba(0,0,0,.7);--border:#2a2a3e;--border-hover:#3a3a52;--border-focus:var(--primary);--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#6b6b82;--text-inverse:#0a0a0f;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-green:linear-gradient(135deg,#22c55e,#16a34a);--gradient-red:linear-gradient(135deg,#ef4444,#dc2626);--gradient-card:linear-gradient(145deg,rgba(20,20,31,.8),rgba(26,26,40,.5));--gradient-glass:linear-gradient(145deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(99,102,241,.2);--font-sans:"Inter",-apple-system,system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#eeeef2;--bg-card:#fff;--bg-hover:#e8e8ee;--bg-input:#f0f0f5;--bg-modal:rgba(0,0,0,.4);--border:#d4d4dc;--border-hover:#b4b4c0;--text-primary:#1a1a2e;--text-secondary:#4a4a62;--text-muted:#8888a0;--text-inverse:#f0f0f5;--gradient-card:linear-gradient(145deg,hsla(0,0%,100%,.9),rgba(240,240,245,.7));--gradient-glass:linear-gradient(145deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.3));--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--shadow-glow:0 0 20px rgba(99,102,241,.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.15rem}.text-xl{font-size:1.3rem}.text-2xl{font-size:1.6rem}.text-3xl{font-size:2rem}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-blue{color:var(--blue)}.text-primary-color{color:var(--primary)}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.absolute{position:absolute}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);border:none;font-family:var(--font-sans);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;outline:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 0 30px rgba(99,102,241,.35);transform:translateY(-1px)}.btn-green{background:var(--gradient-green);color:#fff}.btn-green:hover:not(:disabled){box-shadow:0 0 20px rgba(34,197,94,.3)}.btn-red{background:var(--gradient-red);color:#fff}.btn-red:hover:not(:disabled){box-shadow:0 0 20px rgba(239,68,68,.3)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-muted)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{padding:8px;min-width:36px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-hover)}.card-glass{background:var(--gradient-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg);padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:.8rem;color:var(--text-muted)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;transition:all var(--transition-fast);outline:none;width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.input::placeholder{color:var(--text-muted)}.input-sm{padding:6px 10px;font-size:.82rem}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6b82' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary)}.table td,.table th{border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:10px 16px}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-gray{background:rgba(160,160,184,.12);color:var(--text-secondary)}.badge-primary{background:var(--primary-muted);color:var(--primary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.kpi-card{background:var(--gradient-glass);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-normal)}.kpi-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:12px}.kpi-value{font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:4px;font-family:var(--font-mono)}.kpi-label{font-size:.8rem;color:var(--text-muted)}.kpi-change{font-size:.75rem;font-weight:600;margin-top:8px;display:flex;align-items:center;gap:4px}.layout{display:flex;min-height:100vh}.sidebar{width:260px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:50;transition:transform var(--transition-normal)}.sidebar-logo{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.sidebar-logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-logo-icon,.sidebar-logo-text{font-size:1.1rem;font-weight:700}.sidebar-nav{flex:1 1;padding:8px;overflow-y:auto;min-height:0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-section{margin-bottom:4px}.sidebar-section-title{padding:6px 12px;font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sidebar-link{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.84rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--primary-muted);color:var(--primary)}.sidebar-link-icon{width:18px;text-align:center;font-size:.92rem}.sidebar-footer{padding:16px;border-top:1px solid var(--border)}.main-content{flex:1 1;margin-left:260px;min-height:100vh}.sidebar-client+div,.sidebar-client~.main-content{margin-left:0!important}.page-header{padding:20px 28px;border-bottom:1px solid var(--border);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-title{font-size:1.3rem;font-weight:700}.page-body{padding:24px 28px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(at 20% 50%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(at 80% 20%,rgba(6,182,212,.06) 0,transparent 50%),radial-gradient(at 50% 80%,rgba(139,92,246,.05) 0,transparent 50%)}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-lg)}.auth-logo{gap:12px;margin-bottom:32px}.auth-logo,.auth-logo-icon{display:flex;align-items:center;justify-content:center}.auth-logo-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);font-size:1.4rem;font-weight:800;color:#fff}.auth-logo-text{font-size:1.5rem;font-weight:800}.auth-title{font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:8px}.auth-subtitle{font-size:.88rem;color:var(--text-muted);text-align:center;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-footer{text-align:center;margin-top:24px;font-size:.85rem;color:var(--text-muted)}.trader-layout{display:grid;grid-template-columns:260px 1fr 300px;grid-template-rows:44px 1fr 220px;height:100vh;grid-gap:0;gap:0;background:#080810;color:#c8ccd8;font-family:Inter,-apple-system,sans-serif}.trader-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(180deg,#12121e,#0e0e18);border-bottom:1px solid #1c1c2e;height:44px;z-index:10}.trader-watchlist{grid-row:2/4;border-right:1px solid #1c1c2e;overflow-y:auto;background:#0c0c16;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.trader-watchlist::-webkit-scrollbar{width:4px}.trader-watchlist::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:4px}.trader-chart{grid-row:2;overflow:hidden;background:#080810}.trader-panel{grid-row:2/4;border-left:1px solid #1c1c2e;overflow-y:auto;background:#0c0c16;scrollbar-width:thin;scrollbar-color:#2a2a3e transparent}.trader-panel::-webkit-scrollbar{width:4px}.trader-panel::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:4px}.trader-positions{grid-row:3;border-top:1px solid #1c1c2e;overflow-y:auto;background:#0a0a14}.wl-item{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid hsla(0,0%,100%,.03);cursor:pointer;transition:all .15s ease;position:relative}.wl-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .15s ease}.wl-item:hover{background:rgba(99,102,241,.04)}.wl-item:hover:before{background:rgba(99,102,241,.3)}.wl-item.active{background:rgba(99,102,241,.08)}.wl-item.active:before{background:#6366f1}.wl-symbol{font-weight:600;font-size:.82rem;color:#e2e8f0;letter-spacing:.02em}.wl-name{font-size:.68rem;color:#5a5e72;margin-top:1px}.wl-price{font-family:JetBrains Mono,SF Mono,monospace;font-weight:600;font-size:.82rem;color:#e2e8f0;letter-spacing:-.01em}.wl-change{font-size:.68rem;font-weight:600;font-family:JetBrains Mono,monospace;margin-top:1px}.order-panel{padding:14px}.order-tabs{display:flex;gap:2px;margin-bottom:14px;background:hsla(0,0%,100%,.03);border-radius:6px;padding:2px}.order-tab{flex:1 1;padding:8px;text-align:center;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s ease;border:none;background:none;color:#5a5e72;border-radius:5px;letter-spacing:.04em}.order-tab.buy,.order-tab.sell{border-bottom:none}.order-tab.buy.active{color:#22c55e;background:rgba(34,197,94,.12);box-shadow:0 0 12px rgba(34,197,94,.1)}.order-tab.sell.active{color:#ef4444;background:rgba(239,68,68,.12);box-shadow:0 0 12px rgba(239,68,68,.1)}.order-price-display{text-align:center;padding:14px;margin-bottom:14px;background:hsla(0,0%,100%,.02);border-radius:8px;border:1px solid hsla(0,0%,100%,.04)}.order-price-label{font-size:.65rem;color:#5a5e72;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.order-price-value{font-size:1.7rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:-.02em}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes priceUp{0%{background:var(--green-bg)}to{background:transparent}}@keyframes priceDown{0%{background:var(--red-bg)}to{background:transparent}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideIn{animation:slideIn .3s ease forwards}.animate-pulse{animation:pulse 2s infinite}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=light] .sidebar{background:linear-gradient(180deg,#f8f9fc,#eef0f6);border-right-color:rgba(99,102,241,.12)}[data-theme=light] .sidebar-link{color:#4a5568}[data-theme=light] .sidebar-link:hover{background:rgba(99,102,241,.08);color:#1a202c}[data-theme=light] .sidebar-link.active{background:rgba(99,102,241,.12);color:#6366f1}[data-theme=light] .card{background:hsla(0,0%,100%,.95);border-color:rgba(99,102,241,.1)}[data-theme=light] .input{background:#f8f9fc;border-color:rgba(99,102,241,.15);color:#1a202c}[data-theme=light] .table th{background:#f0f2f5;color:#4a5568}[data-theme=light] .table td{border-color:rgba(99,102,241,.08)}[data-theme=light] .kpi-card{background:hsla(0,0%,100%,.9)}[data-theme=light] .auth-card{background:hsla(0,0%,100%,.95)}[data-theme=light] .modal{background:#fff}.price-flash-up{animation:priceUp .6s ease}.price-flash-down{animation:priceDown .6s ease}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);min-height:20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.modal-overlay{position:fixed;inset:0;background:var(--bg-modal);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;max-width:500px;width:90%;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}.modal-title{font-size:1.2rem;font-weight:700;margin-bottom:16px}.toast-container{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;animation:slideIn .3s ease;box-shadow:var(--shadow-md)}.toast-success{background:var(--green);color:#fff}.toast-error{background:var(--red);color:#fff}.toast-info{background:var(--blue);color:#fff}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .sidebar{right:0;left:auto;border-right:none;border-left:1px solid var(--border)}[dir=rtl] .main-content{margin-left:0;margin-right:260px}[dir=rtl] .sidebar-link{flex-direction:row-reverse}[dir=rtl] .wl-item.active{border-left:none;border-right:3px solid var(--primary)}[dir=rtl] .trader-watchlist{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .trader-panel{border-left:none;border-right:1px solid var(--border)}[dir=rtl] select.input{background-position:left 12px center;padding-right:14px;padding-left:36px}.mobile-toggle{display:none;position:fixed;bottom:20px;right:20px;z-index:999;width:52px;height:52px;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;font-size:1.4rem;cursor:pointer;box-shadow:var(--shadow-lg),var(--shadow-glow);transition:transform var(--transition-fast)}.mobile-toggle:active{transform:scale(.92)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--bg-secondary);border-top:1px solid var(--border);padding:6px 0 max(6px,env(safe-area-inset-bottom))}.mobile-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:var(--radius-md);background:none;border:none;color:var(--text-muted);font-size:.62rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-icon{font-size:1.2rem}.mobile-trader-tabs{display:none;overflow-x:auto;white-space:nowrap;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-trader-tabs::-webkit-scrollbar{display:none}.mobile-trader-tab{display:inline-flex;align-items:center;gap:4px;padding:10px 16px;font-size:.82rem;font-weight:600;color:var(--text-muted);background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;white-space:nowrap;font-family:var(--font-sans)}.mobile-trader-tab.active{color:var(--primary);border-bottom-color:var(--primary)}@media (max-width:1200px){.trader-layout{grid-template-columns:200px 1fr 280px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:960px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);width:280px;box-shadow:var(--shadow-lg);z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .2s ease}[dir=rtl] .sidebar{left:auto;right:0;transform:translateX(100%)}[dir=rtl] .sidebar.open{transform:translateX(0)}.main-content{margin-left:0!important;width:100%}[dir=rtl] .main-content{margin-right:0!important}.hamburger-btn,.mobile-toggle{display:flex!important;align-items:center;justify-content:center}.hamburger-btn{position:fixed;top:12px;left:12px;z-index:998;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,.2)}[dir=rtl] .hamburger-btn{left:auto;right:12px}.trader-layout{grid-template-columns:1fr;grid-template-rows:40px auto 1fr auto auto;height:100vh;height:100dvh}.trader-header{height:40px;padding:0 10px;overflow-x:auto}.trader-watchlist{display:none;grid-row:auto;border-right:none;max-height:60vh;overflow-y:auto}.trader-watchlist.mobile-show{display:block}.trader-chart{grid-row:auto;min-height:280px}.trader-panel{grid-row:auto;border-left:none;border-top:1px solid #1c1c2e;display:none}.trader-panel.mobile-show{display:block;max-height:60vh;overflow-y:auto}.trader-positions{grid-row:auto;max-height:none;display:none}.trader-positions.mobile-show{display:block;max-height:40vh}.mobile-trader-tabs{display:flex!important}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-header{padding:14px 16px 14px 60px;flex-wrap:wrap;gap:8px}[dir=rtl] .page-header{padding-left:16px;padding-right:60px}.page-title{font-size:1.1rem}.page-body{padding:16px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.flex{flex-wrap:wrap}.flex.gap-sm{gap:8px}}@media (max-width:640px){html{font-size:13px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{padding:14px}.kpi-value{font-size:1.4rem}.kpi-icon{width:32px;height:32px;font-size:1rem;margin-bottom:8px}.page-body{padding:12px}.page-header{padding:10px 12px 10px 56px}[dir=rtl] .page-header{padding-left:12px;padding-right:56px}.page-title{font-size:1rem}.auth-card{margin:12px;padding:24px;max-width:100%}.auth-page{padding:16px}.card{padding:14px;border-radius:var(--radius-md)}.table td,.table th{padding:8px 10px;font-size:.78rem;white-space:nowrap}.modal{width:95%;padding:20px;margin:12px;max-width:none}.order-price-value{font-size:1.5rem}.order-panel{padding:12px}.wl-item{padding:8px 12px}.mobile-bottom-nav{display:block}.page-body{padding-bottom:72px}nav>.flex>a.text-secondary{display:none}.btn-lg{padding:12px 20px;font-size:.9rem}.btn{white-space:nowrap}.flex.gap-lg{gap:12px}.flex.gap-xl{gap:16px}.trader-layout{height:calc(100vh - 56px);height:calc(100dvh - 56px)}.trader-header{padding:6px 12px;height:42px}.sidebar-footer{padding:12px}.sidebar-footer .flex{flex-direction:column;gap:8px;align-items:stretch}}@media (max-width:400px){html{font-size:12px}.kpi-grid{grid-template-columns:1fr 1fr;gap:6px}.kpi-card{padding:10px}.kpi-value{font-size:1.2rem}.auth-card{padding:20px}.btn{padding:8px 14px;font-size:.82rem}.page-header{padding-left:50px}[dir=rtl] .page-header{padding-left:10px;padding-right:50px}}.hamburger-btn,.sidebar-overlay{display:none}@media (max-width:960px){.sidebar-client{position:fixed!important;left:0;top:0;bottom:0;transform:translateX(-100%);width:280px!important;box-shadow:var(--shadow-lg);z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-client.open{transform:translateX(0)!important}[dir=rtl] .sidebar-client{left:auto;right:0;transform:translateX(100%)}[dir=rtl] .sidebar-client.open{transform:translateX(0)!important}.mobile-bottom-nav{display:flex!important}}:root{--wl-primary:#6366f1;--wl-secondary:#8b5cf6;--wl-accent:#10b981;--wl-logo-text:"TP";--wl-brand-name:"TradePro";--wl-font-family:"Inter",system-ui,sans-serif;--wl-border-radius:12px;--wl-sidebar-bg:linear-gradient(195deg,#0a0e27,#111638 40%,#0d1130);--wl-login-bg:linear-gradient(135deg,#0a0e1a,#1a1040 50%,#0a0e1a)}@media (max-width:1024px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;z-index:1000;transition:left .3s}.sidebar.open{left:0}.sidebar-toggle{display:flex!important}.trader-layout{grid-template-columns:1fr;grid-template-rows:auto}.page-header{flex-direction:column;gap:10px;align-items:flex-start}}@media (max-width:768px){.layout{grid-template-columns:1fr}.main-content{padding:12px}.page-header{padding:12px 0}.page-title{font-size:1.1rem}.card{padding:14px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px;font-size:.78rem}.table td,.table th{padding:8px 10px}.btn{padding:8px 14px;font-size:.82rem}.input{padding:8px 12px;font-size:.85rem}.modal{width:95%;padding:20px;max-width:none}.sidebar-footer{padding:10px 14px}}@media (max-width:480px){.main-content{padding:8px}.page-header{padding:8px 0;gap:6px}.page-title{font-size:1rem}.card{padding:10px;border-radius:10px}.btn{padding:6px 10px;font-size:.78rem}.modal{padding:16px;border-radius:14px}}@media (max-width:768px){.sidebar{position:fixed;left:-280px;z-index:1000;transition:left .3s ease;height:100vh;box-shadow:4px 0 20px rgba(0,0,0,.5)}.sidebar.sidebar-open{left:0}.main-content{margin-left:0!important;padding:16px!important}.layout{flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.kpi-card{padding:14px!important}.kpi-value{font-size:1.1rem!important}.kpi-label{font-size:.68rem!important}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -10px;padding:0 10px}.table{min-width:700px}.modal-overlay{padding:8px}.modal{width:100%!important;max-width:100%!important;max-height:90vh}.page-header{flex-direction:column;align-items:flex-start!important;gap:10px}}@media (max-width:640px){.webtrader-layout{flex-direction:column!important}.webtrader-chart{min-height:250px!important}.webtrader-sidebar{width:100%!important;max-height:300px;overflow-y:auto}.webtrader-orderbook{flex-direction:column!important}.client-quick-actions,.client-stats-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:960px){.desktop-pnl-bar{display:none!important}.mobile-trader-tabs{display:flex!important}.trader-layout{padding-bottom:52px}.trader-header>div:last-child{display:none}}@media (max-width:480px){.trader-header>div:first-child>div:nth-child(2){display:none}}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-50px) scale(1.05)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,50px) scale(1.1)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,50px) scale(.95)}}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);z-index:0;opacity:.15;pointer-events:none}.bg-orb-1{width:500px;height:500px;background:var(--primary);top:-100px;left:-100px;animation:float1 15s ease-in-out infinite}.bg-orb-2{width:600px;height:600px;background:var(--accent);bottom:-150px;right:-150px;animation:float2 18s ease-in-out infinite}.bg-orb-3{width:400px;height:400px;background:var(--blue);top:30%;right:20%;animation:float3 20s ease-in-out infinite}