:root{font-family:DM Sans,Arial,sans-serif;color-scheme:light}html,body{margin:0;min-height:100%;background:#f8f8fb}body{-webkit-font-smoothing:antialiased}button,input{font-family:inherit}.attendance-status-popup{--status-color: #209b75;--status-soft: #e8f7f2;--status-shadow: rgba(32,155,117,.24);overflow:hidden;border-radius:22px;border-top:12px solid var(--status-color);box-shadow:0 28px 90px #170d3647}.attendance-status-popup.attendance-status-soon{--status-color: #e0a51b;--status-soft: #fff5d8;--status-shadow: rgba(224,165,27,.25)}.attendance-status-popup.attendance-status-overdue{--status-color: #d73950;--status-soft: #fff0f2;--status-shadow: rgba(215,57,80,.25)}.attendance-status-popup .swal2-html-container{margin:0;padding:0;overflow:visible}.attendance-status-content{padding:35px 42px 24px;text-align:center;color:#302744}.attendance-status-light{width:104px;height:104px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--status-color);box-shadow:0 0 0 15px var(--status-soft),0 14px 32px var(--status-shadow);font:700 48px/1 DM Sans,Arial,sans-serif}.attendance-status-eyebrow{margin:0 0 7px;color:var(--status-color);font:800 11px DM Sans,Arial,sans-serif;letter-spacing:1.7px}.attendance-status-content h2{margin:0;color:var(--status-color);font:700 34px/1.1 Outfit,DM Sans,Arial,sans-serif}.attendance-status-content h3{margin:11px 0 0;color:#302744;font:600 21px Outfit,DM Sans,Arial,sans-serif}.attendance-status-message{max-width:510px;margin:10px auto 22px;color:#746d7d;font:13px/1.55 DM Sans,Arial,sans-serif}.attendance-status-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.attendance-status-details>div{min-width:0;padding:15px 16px;border-radius:11px;background:#faf9fb;border:1px solid #ebe8ef}.attendance-status-details span,.attendance-status-details strong,.attendance-status-details small{display:block}.attendance-status-details span{color:#a19aa8;font:700 8px DM Sans,Arial,sans-serif;letter-spacing:1px}.attendance-status-details strong{margin-top:7px;color:#41384e;font:700 12px DM Sans,Arial,sans-serif}.attendance-status-details small{margin-top:5px;color:#8d8694;font:10px/1.4 DM Sans,Arial,sans-serif}.attendance-status-confirm{min-width:190px;height:44px;margin:0 0 30px;padding:0 25px;border:0;border-radius:8px;color:#fff;background:var(--status-color);box-shadow:0 9px 22px var(--status-shadow);font:700 12px DM Sans,Arial,sans-serif;cursor:pointer}.attendance-status-confirm:focus-visible{outline:3px solid var(--status-soft);outline-offset:3px}@media(max-width:620px){.attendance-status-content{padding:28px 20px 20px}.attendance-status-light{width:82px;height:82px;font-size:38px}.attendance-status-content h2{font-size:27px}.attendance-status-details{grid-template-columns:1fr}.attendance-status-confirm{margin-bottom:24px}}