#attendance-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end;margin-bottom:20px}#attendance-filter label{margin:0;min-width:0}#attendance-filter button{justify-self:start}.attendance-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.attendance-tools span{flex-basis:100%;font-size:15px;color:#536787}.attendance-row{background:white;border:1px solid #dce5f3;border-radius:16px;padding:18px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.attendance-row strong{overflow-wrap:anywhere}.attendance-options{display:flex;flex-wrap:wrap;gap:6px}.attendance-options button{min-height:44px;padding:9px 12px;font-size:14px;margin:0}.attendance-options button[aria-pressed=true]{background:#2453d4;color:white;border-color:#2453d4}.attendance-options button[data-attendance-status=present][aria-pressed=true]{background:#167044;border-color:#167044}.attendance-options button[data-attendance-status=absent][aria-pressed=true]{background:#b42318;border-color:#b42318}.attendance-options button[data-attendance-status=late][aria-pressed=true]{background:#895b08;border-color:#895b08}.attendance-options button:focus-visible{outline:3px solid #3974ff;outline-offset:2px}@media(max-width:900px){#attendance-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-row{flex-direction:column;align-items:flex-start}}@media(max-width:480px){#attendance-filter{grid-template-columns:1fr}.attendance-row{padding:14px}.attendance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.attendance-tools button{width:100%}}