.attendance-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#173c3380;backdrop-filter:blur(4px)}.attendance-dialog{position:relative;width:min(100%,410px);padding:27px;background:#fff;border-radius:17px;box-shadow:0 24px 60px #132d2560;text-align:center}.close-attendance{position:absolute;right:14px;top:11px;border:0;background:none;color:#7e8e88;font-size:25px;cursor:pointer}.attendance-kicker{color:#588071;font:700 9px Manrope;letter-spacing:1px}.attendance-dialog h2{font:700 23px Manrope;letter-spacing:-.8px;margin:7px 0 5px}.attendance-dialog>p{margin:0;color:#73847e;font-size:12px;line-height:1.5}.attendance-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0}.attendance-options button{border:1px solid #dce8e1;background:#fff;border-radius:12px;padding:15px 9px;cursor:pointer;transition:.16s transform,.16s box-shadow}.attendance-options button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1c473917}.attendance-options span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;margin:0 auto 9px;font-size:20px}.qr-icon{background:#e4f1e8;color:#37765f}.nfc-icon{background:#eee8f8;color:#7965aa}.attendance-options strong{display:block;font:700 12px Manrope;color:#284b40}.attendance-options small{display:block;color:#81908a;font-size:9px;margin-top:3px}.attendance-status{display:flex;align-items:center;gap:8px;padding:10px;background:#eaf5ed;border-radius:9px;text-align:left}.attendance-status>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#66a984;color:#fff;font-weight:bold}.attendance-status p{margin:0}.attendance-status strong{display:block;color:#33715a;font:700 11px Manrope}.attendance-status small{display:block;margin-top:2px;color:#588072;font-size:9px}.attendance-foot{margin-top:13px!important;color:#899690!important;font-size:9px!important}@media(max-width:720px){.attendance-dialog{padding:24px 18px}}