.attendance-methods-disabled,.attendance-reader-method-off{color:#536c81;text-align:left;background:#f7fafc;border:1px dashed #b8cbd9;border-radius:16px;justify-content:center;align-items:center;gap:16px;min-height:250px;padding:28px;display:flex}.attendance-methods-disabled>i{color:#8296a7;font-size:2rem}.attendance-methods-disabled h3,.attendance-reader-method-off h3{color:#123652;margin:0 0 5px}.attendance-methods-disabled p,.attendance-reader-method-off p{margin:0}.attendance-methods-disabled .button{margin-left:auto}.attendance-methods-disabled--station{min-height:52vh}.attendance-reader-method-off{text-align:center;flex-direction:column}.attendance-reader-method-off>span{color:#70889b;background:#e4edf3;border-radius:18px;place-items:center;width:64px;height:64px;font-size:1.45rem;display:grid}.attendance-scan-result{z-index:6;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#077152ed;border:1px solid #ffffffb3;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;width:min(82%,520px);padding:19px 20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 60px #00000057}.attendance-scan-result[hidden]{display:none}.attendance-scan-result[data-tone=warning]{background:#915b08f0}.attendance-scan-result[data-tone=error]{background:#a91f2bf0}.attendance-scan-result__icon{color:#087157;background:#fff;border-radius:16px;place-items:center;width:54px;height:54px;font-size:21px;display:grid}.attendance-scan-result[data-tone=warning] .attendance-scan-result__icon{color:#95610b}.attendance-scan-result[data-tone=error] .attendance-scan-result__icon{color:#b42331}.attendance-scan-result strong,.attendance-scan-result b,.attendance-scan-result small{display:block}.attendance-scan-result strong{font-family:var(--font-display);font-size:15px}.attendance-scan-result b{margin-top:4px;font-size:11px}.attendance-scan-result small{color:#ffffffd6;margin-top:4px;font-size:9px;line-height:1.4}.attendance-methods{gap:20px;display:grid}.attendance-methods__switch{border:1px solid var(--color-gris-200);background:var(--color-gris-25);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:6px;display:grid}.attendance-method-card{min-height:76px;color:var(--color-gris-600);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 15px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;display:grid}.attendance-method-card:hover{color:var(--color-azul-900);background:#fff;transform:translateY(-1px)}.attendance-method-card.is-active{color:var(--color-azul-900);background:#fff;border-color:#1973ad47;box-shadow:0 9px 24px #08274814}.attendance-method-card__icon{color:#0878a8;background:#e4f7fd;border-radius:13px;place-items:center;width:43px;height:43px;font-size:16px;display:grid}.attendance-method-card__icon--violet{color:#6d3ad7;background:#f0eaff}.attendance-method-card strong,.attendance-method-card small{display:block}.attendance-method-card strong{font-size:11px}.attendance-method-card small{color:var(--color-gris-600);margin-top:3px;font-size:9px}.attendance-method-card>i{opacity:.45;font-size:10px}.attendance-method-card.is-active>i{color:var(--color-celeste-600);opacity:1}.attendance-methods__content{padding-top:2px}.facial-access{gap:18px;display:grid}.facial-access__intro{background:linear-gradient(135deg,#fbf9ff 0%,#f5f1ff 100%);border:1px solid #ddd0ff;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 18px;display:grid}.facial-access__seal{color:#6133ca;background:#e9e0ff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:18px;display:grid}.facial-access__intro h3{color:var(--color-azul-900);font-family:var(--font-display);margin:3px 0 0;font-size:15px}.facial-access__intro p{color:var(--color-gris-600);margin:5px 0 0;font-size:9px;line-height:1.5}.facial-access__grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:18px;display:grid}.facial-access__grid>div{gap:12px;display:grid}.facial-access__form{margin-top:2px}.facial-access__empty{color:#81510d;background:#fff8e7;border-radius:12px;align-items:center;gap:8px;margin:0;padding:11px 13px;font-size:9px;display:flex}@media (width<=980px){.facial-access__grid{grid-template-columns:1fr}}@media (width<=720px){.attendance-methods-disabled{text-align:center;flex-direction:column;align-items:center;min-height:280px}.attendance-methods-disabled .button{width:100%;margin-left:0}}@media (width<=680px){.attendance-methods__switch{grid-template-columns:1fr}.attendance-method-card{min-height:68px}.facial-access__intro{grid-template-columns:auto minmax(0,1fr)}.facial-access__intro .button{grid-column:1/-1}.attendance-scan-result{width:calc(100% - 28px);padding:15px}}.qr-scanner{gap:12px;display:grid}.qr-scanner>.privacy-note{margin:0}.qr-scanner__viewport{isolation:isolate;aspect-ratio:16/9;background:#071425;border:1px solid #58cdf26b;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 42px #05142638}.qr-scanner__viewport[hidden]{display:none}.qr-scanner__viewport video{object-fit:cover;width:100%;height:100%}.qr-scanner__viewport:after{content:"";z-index:1;opacity:0;pointer-events:none;border:clamp(18px,3.4vw,46px) solid #fffffff0;transition:opacity .22s;position:absolute;inset:0;box-shadow:inset 0 0 72px #ffffff6b,0 0 80px #ffffff8c}.qr-scanner__viewport.is-screen-fill-active:after{opacity:1}.qr-scanner__frame{z-index:2;aspect-ratio:1.55;border:2px solid #ffffffeb;border-radius:14px;width:min(72%,620px);position:absolute;top:50%;left:50%;transform:translate(-50%,-53%);box-shadow:0 0 0 999px #030f1d6b,0 0 24px #39a9db38}.qr-scanner__frame:before,.qr-scanner__frame:after{content:"";border-style:solid;border-color:#58cdf2;width:34px;height:34px;position:absolute}.qr-scanner__frame:before{border-width:4px 0 0 4px;border-radius:12px 0 0;top:-3px;left:-3px}.qr-scanner__frame:after{border-width:0 4px 4px 0;border-radius:0 0 12px;bottom:-3px;right:-3px}.qr-scanner__scan-line{z-index:3;height:62%;box-shadow:none;pointer-events:none;background:0 0;border-radius:0;animation:2.6s ease-in-out infinite qr-scan-sweep;position:absolute;top:15%;left:8px;right:8px}.qr-scanner__scan-line:after{content:"";background:linear-gradient(90deg,#0000,#58cdf2 18%,#e3faff 50%,#58cdf2 82%,#0000);border-radius:999px;height:2px;position:absolute;inset:0 0 auto}@keyframes qr-scan-sweep{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(100%)}}.qr-scanner__target{z-index:2;aspect-ratio:1;color:#ffffff85;background:#051b2f14;border:2px dashed #69d3f7b8;border-radius:9px;place-items:center;width:clamp(118px,38%,230px);transition:border-color .18s,color .18s,background .18s,box-shadow .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff38,0 0 24px #58cdf238}.qr-scanner__target i{opacity:.28;font-size:clamp(30px,5vw,52px)}.qr-scanner__target[data-quality=ready]{border-color:#76d8f4;box-shadow:0 0 0 1px #ffffff52,0 0 30px #58cdf266}.qr-scanner__target[data-quality=recognized]{color:#b7f7df;background:#0d704e38;border-style:solid;border-color:#6ae0b5;box-shadow:0 0 30px #6ae0b585}.qr-scanner__target[data-quality=dark],.qr-scanner__target[data-quality=glare],.qr-scanner__target[data-quality=blurred],.qr-scanner__target[data-quality=contrast],.qr-scanner__target[data-quality=distance]{color:#ffdfa0;border-color:#f5c45c;box-shadow:0 0 26px #f5c45c59}.qr-scanner__frame>small{color:#fff;letter-spacing:.04em;text-align:center;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0414269e;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;position:absolute;bottom:10px;left:12px;right:12px}.qr-scanner__quality{z-index:7;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#041426c7;border:1px solid #76d8f473;border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;width:min(420px,100% - 28px);min-height:48px;padding:7px 12px 7px 8px;transition:border-color .18s,background .18s;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #0003}.qr-scanner__quality>span{color:#8ce1f8;background:#58cdf224;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.qr-scanner__quality>div{gap:1px;min-width:0;display:grid}.qr-scanner__quality strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;overflow:hidden}.qr-scanner__quality small{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.3;overflow:hidden}.qr-scanner__quality[data-tone=recognized]{background:#045840e0;border-color:#6ae0b5b8}.qr-scanner__quality[data-tone=recognized]>span{color:#b7f7df;background:#6ae0b52e}.qr-scanner__quality[data-tone=dark],.qr-scanner__quality[data-tone=glare],.qr-scanner__quality[data-tone=blurred],.qr-scanner__quality[data-tone=contrast],.qr-scanner__quality[data-tone=distance]{background:#694208e6;border-color:#f5c45cb8}.qr-scanner__quality[data-tone=dark]>span,.qr-scanner__quality[data-tone=glare]>span,.qr-scanner__quality[data-tone=blurred]>span,.qr-scanner__quality[data-tone=contrast]>span,.qr-scanner__quality[data-tone=distance]>span{color:#ffdfa0;background:#f5c45c2e}.qr-scanner__controls{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:13px;left:13px;right:13px}.qr-scanner__controls>span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041426b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:800;display:inline-flex}.qr-scanner__controls>span i{color:#34d399;font-size:7px;animation:1.5s ease-in-out infinite qr-live-pulse}.qr-scanner__controls .button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041426c7;border-color:#ffffff47}.qr-scanner__controls [data-qr-torch].is-active{color:#fff;background:#087eae;border-color:#7dd3fce6;box-shadow:0 0 0 3px #38bdf82e}.qr-scanner__status{min-height:64px;color:var(--color-azul-700);background:#f7fafc;border:1px solid #dce7ee;border-radius:13px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s,color .2s,background .2s;display:flex}.qr-scanner__status>i{color:#0d6f9f;background:#e7f7fc;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.qr-scanner__status strong,.qr-scanner__status small{display:block}.qr-scanner__status strong{color:var(--color-azul-900);font-size:10px}.qr-scanner__status small{color:var(--color-gris-600);margin-top:3px;font-size:9px;line-height:1.45}.qr-scanner__status[data-tone=scanning]{background:#edfaff;border-color:#9dddf2}.qr-scanner__status[data-tone=scanning]>i{animation:1.35s ease-in-out infinite qr-live-pulse}.qr-scanner__status[data-tone=success]{background:#effbf6;border-color:#a7e3cc}.qr-scanner__status[data-tone=success]>i{color:#07855e;background:#dcf7eb}.qr-scanner__status[data-tone=warning]{background:#fff9ea;border-color:#f0cf8c}.qr-scanner__status[data-tone=warning]>i{color:#95610b;background:#fff0c7}.qr-scanner__status[data-tone=error]{background:#fff4f4;border-color:#f1b9bd}.qr-scanner__status[data-tone=error]>i{color:#bf2732;background:#ffe4e6}.attendance-station__toolbar{align-items:center;gap:10px;display:flex}.attendance-station__state{color:var(--color-gris-600);align-items:center;gap:7px;font-size:8px;font-weight:800;display:inline-flex}.attendance-station__state>i{color:#94a3b8;font-size:6px}.attendance-station__state.is-active{color:#087157}.attendance-station__state.is-active>i{color:#12a879;animation:none}.attendance-station.is-kiosk{z-index:5000;background:#edf3f8;border:0;border-radius:0;margin:0;position:fixed;inset:0;overflow:auto}.attendance-station.is-kiosk>.panel__header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;padding:14px 22px;position:sticky;top:0;box-shadow:0 6px 24px #08274814}.attendance-station.is-kiosk>.panel__body{padding:16px 22px 24px}.attendance-station.is-kiosk .qr-scanner__viewport,.attendance-station.is-kiosk .facial-viewport{aspect-ratio:auto;min-height:calc(100vh - 310px)}.attendance-station.is-kiosk .qr-scanner__frame{width:min(56%,560px)}.attendance-station.is-kiosk .qr-scanner__frame>small{font-size:10px}.attendance-station.is-kiosk .qr-scanner__status{min-height:78px;padding:15px 17px}.attendance-station.is-kiosk .qr-scanner__status strong{font-size:13px}.attendance-station.is-kiosk .qr-scanner__status small{font-size:10px}.facial-viewport{isolation:isolate;aspect-ratio:16/9;background:#071425;border:1px solid #825bdc66;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 42px #05142638}.facial-viewport[hidden]{display:none}.facial-viewport video{object-fit:cover;background:#071425;width:100%;height:100%;display:block;transform:none}.facial-viewport video.is-mirrored{transform-origin:50%;transform:scaleX(-1)}.facial-viewport__oval{z-index:2;aspect-ratio:.76;border:3px solid #fffffff0;border-radius:50%;width:min(42%,230px);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #030f1d5c,0 0 26px #9b7ef059}.facial-viewport__oval:before,.facial-viewport__oval:after{content:"";background:#bda8ff;border-radius:999px;width:32%;height:2px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 10px #9f80ff}.facial-viewport__oval:before{top:31%}.facial-viewport__oval:after{bottom:28%}.facial-viewport--enrollment{aspect-ratio:4/3}@media (width<=980px){.attendance-station.is-kiosk .qr-scanner{order:-1}.attendance-station.is-kiosk .qr-scanner__viewport,.attendance-station.is-kiosk .facial-viewport{min-height:54vh}}@media (width<=680px){.attendance-station__toolbar{flex-direction:column;align-items:flex-end}.attendance-station.is-kiosk>.panel__header{align-items:flex-start;padding:12px 14px}.attendance-station.is-kiosk>.panel__body{padding:12px}}.attendance-station--dedicated{border-radius:23px;overflow:hidden;box-shadow:0 16px 38px #092a4412}@media (prefers-reduced-motion:reduce){.qr-scanner__scan-line{opacity:.5;animation:none;transform:translateY(50%)}.qr-scanner__controls>span i,.qr-scanner__status[data-tone=scanning]>i{animation:none}.attendance-method-card{transition:none}}