.dash-greeting{margin-bottom:16px}
.dash-greeting-name{font-size:18px;font-weight:800;color:var(--indigo-deep)}
.dash-greeting-date{font-size:12px;color:var(--ink-soft);margin-top:4px;font-weight:600}

.dash-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:18px;
}
.dash-grid-4{grid-template-columns:1fr 1fr}
.dash-stat-card{
  background:var(--paper);
  border-radius:12px;
  padding:16px 14px;
  box-shadow:0 3px 12px rgba(43,58,103,0.06);
  text-align:center;
}
.dash-stat-label{font-size:12px;color:var(--ink-soft);font-weight:700;margin-bottom:8px}
.dash-stat-value{font-size:24px;font-weight:800;color:var(--indigo-deep)}
.dash-stat-value small{font-size:12px;font-weight:700;color:var(--ink-soft);margin-left:2px}

.dash-total-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  color:var(--ink-soft);
  font-weight:700;
  background:var(--paper);
  border-radius:12px;
  padding:14px 16px;
  margin-bottom:18px;
  box-shadow:0 3px 12px rgba(43,58,103,0.06);
}
.dash-total-row b{color:var(--sakura-deep);font-size:15px}

.dash-chart-card{
  background:var(--paper);
  border-radius:14px;
  padding:16px;
  margin-bottom:16px;
  box-shadow:0 3px 12px rgba(43,58,103,0.06);
}
.dash-chart-title{font-size:14px;font-weight:800;color:var(--indigo-deep);margin-bottom:12px}
.chart-wrap{position:relative;height:200px}
.chart-wrap-donut{height:160px}

.dash-chart-row{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.dash-chart-card-half{padding:14px 12px}

.dash-timeline-header{font-size:14px;font-weight:800;color:var(--indigo-deep);margin-bottom:12px}
.dash-timeline{display:flex;flex-direction:column;gap:10px}
.dash-timeline-item{
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--paper);
  border-radius:12px;
  padding:12px 16px;
  box-shadow:0 2px 8px rgba(43,58,103,0.05);
}
.dash-timeline-icon{flex-shrink:0;font-size:18px}
.dash-timeline-text{
  flex:1;
  font-size:14px;
  color:var(--ink);
  overflow:hidden;
  text-overflow:ellipsis;
}
.dash-timeline-time{flex-shrink:0;font-size:12px;color:var(--ink-soft);font-weight:700;white-space:nowrap}

@media (min-width:768px){
  .dash-grid{grid-template-columns:repeat(4,1fr)}
  .dash-grid-4{grid-template-columns:repeat(4,1fr)}
  .dash-chart-row{grid-template-columns:1fr 1fr}
  .dash-timeline-text{white-space:nowrap}
  .dash-greeting-name{font-size:20px}
  .dash-stat-value{font-size:26px}
}