diff --git a/dashboard-mockup.html b/dashboard-mockup.html
index 89946ac..a652d34 100644
--- a/dashboard-mockup.html
+++ b/dashboard-mockup.html
@@ -109,14 +109,14 @@ body {
/* KPI CARDS — Bloomberg stock ticker style */
.kpi-grid {
display: grid; grid-template-columns: repeat(6, 1fr);
- gap: 10px; padding: 0;
+ gap: 12px; padding: 0;
max-width: 1280px; margin: 0 auto;
}
.kpi {
background: #0e0e0e;
border: 1px solid #1e1e1e;
border-radius: 8px;
- padding: 12px 14px;
+ padding: 14px 16px;
transition: all 0.2s var(--ease);
opacity: 0; transform: translateY(8px);
cursor: default;
@@ -129,14 +129,14 @@ body {
}
.kpi-header {
display: flex; align-items: baseline; justify-content: space-between;
- margin-bottom: 6px;
+ margin-bottom: 8px;
}
.kpi-ticker {
font-family: var(--mono); font-size: 10px; font-weight: 600;
color: #555; letter-spacing: 0.03em;
}
.kpi-change {
- font-family: var(--mono); font-size: 11px; font-weight: 600;
+ font-family: var(--mono); font-size: 12px; font-weight: 700;
display: flex; align-items: center; gap: 3px;
}
.kpi-change.up { color: #16a34a; }
@@ -148,12 +148,12 @@ body {
}
.kpi-value {
font-family: var(--mono);
- font-size: 22px; font-weight: 700;
+ font-size: 28px; font-weight: 700;
letter-spacing: -0.5px; line-height: 1.1;
color: #f4f4f4;
}
.kpi-desc {
- font-size: 10px; color: #4a4a4a; margin-top: 2px;
+ font-size: 10px; color: #4a4a4a;
}
/* Arrow SVG inline */