/* dashboard.css */
.dashboard-preview { margin:5rem auto 0; max-width:900px; width:100%; animation:fadeUp 0.8s 0.5s ease both; position:relative; }
.dashboard-shell { background:var(--bg2); border:1px solid var(--border2); border-radius:20px; overflow:hidden; box-shadow:0 40px 100px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.05); }
.dash-topbar { background:var(--bg3); padding:14px 20px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:8px; }
.dot   { width:10px; height:10px; border-radius:50%; }
.dot-r { background:#ff5f57; }
.dot-y { background:#febc2e; }
.dot-g { background:#28c840; }
.dash-url { flex:1; text-align:center; font-family:var(--mono); font-size:0.75rem; color:var(--text3); margin:0 20px; }
.dash-body { display:grid; grid-template-columns:220px 1fr; min-height:420px; }
.dash-sidebar { background:rgba(255,255,255,0.02); border-right:1px solid var(--border); padding:20px 12px; }
.dash-menu-label { font-size:0.7rem; color:var(--text3); letter-spacing:0.1em; text-transform:uppercase; padding:0 12px; margin-bottom:12px; }
.dash-nav-item { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; font-size:0.8rem; color:var(--text2); margin-bottom:2px; cursor:pointer; transition:var(--transition); }
.dash-nav-item:hover { background:var(--surface2); color:var(--text); }
.dash-nav-item.active { background:rgba(74,222,128,0.1); color:var(--accent); }
.dash-nav-icon { font-size:1rem; width:20px; text-align:center; }
.dash-content { padding:20px; }
.dash-greeting { font-size:0.85rem; color:var(--text2); margin-bottom:4px; }
.dash-title { font-size:1.1rem; font-weight:700; margin-bottom:20px; }
.dash-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
.dash-card { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:14px; }
.dash-card-label { font-size:0.7rem; color:var(--text2); margin-bottom:6px; letter-spacing:0.05em; text-transform:uppercase; }
.dash-card-val { font-size:1.2rem; font-weight:700; font-variant-numeric:tabular-nums; }
.dash-card-val.green { color:var(--accent); }
.dash-card-val.gold  { color:var(--gold); }
.dash-card-delta { font-size:0.7rem; color:var(--accent); margin-top:2px; }
.dash-chart-area { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:14px; height:140px; overflow:hidden; }
.chart-label { font-size:0.75rem; color:var(--text2); margin-bottom:10px; font-weight:600; }
.mini-bars { display:flex; align-items:flex-end; gap:6px; height:90px; padding-bottom:4px; }
.mbar { flex:1; border-radius:4px 4px 0 0; opacity:0; transition:height 0.6s ease,opacity 0.3s ease; }
.chart-legend { display:flex; gap:10px; margin-top:8px; flex-wrap:wrap; }
.legend-item { display:flex; align-items:center; gap:4px; font-size:0.65rem; color:var(--text2); }
.legend-item span { width:8px; height:8px; border-radius:2px; display:inline-block; }