.attendance-meta { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: 12px; margin-bottom: 14px; }
.meta-box { border: 1px solid var(--border); border-radius: 10px; padding: 12px; background: #fff; }
.meta-box span { display: block; color: var(--muted); font-size: 0.76rem; margin-bottom: 5px; }
.meta-box strong { font-size: 1rem; }
.monthly-table { min-width: 1460px; }
.monthly-table td, .monthly-table th { text-align: center; }
.monthly-table .student-name, .monthly-table .roll-no { text-align: left; }
.monthly-table .roll-no {
  width: 84px;
  min-width: 84px;
  max-width: 84px;
}
.monthly-table .student-name {
  width: 190px;
  min-width: 190px;
  max-width: 190px;
}
.monthly-table th.sticky-col,
.monthly-table td.sticky-col {
  position: sticky;
  left: 0;
  z-index: 6;
  background: #fff;
  box-shadow: 1px 0 0 var(--border);
}
.monthly-table th.sticky-col {
  background: #F9FAFC;
  z-index: 8;
}
.monthly-table th.sticky-col-2,
.monthly-table td.sticky-col-2 {
  position: sticky;
  left: 84px;
  z-index: 6;
  background: #fff;
  box-shadow: 1px 0 0 var(--border);
}
.monthly-table th.sticky-col-2 {
  background: #F9FAFC;
  z-index: 8;
}