.attendance-page{box-sizing:border-box;color:#20272e;background:#f8f7f4;min-width:0;min-height:100vh;padding:24px 16px 48px}.attendance-shell{width:100%;min-width:0;max-width:430px;margin:0 auto}.attendance-card{box-sizing:border-box;background:#fff;border:1px solid #dedbd4;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:18px}.attendance-form,.attendance-field{box-sizing:border-box;gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.attendance-form{gap:16px}.attendance-control{box-sizing:border-box;color:#20272e;width:100%;min-width:0;max-width:100%;font:inherit;background:#fff;border:1px solid #cfd5dc;border-radius:10px;padding:12px;display:block}.attendance-actions{gap:8px;min-width:0;display:flex}.attendance-button{border:0;border-radius:10px;flex:1;padding:12px;font-weight:700}.attendance-button-primary{color:#fff;background:#137a45}.attendance-button-secondary{color:#26323c;background:#edf1f4}.attendance-button-danger{color:#a12626;background:#fff0f0}.attendance-button:disabled{opacity:.5}.attendance-alert{color:#614600;background:#fff5d9;border-radius:10px;padding:14px;line-height:1.6}.attendance-history{gap:10px;margin-top:24px;display:grid}.attendance-history-item{background:#fff;border:1px solid #e1ded8;border-radius:10px;padding:12px}.attendance-muted{color:#65717c;font-size:14px}