@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#f8fafc;--bg-panel:#ffffffd9;--bg-panel-solid:#fff;--bg-input:#f8fafc;--bg-input-hover:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#fff6;--accent-green:#0ea5e9;--accent-green-hover:#0284c7;--accent-red:#ef4444;--accent-red-hover:#dc2626;--radial-gradient-1:#dbf4ff;--radial-gradient-2:#e6f2ff;--sidebar-w:100px;--order-panel-w:360px;--header-h:70px;--shadow-panel:0 10px 40px -10px #0000000f}[data-theme=dark]{--bg-main:#13111c;--bg-panel:#1a1a24;--bg-panel-solid:#22232b;--bg-input:#1f1f2c;--bg-input-hover:#2a2a38;--text-main:#fff;--text-muted:#a0a0a0;--border-color:#ffffff0d;--accent-green:#25c26e;--accent-green-hover:#22a960;--accent-red:#ff475a;--accent-red-hover:#e03c4f;--accent-purple:#7c3aed;--accent-purple-hover:#6d28d9;--radial-gradient-1:#7c3aed0a;--radial-gradient-2:#25c26e05;--shadow-panel:0 10px 40px -10px #0009}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-main);background-image:radial-gradient(at 0% 0%, var(--radial-gradient-1) 0, transparent 50%), radial-gradient(at 100% 100%, var(--radial-gradient-2) 0, transparent 50%);color:var(--text-main);background-attachment:fixed;min-height:100vh;font-size:1rem;line-height:1.6;transition:background-color .4s,color .4s;overflow:hidden}.trading-app{grid-template-columns:var(--sidebar-w) 1fr var(--order-panel-w);grid-template-rows:var(--header-h) 1fr;gap:20px;height:100vh;padding:20px;display:grid}.top-nav{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-panel);z-index:50;border-radius:20px;grid-area:1/2/2/4;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.sidebar{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-panel);border-radius:24px;flex-direction:column;grid-area:1/1/3/2;align-items:center;gap:12px;padding:16px 0;display:flex}.main-content{flex-direction:column;grid-area:2/2/3/3;gap:20px;min-height:0;padding-right:10px;display:flex;overflow-y:auto}.order-panel{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-panel);border-radius:24px;flex-direction:column;grid-area:2/3/3/4;gap:20px;padding:24px;display:flex;overflow-y:auto}.mobile-action-footer{display:none}.glass{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-panel);border-radius:20px}.glass-solid{background:var(--bg-panel-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-panel);border-radius:16px}.search-bar{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:12px;outline:none;padding:10px 16px;font-size:.85rem;transition:all .2s}.search-bar:focus{border-color:var(--accent-green);background:var(--bg-panel-solid);box-shadow:0 0 0 3px #0d94881a}.btn-primary{background:linear-gradient(135deg, var(--accent-green), var(--accent-green-hover));color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:12px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 15px #0d948833}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d94884d}.btn-secondary{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:10px 16px;font-weight:500;transition:background .2s}.btn-secondary:hover{background:var(--bg-input-hover)}.btn-danger{background:linear-gradient(135deg, var(--accent-red), var(--accent-red-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ef444433}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-muted{color:var(--text-muted)}.text-lg{font-size:1.1rem;font-weight:600}.text-sm{font-size:.75rem}.flex-row{align-items:center;gap:12px;display:flex}.flex-col{flex-direction:column;gap:8px;display:flex}.justify-between{justify-content:space-between}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-input-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tabs-container{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;gap:4px;padding:4px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-weight:500;transition:all .2s}.tab-btn.active{background:var(--bg-panel-solid);color:var(--text-main);box-shadow:0 2px 8px #0000000d}.nav-item{width:72px;height:64px;color:var(--text-muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item.active{background:var(--accent-purple);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}.nav-item:hover:not(.active){background:var(--bg-input-hover);color:var(--text-main)}@media (width<=1024px){.trading-app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr auto}.order-panel{grid-area:3/2/4/3}}@media (width<=768px){.trading-app{-webkit-overflow-scrolling:touch;flex-direction:column;gap:15px;height:100dvh;padding:10px 10px 80px;display:flex;overflow-y:auto}.sidebar{z-index:100;border:none;border-top:1px solid var(--border-color);border-radius:24px 24px 0 0;flex-direction:row;justify-content:space-around;width:100%;height:70px;padding:10px 5px;position:fixed;bottom:0;left:0}.sidebar>.logo-container{display:none!important}.sidebar>.nav-group{justify-content:space-around;flex-direction:row!important;gap:8px!important;width:100%!important;padding:0!important}.nav-item{width:auto;min-width:50px;height:44px;color:var(--text-muted);border-radius:22px;justify-content:center;align-items:center;padding:0 16px;display:flex}.nav-item.active{background:var(--accent-purple);color:#fff;box-shadow:none;transform:none}.nav-item span{display:none!important}.top-nav{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:15px}.trend-tickers,.top-nav-controls,.desktop-search{display:none!important}.mobile-greeting{display:flex!important}.search-bar-container{width:100%;display:flex!important}.search-bar-container>div{max-width:100%!important}.main-content{gap:15px;grid-column:1/-1!important;width:100%!important;padding:0!important}.order-panel{display:none!important}.chart-wrapper{height:auto!important;min-height:750px!important}.drag-handle{display:none!important}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.dashboard-grid{grid-template-columns:1fr!important}.desktop-stats{display:none!important}.mobile-dashboard-summary{display:flex!important}.hide-on-mobile,.chart-main,.chart-toolbar{display:none!important}.chart-left-panel{border-right:none!important;width:100%!important;min-width:100%!important}.mobile-action-footer{z-index:99;background:0 0;gap:15px;width:100%;padding:10px 20px;display:flex;position:fixed;bottom:85px;left:0}.btn-mobile-sell{background:var(--bg-panel-solid);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;flex:1;padding:14px;font-size:1rem;font-weight:600}.btn-mobile-buy{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:20px;flex:1;padding:14px;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #7c3aed66}.chart-header-stats{border-bottom:none!important;padding:20px!important}.chart-header-stats-inner{flex-wrap:wrap!important;gap:10px!important}.chart-toolbar{display:none!important}.chart-layout{flex-direction:column!important;gap:20px!important;padding:10px!important;overflow-y:visible!important}.chart-left-panel{flex-shrink:0!important;width:100%!important;height:auto!important;min-height:400px!important}.chart-main{flex-shrink:0!important;width:100%!important;height:400px!important}.screener-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.screener-cards-container{-webkit-overflow-scrolling:touch;padding-bottom:10px!important;overflow-x:auto!important}.positions-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.positions-header-tabs{justify-content:space-between!important;width:100%!important}.position-row-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.position-row-title{flex-wrap:wrap!important}}