@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#f0f4f8;--bg-panel:#ffffffd9;--bg-panel-solid:#fff;--bg-input:#e2e8f0;--bg-input-hover:#cbd5e1;--text-main:#0f172a;--text-muted:#475569;--border-color:#00000014;--accent-green:#10b981;--accent-green-hover:#059669;--accent-red:#ef4444;--accent-red-hover:#dc2626;--accent-purple:#3b82f6;--accent-purple-hover:#2563eb;--radial-gradient-1:#ebf5ff;--radial-gradient-2:#f5faff;--sidebar-w:100px;--order-panel-w:360px;--header-h:70px;--shadow-panel:0 10px 40px -10px #0000000f}[data-theme=dark]{--bg-main:#09090b;--bg-panel:#14141999;--bg-panel-solid:#121217;--bg-input:#1a1a24;--bg-input-hover:#252535;--text-main:#fff;--text-muted:#8f9bb3;--border-color:#ffffff14;--accent-green:#00ff9d;--accent-green-hover:#00e68d;--accent-red:#f36;--accent-red-hover:#e62e5c;--accent-purple:#3b82f6;--accent-purple-hover:#2563eb;--radial-gradient-1:#3b82f60f;--radial-gradient-2:#3b82f608;--shadow-panel:0 12px 40px -10px #000c}.show-on-mobile{display:none!important}.show-on-desktop{display:block}html{font-size:13px}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,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}.summary-stat-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-stat-card:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 12px 30px #3b82f626}.summary-stat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f60d 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.summary-stat-card:hover:before{opacity:1}.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-purple), var(--accent-purple-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 #3b82f633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.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 #3b82f666}.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){.top-nav{background:var(--bg-main)!important;box-shadow:none!important;border:none!important}.main-content{padding:10px;margin-bottom:0!important;margin-left:0!important}.trading-app{-webkit-overflow-scrolling:touch;flex-direction:column;gap:15px;height:100dvh;padding:10px 10px 85px;display:flex;overflow-y:auto}.sidebar{-webkit-backdrop-filter:blur(20px);z-index:100;border:none;border-top:1px solid var(--border-color);flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:75px;padding:0 10px;position:fixed;bottom:0;left:0;background:var(--bg-panel)!important}.sidebar>.logo-container{display:none!important}.sidebar>.nav-group,.sidebar>.bottom-nav-group{justify-content:space-around;flex-direction:row!important;gap:8px!important;width:auto!important;padding:0!important}.mobile-center-logo{margin:0 10px;transform:translateY(-8px);display:flex!important}.nav-item{width:60px;min-width:60px;height:60px;color:var(--text-muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;transition:all .2s;display:flex}.nav-item.active{background:var(--accent-purple);color:#fff;box-shadow:none;transform:none}.nav-item span{display:block!important}.top-nav{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:15px}.trend-tickers{padding:0!important;display:flex!important}.top-nav-controls{width:100%;justify-content:flex-start!important;display:flex!important}.desktop-search{display:none!important}.mobile-greeting{display:flex!important}.search-bar-container{justify-content:space-between;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{display:none!important}.show-on-mobile{display:block!important}.show-on-desktop{display:none!important}.mobile-center-logo{display:flex}.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 #3b82f666}.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}}.trend-tickers::-webkit-scrollbar{display:none}.trend-tickers{-ms-overflow-style:none;scrollbar-width:none}.hide-on-desktop{display:none!important}@media (width<=768px){.hide-on-desktop{display:flex!important}}.settings-layout{grid-template-columns:280px 1fr;align-items:start;gap:40px;display:grid}.settings-card{padding:40px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.broker-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.settings-layout{grid-template-columns:1fr;gap:20px}.settings-card{padding:20px}.settings-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.broker-grid{grid-template-columns:1fr;gap:12px}}.settings-sidebar{z-index:10;flex-direction:column;gap:12px;display:flex;position:sticky;top:20px}.settings-nav-btn{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}@media (width<=768px){.settings-sidebar{flex-flow:wrap;gap:8px;width:100%;margin-bottom:12px;padding-bottom:4px;position:relative;top:0}.settings-sidebar::-webkit-scrollbar{display:none}.settings-nav-btn{white-space:nowrap;flex:none;justify-content:center;min-width:fit-content;padding:10px 14px;font-size:.8rem}}.mobile-refresh-btn{display:none!important}@media (width<=768px){.mobile-refresh-btn{display:flex!important}}.btn-danger{color:#fff!important;cursor:pointer!important;z-index:10!important;pointer-events:auto!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:1px solid #ef444466!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important;position:relative!important;box-shadow:0 4px 12px #ef444440!important}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #ef444466!important}.btn-danger:active{transform:translateY(0)!important}.btn-secondary{color:#f8fafc!important;cursor:pointer!important;z-index:10!important;pointer-events:auto!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important;position:relative!important}.btn-secondary:hover{background:#ffffff26!important;border-color:#ffffff40!important}