.attendance-parent{border-top:3px solid #087a50;margin-top:18px;padding-top:14px}.attendance-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}.attendance-summary article{text-align:center;background:#f1f8f4;padding:10px;border-radius:9px}.attendance-summary b,.attendance-summary span{display:block}.attendance-month-label{display:grid;gap:5px;max-width:320px;font-weight:700}.attendance-month-label select{padding:9px;border:1px solid #bfd3c9;border-radius:8px;font:inherit}.attendance-detail-table{width:100%;border-collapse:collapse;margin-top:10px}.attendance-detail-table th,.attendance-detail-table td{border:1px solid #ccd9d2;padding:7px;text-align:left}.status-present{color:#087a50;font-weight:700}.status-absent{color:#b43a3a;font-weight:700}.status-leave{color:#8a6500;font-weight:700}.status-late{color:#7040a8;font-weight:700}@media(max-width:700px){.attendance-summary{grid-template-columns:1fr 1fr 1fr}}