*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#e0e0e0;min-height:100vh}.dashboard{max-width:1200px;margin:0 auto;padding:2rem}.dashboard h1{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.metric-card{background:#12121a;border:1px solid #1e1e2e;border-radius:12px;padding:1.5rem;cursor:grab;transition:opacity .2s,border-color .2s}.metric-card:active{cursor:grabbing}.metric-card.dragging{opacity:.4}.metric-card.drop-target{border-color:#6366f1}.metric-card h2{font-size:.875rem;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.metric-card .value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.loading{text-align:center;padding:4rem;color:#666}