.month-navigation{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 18px;margin-bottom:16px}.attendance-metrics{grid-template-columns:repeat(3,1fr)}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.account-card{padding:20px}.account-heading{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.account-heading h2{font-size:15px;margin:0}.account-heading p{font-size:11px;color:var(--muted);margin:4px 0}.account-heading .status{margin-left:auto}.status-off{background:#fbe9e9;color:#b33}.account-form{display:grid;gap:12px;padding-top:16px}.account-form label{display:grid;gap:5px;font-size:11px;font-weight:600}.account-form input,.reset-form input{border:1px solid var(--line);border-radius:8px;padding:10px}.account-details{display:grid;gap:8px;padding:15px 0;font-size:11px}.account-details span{display:flex;justify-content:space-between}.reset-form{display:flex;gap:8px;margin-bottom:10px}.reset-form input{flex:1}@media(max-width:720px){.account-grid,.attendance-metrics{grid-template-columns:1fr}.reset-form{display:grid}}