.live-badge{background:#e7f7ed;border-radius:999px;color:#218739;font-size:.78rem;padding:.45rem .7rem}.live-badge i{background:#2fb344;border-radius:50%;display:inline-block;height:.45rem;margin-right:.35rem;width:.45rem}.checkin-layout{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}.checkin-panel,.recent-checkins{padding:1.2rem}.checkin-form{display:flex;flex-wrap:wrap;align-items:end;gap:1rem}.checkin-form>.search-select{flex:1 1 200px;min-width:180px}.checkin-form label{display:grid;font-size:.75rem;font-weight:600;gap:.4rem}.checkin-form select{border:1px solid var(--border);border-radius:.4rem;padding:.65rem}.checkin-form .btn{align-self:end;flex:0 0 auto}.checkin-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:.8rem;padding:.8rem 0}.checkin-avatar{align-items:center;background:#fff4d8;border-radius:50%;color:#a86200;display:flex;font-size:.72rem;font-weight:700;height:2.2rem;justify-content:center;width:2.2rem}.checkin-row div{flex:1}.checkin-row small{color:var(--muted);display:block;font-size:.75rem;margin-top:.2rem}.attendance-status{border-radius:999px;font-size:.72rem;padding:.3rem .6rem}.present-status{background:#e7f7ed;color:#218739}.late-status{background:#fff4d8;color:#a86200}.absent-status{background:#fff0f0;color:#b42318}@media(max-width:600px){.checkin-form>.search-select{flex-basis:100%}}