/* Home dashboard — used only on the main screen (index.html) */

.dash-page{padding-top:48px;padding-bottom:80px;}

.dash-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  flex-wrap:wrap;gap:16px;margin-bottom:28px;
}
.dash-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;color:rgba(255,255,255,.55);
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;
}
.dash-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow-dark);}
.dash-title{font-size:36px;font-weight:800;letter-spacing:-.02em;color:var(--white);}
.dash-period{
  padding:10px 36px 10px 20px;border-radius:999px;background:var(--white);
  border:1px solid var(--gray-light);font-weight:700;font-size:14px;
  box-shadow:0 8px 20px rgba(20,20,30,.05);
  color:var(--dark);cursor:pointer;font-family:inherit;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238B8F97' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
}
.dash-period:focus{outline:2px solid var(--yellow-dark);outline-offset:1px;}

.dash-grid{
  display:grid;grid-template-columns:repeat(12,1fr);gap:20px;
}
.dash-grid-stats{margin-top:20px;}

.dash-card{
  grid-column:span 4;
  background:var(--white);border-radius:24px;padding:26px;
  box-shadow:0 20px 40px rgba(20,20,30,.06);
  display:flex;flex-direction:column;
  transition:transform .2s ease, box-shadow .2s ease;
}
.dash-card:hover{transform:translateY(-3px);box-shadow:0 26px 50px rgba(20,20,30,.1);}

.dash-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.dash-icon{
  width:44px;height:44px;border-radius:14px;background:var(--bg);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.dash-icon-yellow{background:linear-gradient(135deg,var(--yellow),var(--yellow-dark));}
.dash-icon-muted{background:var(--bg);}
.dash-icon-sm{width:34px;height:34px;border-radius:11px;}

.dash-delta{font-size:12.5px;font-weight:800;padding:5px 10px;border-radius:999px;white-space:nowrap;}
.dash-delta-up{background:#E4F6EA;color:#1E9E4F;}
.dash-delta-down{background:#FDEAEA;color:#E23D3D;}

.dash-label{font-size:14.5px;font-weight:600;color:var(--gray);margin-bottom:8px;}
.dash-value{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px;}
.dash-sub{font-size:13px;color:var(--gray);margin-top:auto;padding-top:14px;}

.dash-hero-value{
  font-size:38px;font-weight:800;letter-spacing:-.02em;
  display:flex;align-items:baseline;gap:6px;
}
.dash-hero-value span{font-size:20px;font-weight:700;color:var(--gray);}
.dash-hero-sub{font-size:13px;color:var(--gray);margin-top:12px;}

.dash-donut{width:100px;height:100px;flex-shrink:0;}
.dash-donut-row{display:flex;align-items:center;gap:20px;margin-top:auto;padding-top:14px;}
.dash-legend{display:flex;flex-direction:column;gap:10px;flex:1;}
.dash-legend-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray);font-weight:600;}
.dash-legend-row b{color:var(--dark);font-weight:800;margin-left:auto;}
.dash-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}

.dash-stat{grid-column:span 3;padding:22px;border-radius:20px;}
.dash-stat-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.dash-stat-head h4{font-size:13.5px;font-weight:700;color:var(--dark);}
.dash-stat-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;gap:8px;}
.dash-stat-value{font-size:22px;font-weight:800;}
.dash-stat-sub{font-size:12.5px;color:var(--gray);font-weight:600;white-space:nowrap;}

@media (max-width:1100px){
  .dash-card{grid-column:span 6;}
  .dash-stat{grid-column:span 6;}
}
@media (max-width:640px){
  .dash-title{font-size:22px;}
  .dash-head{align-items:flex-start;}
  .dash-grid{gap:10px;}

  .dash-card,.dash-stat{grid-column:span 6;padding:14px;border-radius:16px;}
  .dash-hero{grid-column:span 12;}
  .dash-card-top{margin-bottom:10px;}
  .dash-icon{width:32px;height:32px;border-radius:10px;}
  .dash-icon svg{width:16px;height:16px;}
  .dash-delta{font-size:10px;padding:3px 7px;}

  .dash-label{font-size:11.5px;margin-bottom:4px;}
  .dash-value{font-size:18px;}
  .dash-sub{font-size:10.5px;padding-top:8px;}

  .dash-hero-value{font-size:28px;gap:6px;}
  .dash-hero-value span{font-size:15px;}
  .dash-hero-sub{font-size:11.5px;margin-top:6px;}

  .dash-donut-row{flex-direction:column;align-items:flex-start;gap:10px;padding-top:8px;}
  .dash-donut{width:56px;height:56px;}
  .dash-legend{gap:5px;}
  .dash-legend-row{font-size:10.5px;gap:5px;}
  .dash-dot{width:7px;height:7px;}

  .dash-stat-head{gap:6px;margin-bottom:8px;}
  .dash-stat-head h4{font-size:11px;}
  .dash-icon-sm{width:24px;height:24px;}
  .dash-icon-sm svg{width:13px;height:13px;}
  .dash-stat-row{margin-bottom:8px;}
  .dash-stat-value{font-size:15px;}
  .dash-stat-sub{font-size:10px;}
}