:root{--bg-color:#0b0f19;--surface-color:#161b26;--border-color:#2d3748;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-red:#ef4444;--sidebar-width:260px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dashboard-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--surface-color);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;padding:24px;display:flex;position:fixed}.main-content{margin-left:var(--sidebar-width);flex:1;padding:32px}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.875rem;font-weight:600}.badge{text-transform:uppercase;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:700}.badge-up{color:var(--accent-green);background-color:#10b9811a;border:1px solid #10b98133}.badge-down{color:var(--accent-red);background-color:#ef44441a;border:1px solid #ef444433}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-large{font-size:1.5rem;font-weight:700}.text-xl{font-size:2.25rem;font-weight:800}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hover-effect{transition:all .2s}.hover-effect:hover{border-color:var(--accent-blue);background-color:#3b82f60d}