:root{--color-bg-primary:#0f1119;--color-bg-secondary:#1a1d2e;--color-bg-card:#1e2235;--color-bg-hover:#252a40;--color-bg-elevated:#2a2f45;--color-border:#2a2f45;--color-border-light:#353b52;--color-text-primary:#e8eaed;--color-text-secondary:#9aa0b0;--color-text-muted:#5f6578;--color-accent:#4f8cff;--color-accent-hover:#3b7af5;--color-accent-subtle:#4f8cff1a;--color-green:#22c55e;--color-green-subtle:#22c55e1a;--color-red:#ef4444;--color-red-subtle:#ef44441a;--color-yellow:#eab308;--color-yellow-subtle:#eab3081a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-22:22px;--fs-24:24px;--fs-28:28px;--fs-32:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--z-dropdown:1000;--z-sticky:1020;--z-modal:1030;--z-toast:9999;--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-card:var(--color-bg-card);--bg-hover:var(--color-bg-hover);--border:var(--color-border);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--green:var(--color-green);--red:var(--color-red);--yellow:var(--color-yellow)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;padding:20px 0;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;margin-bottom:16px;padding:0 20px 20px;display:flex}.sidebar-header h1{color:var(--accent);flex:1;font-size:18px;font-weight:700}.sidebar-header .subtitle{color:var(--text-muted);flex-basis:100%;margin-top:2px;font-size:11px}.sidebar-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.sidebar-overlay{display:none}.topbar-hamburger{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-right:4px;padding:4px;display:none}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 20px;font-size:14px;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item:active{background:var(--color-bg-elevated);transform:scale(.97)}.nav-item.active{color:var(--accent);border-right:2px solid var(--accent);background:#4f8cff1a}.topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;height:48px;padding:8px 24px;display:flex}.topbar-user{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.topbar-user-avatar{background:var(--color-accent-subtle);width:28px;height:28px;color:var(--accent);transition:background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.topbar-user:hover .topbar-user-avatar{background:var(--color-bg-elevated)}.topbar-logout{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.topbar-logout:hover{color:var(--red);border-color:var(--color-red-subtle);background:var(--color-red-subtle)}.topbar-logout:active{transform:scale(.95)}.main-content{flex:1;max-width:1400px;margin:0 auto;padding:24px;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-fast);border-radius:12px;padding:20px}.card:hover{border-color:var(--color-border-light);box-shadow:0 2px 12px #0000004d}.card:active{transform:scale(.995)}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:10px 12px;font-size:13px}.data-table tr:hover td{background:var(--bg-hover)}.badge{border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--green);background:#22c55e1a}.badge-red{color:var(--red);background:#ef44441a}.badge-neutral{color:var(--text-secondary);background:#9aa0b01a}.badge-yellow{color:var(--yellow);background:#eab3081a}.badge-blue{color:var(--accent);background:#4f8cff1a}input,select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}button{cursor:pointer}.btn-primary{background:var(--accent);color:#fff;transition:background var(--transition-fast), transform var(--transition-fast);border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:#386ee0;transform:scale(.96)}.btn-secondary{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border);transition:all var(--transition-fast);border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.btn-secondary:hover{background:var(--border);color:var(--text-primary)}.btn-secondary:active{transform:scale(.96)}.price-up{color:var(--green)}.price-down{color:var(--red)}@keyframes flash-green{0%{background:#22c55e40}to{background:0 0}}@keyframes flash-red{0%{background:#ef444440}to{background:0 0}}.row-flash-up{animation:.6s ease-out flash-green}.row-flash-down{animation:.6s ease-out flash-red}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:40px;display:flex}.loading:after{content:"";border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;margin-left:8px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.spin-icon{animation:1s linear infinite spin}.loading-dots:after{content:"";text-align:left;width:8px;animation:1.4s steps(4,jump-none) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:380px;padding:40px}.login-card h2{text-align:center;color:var(--accent);margin-bottom:8px}.login-card p{text-align:center;color:var(--text-muted);margin-bottom:24px;font-size:13px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input{width:100%}.form-error{color:var(--red);text-align:center;margin-top:8px;font-size:12px}.form-link{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:13px}.form-link a{color:var(--accent);cursor:pointer}.chart-container{height:400px;position:relative}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{width:260px;height:100vh;z-index:var(--z-modal);box-shadow:var(--shadow-lg);padding-top:0;transition:left .25s;position:fixed;top:0;left:-280px}.sidebar--open{left:0}.sidebar-overlay{z-index:calc(var(--z-modal) - 1);background:#00000080;display:block;position:fixed;inset:0}.sidebar-close{display:block}.topbar-hamburger{display:flex}.topbar{gap:6px;padding:8px 12px}.topbar-user span{display:none}.main-content{max-width:100%;padding:16px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.dashboard-header{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-header-right{flex-wrap:wrap}.card{padding:16px}.card [style*="font-size: 28"]{font-size:22px!important}.login-card{max-width:94vw;padding:24px 20px}.market-banner{flex-direction:column;align-items:flex-start;gap:8px}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:550px}.quick-stats-grid{grid-template-columns:repeat(3,1fr)}.onboarding-step{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=480px){.main-content{padding:12px}.card{border-radius:10px;padding:12px}.card [style*="font-size: 28"],.card [style*="fontSize: 28"],.card [style*=font-size\:28],.card [style*=fontSize\:28]{font-size:20px!important}.card [style*="font-size: 24"],.card [style*="fontSize: 24"],.card [style*=font-size\:24],.card [style*=fontSize\:24]{font-size:18px!important}.card [style*="font-size: 22"]{font-size:17px!important}.topbar{height:42px;padding:6px 10px}.sidebar{width:240px;left:-240px}.login-card{padding:20px 16px}.login-card h2{font-size:18px}.quick-stats-grid{grid-template-columns:1fr;gap:8px}.grid-4,.grid-3,.grid-2{gap:8px}.dashboard-header{flex-wrap:wrap;gap:8px}.dashboard-header h2{flex:100%}.dashboard-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}h2[style*="font-size: 22"],h2[style*="fontSize: 22"]{font-size:17px!important}[style*="justify-content: space-between"][style*="margin-bottom: 24"]{flex-wrap:wrap!important;gap:8px!important}[style*="display: flex"]{word-break:break-word;max-width:100%}.recharts-responsive-container{max-width:100%!important}.card [style*="flex-direction: column"][style*="gap: 12"] [style*="gap: 16"]{flex-direction:column!important;gap:8px!important}.data-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -4px;overflow-x:auto}.dashboard-header-right .btn-secondary{display:none}}@media (width<=360px){.main-content{padding:8px}.card{border-radius:8px;padding:10px}.card [style*="font-size: 28"],.card [style*="fontSize: 28"]{font-size:17px!important}}