.attendance-record-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.attendance-record-metrics>button{display:grid;gap:7px;text-align:center;padding:17px 8px;background:#fff;border:1px solid #e0e7f1;border-radius:18px;color:#244c87}.attendance-record-metrics b{font-size:25px}.attendance-record-metrics small{font-size:11px;font-weight:700}.attendance-record-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.attendance-record-filters label{display:grid;gap:7px;font-size:13px;color:#64748b}.attendance-record-list{display:grid;gap:14px}.attendance-record-card{border:1px solid #dfe7f2;border-left:4px solid #38619c;border-radius:18px;overflow:hidden;background:#fff}.attendance-record-main{padding:17px}.attendance-record-main h3{margin:10px 0 7px;color:#243d6b;font-size:18px}.attendance-record-main p{margin:0 0 5px;color:#64748b;font-size:13px}.attendance-record-main small{color:#8290a4;font-size:12px}.attendance-record-actions{display:flex;flex-wrap:wrap;gap:9px;padding:12px 17px;background:#f5f8fd}.attendance-record-actions button{font-size:12px;min-height:40px}@media(max-width:520px){.attendance-record-filters{grid-template-columns:1fr}}