.filter-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filter-form label{display:grid;gap:5px;font-weight:600}.filter-form input,.filter-form select,.attendance-select,.form-note input{padding:10px;border:1px solid var(--border);border-radius:7px;background:white}.attendance-select.present{color:#087747}.attendance-select.absent{color:#b42318}.attendance-select.late{color:#b26a00}.attendance-select.excused{color:#2563eb}.form-note{display:grid;gap:6px;margin:18px 0;font-weight:600}.form-note input{width:100%}.attendance-count{display:inline-grid;min-width:30px;height:28px;place-items:center;border-radius:14px;font-weight:700}.attendance-count.present{background:#dcf8eb;color:#087747}.attendance-count.absent{background:#fee7e7;color:#b42318}.attendance-count.late{background:#fff4d6;color:#956000}.attendance-count.excused{background:#eaf1ff;color:#2563eb}@media(max-width:600px){.filter-form>*{width:100%}}