:root { --bg: #030712; --glass: rgba(255, 255, 255, 0.03); --border: rgba(255, 255, 255, 0.1); }
body { background: var(--bg); color: white; font-family: 'Inter', sans-serif; display: flex; justify-content: center; padding: 40px; }
.dashboard { width: 900px; }
.live-indicator { background: #10b981; font-size: 10px; padding: 2px 6px; border-radius: 4px; vertical-align: top; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; }
.card { background: var(--glass); border: 1px solid var(--border); padding: 25px; border-radius: 20px; backdrop-filter: blur(10px); }
.card h2 { font-size: 1rem; color: #94a3b8; }
.price { font-size: 2rem; font-weight: bold; margin: 10px 0; }
.change { font-size: 0.9rem; }
.up { color: #10b981; } .down { color: #ef4444; }