.academic-bottom-nav,.academic-mobile-only{display:none}@media screen and (max-width:1023px){.fi-body{--academic-nav-height: calc(4.5rem + env(safe-area-inset-bottom, 0px)) }.fi-body:has(.academic-bottom-nav) .fi-main{padding-bottom:calc(var(--academic-nav-height) + 1.5rem)}.academic-bottom-nav{position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--academic-nav-height);padding:.35rem max(.5rem,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(.5rem,env(safe-area-inset-left,0px));background:var(--academic-surface);border-top:1px solid var(--academic-border);box-shadow:0 -4px 24px #0f172a0f}.academic-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:3.5rem;min-width:0;border:0;border-radius:.75rem;background:transparent;color:var(--academic-muted);font-size:.6875rem;font-weight:600;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.academic-bottom-nav-icon{display:grid;place-items:center;width:2.75rem;height:1.75rem;border-radius:1rem}.academic-bottom-nav-icon svg{width:1.5rem;height:1.5rem}.academic-bottom-nav-item.is-active{color:var(--academic-accent)}.academic-bottom-nav-item.is-active .academic-bottom-nav-icon{background:#ccfbf1}.dark .academic-bottom-nav-item.is-active{color:#5eead4}.dark .academic-bottom-nav-item.is-active .academic-bottom-nav-icon{background:#134e4a}.academic-bottom-nav-item:focus-visible{outline:2px solid #14b8a6;outline-offset:-2px}:is(.fi-body,.history-body) :is(.academic-input,.fi-input,.fi-select-input){font-size:16px}:is(.fi-body,.history-body) :is(.academic-input,.academic-button,.fi-btn){min-height:44px}:is(.fi-body,.history-body) .academic-button{display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center}}@media screen and (max-width:767px){.fi-body .fi-main{padding-inline:1rem}.fi-body .fi-page{row-gap:1.25rem}.fi-body .fi-header-heading{font-size:1.5rem;overflow-wrap:anywhere}:is(.fi-body,.history-body) .academic-card{padding:1rem;border-radius:1rem}:is(.fi-body,.history-body) .academic-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}:is(.fi-body,.history-body) .academic-badge{align-self:flex-start;white-space:normal}:is(.fi-body,.history-body) .academic-empty{padding:2rem 1rem}:is(.fi-body,.history-body) .academic-input{min-width:0;width:100%}:is(.fi-body,.history-body) .academic-link{display:inline-flex;align-items:center;min-height:44px}.fi-body .academic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.fi-body .academic-grid>:last-child{grid-column:1 / -1}.fi-body .academic-stat{font-size:2rem}.fi-body .academic-hero{padding:1.25rem;border-radius:1rem;gap:1rem}.fi-body .academic-hero h2{font-size:1.65rem}.fi-body .academic-eyebrow{font-size:.6875rem}:is(.fi-body,.history-body) .academic-mobile-cards{display:block;width:100%}:is(.fi-body,.history-body) .academic-mobile-cards thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}:is(.fi-body,.history-body) .academic-mobile-cards tbody{display:grid;gap:1rem}:is(.fi-body,.history-body) .academic-mobile-cards tr{display:block;padding:.875rem;border:1px solid var(--academic-border);border-radius:.875rem}:is(.fi-body,.history-body) .academic-mobile-cards td{display:block;min-width:0;padding:.5rem 0;border:0;overflow-wrap:anywhere}:is(.fi-body,.history-body) .academic-mobile-cards td[data-label]:before{content:attr(data-label);display:block;margin-bottom:.375rem;color:var(--academic-muted);font-size:.6875rem;font-weight:600;letter-spacing:.035em;text-transform:uppercase}:is(.fi-body,.history-body) .academic-mobile-cards td:first-child{padding-top:0}:is(.fi-body,.history-body) .academic-mobile-cards td:last-child{padding-bottom:0}:is(.fi-body,.history-body) .academic-mobile-cards :is(.fi-btn,.academic-button,.academic-link){width:100%;justify-content:center}:is(.fi-body,.history-body) .score-input{max-width:none}.fi-body .qr-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.fi-body .qr-controls>:last-child:nth-child(3){grid-column:1 / -1}.fi-body .qr-reception{padding:1rem;gap:1rem}.fi-body .qr-reception strong{font-size:1.125rem;line-height:1.4}.fi-body .qr-result{padding:1.5rem .75rem}.fi-body .qr-result-name{font-size:2rem}.fi-body .qr-result-time{font-size:2.75rem}.fi-body .qr-next{width:100%}.fi-body .academic-scanner{width:100%;max-width:100%;overflow:hidden}.fi-body .academic-mobile-only{display:block;margin-top:1rem}.fi-body .academic-mobile-save .fi-btn{width:100%}.history-body .history-shell{padding:1rem;gap:1rem}.history-body .history-header h1{font-size:1.5rem;overflow-wrap:anywhere}.history-body .history-header .no-print{display:grid;gap:.5rem}.history-body .credential{align-items:center;text-align:center}.history-body .credential>div{min-width:0;width:100%}.history-body .credential img{width:200px;height:200px;max-width:100%}}@media print{.academic-bottom-nav,.academic-mobile-only{display:none!important}}:root{--academic-accent:#0f766e;--academic-border:#e2e8f0;--academic-surface:#fff;--academic-muted:#64748b}.dark{--academic-border:#374151;--academic-surface:#111827;--academic-muted:#9ca3af}.academic-card{border:1px solid var(--academic-border);background:var(--academic-surface);border-radius:16px;padding:24px;min-width:0}.academic-card h2,.academic-empty h2{font-size:1.15rem;font-weight:650;margin:0 0 6px}.academic-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.academic-input{border:1px solid var(--academic-border);border-radius:8px;padding:10px 12px;font:inherit;font-size:.875rem;width:100%;background:var(--academic-surface);color:inherit;min-width:100px}.academic-input:focus{outline:2px solid #14b8a6;outline-offset:2px}.academic-input:disabled{opacity:.65}.academic-help{color:var(--academic-muted);font-size:.875rem;line-height:1.6;margin:8px 0}.academic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.academic-toolbar form,.academic-toolbar .academic-input{flex:1}.academic-table-wrap{overflow:auto}.academic-table{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem}.academic-table th{color:var(--academic-muted);font-size:.75rem;letter-spacing:.035em;text-transform:uppercase;font-weight:600;padding:16px 12px;border-bottom:1px solid var(--academic-border)}.academic-table td{padding:15px 12px;border-bottom:1px solid var(--academic-border);vertical-align:middle}.academic-table tr:last-child td{border-bottom:0}.academic-table small{display:block;color:var(--academic-muted);margin-top:5px}.score-input{max-width:130px}.academic-error{color:#dc2626;font-size:.875rem;margin:8px 0}.academic-notice,.academic-success{padding:14px 18px;border-radius:10px;background:#f0fdfa;color:#115e59;font-size:.875rem}.academic-button{background:var(--academic-accent);color:#fff;border:0;border-radius:9px;padding:10px 16px;cursor:pointer;font-size:.875rem;font-weight:600;white-space:nowrap;text-decoration:none;display:inline-block}.academic-link{color:var(--academic-accent);font-weight:600;text-decoration:none;font-size:.875rem}.dark .academic-link{color:#5eead4}.academic-empty{padding:64px 24px;text-align:center;border:1px dashed var(--academic-border);border-radius:16px;color:var(--academic-muted)}.academic-empty p{margin:12px 0 22px}.academic-badge{font-size:.75rem;border:1px solid var(--academic-border);padding:6px 10px;border-radius:20px;white-space:nowrap}.academic-scanner{max-width:400px;margin:12px auto}.academic-scanner:empty{display:none}.qr-camera-dialog{width:min(100% - 2rem,36rem);max-height:calc(100dvh - 2rem);margin:auto;padding:1.25rem;border:1px solid #334155;border-radius:1rem;background:#0f172a;color:#f8fafc;overflow:auto}.qr-camera-dialog::backdrop{background:#020617d9}.qr-camera-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.qr-camera-header h2{font-size:1.25rem;font-weight:700}.qr-camera-header button{min-height:44px;flex-shrink:0;background:#1e293b;color:#f8fafc;border-color:#475569}.qr-camera-help{margin:1rem 0;color:#cbd5e1;font-size:1rem}.qr-camera-dialog .academic-scanner{width:100%;max-width:100%;min-height:12rem;background:#020617;border-radius:.75rem;overflow:hidden}.qr-camera-dialog .academic-scanner:empty{display:block}.qr-camera-dialog video{display:block;width:100%;max-height:65dvh;object-fit:contain}.qr-result-focus:focus{outline:none}.attendance-revisions{margin-top:.75rem;max-width:24rem;font-size:.875rem;white-space:normal;overflow-wrap:anywhere}.attendance-revisions summary{cursor:pointer;color:var(--academic-accent);padding:.5rem 0}.attendance-revisions p{border-top:1px solid var(--academic-border);padding:.75rem 0}@media(max-width:767px){.qr-camera-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.qr-camera-header{gap:.5rem}.qr-camera-header h2{font-size:1.125rem}}.academic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.academic-stat{font-size:2.5rem;font-weight:650;letter-spacing:-.04em;margin:8px 0}.academic-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--academic-muted)}.academic-hero{padding:32px;border-radius:20px;background:#0f3d38;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.academic-hero h2{font-size:1.8rem;letter-spacing:-.03em;font-weight:600}.academic-hero p{color:#b2d5d0;margin:10px 0}.academic-hero .academic-button{background:#ccfbf1;color:#134e4a}.academic-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:16px}.academic-steps li{display:flex;gap:12px;align-items:start}.academic-step{background:#f0fdfa;color:#0f766e;border-radius:50%;font-size:.75rem;padding:5px 9px}.history-body{font-family:system-ui,-apple-system,sans-serif;margin:0;background:#f6f8fa;color:#172e31;line-height:1.5}.history-shell{max-width:1160px;margin:0 auto;padding:28px;display:grid;gap:24px}.history-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.history-header h1{font-size:1.8rem;letter-spacing:-.04em;margin:0}.credential{display:flex;gap:24px;align-items:center}.credential img{width:180px;height:180px}.credential code{font-size:.72rem;overflow-wrap:anywhere}.academic-details{margin-top:20px}.academic-details summary{cursor:pointer;font-weight:600}@media(max-width:760px){.academic-grid{grid-template-columns:1fr}.academic-toolbar,.academic-hero,.history-header,.credential{flex-direction:column;align-items:stretch}.academic-card{padding:18px}.history-shell{padding:16px}.academic-hero{padding:24px}}@media print{.no-print{display:none!important}.history-body{background:#fff}.history-shell{padding:0}.academic-card{break-inside:avoid}.academic-table-wrap{overflow:visible}.academic-details{display:none}}[x-cloak]{display:none!important}.academic-button:disabled{opacity:.5;cursor:not-allowed}.qr-controls{display:flex;flex-wrap:wrap;gap:8px}.qr-secondary{background:var(--academic-surface);color:var(--academic-accent);border:1px solid var(--academic-border)}.dark .qr-secondary{color:#5eead4}.qr-reception{display:flex;align-items:center;gap:14px;padding:20px;border:2px solid var(--academic-border);border-radius:12px;margin-bottom:20px}.qr-reception strong{font-size:clamp(1.15rem,2.5vw,1.65rem)}.qr-reception .academic-help{margin-bottom:0}.qr-reception-ready{border-color:#14b8a6;background:#f0fdfa;color:#134e4a}.qr-indicator{flex-shrink:0;width:16px;height:16px;background:#94a3b8;border-radius:50%}.qr-indicator-ready{background:#0d9488;box-shadow:0 0 0 7px #ccfbf1;animation:qr-pulse 2s ease-in-out infinite}.qr-result{text-align:center;padding:36px 24px;border-radius:16px;margin:20px 0;border:2px solid}.qr-result-success{background:#ecfdf5;border-color:#10b981;color:#064e3b}.qr-result-duplicate{background:#fffbeb;border-color:#f59e0b;color:#78350f}.qr-result-error{background:#fef2f2;border-color:#ef4444;color:#7f1d1d}.qr-result-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.qr-result-name{font-size:clamp(2rem,5vw,4.5rem);line-height:1.15;font-weight:750;overflow-wrap:anywhere;margin:12px 0}.qr-result-detail{font-size:1.05rem;margin:12px 0 24px}.qr-result-time{display:block;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.qr-result h3.qr-result-error{font-size:clamp(1.4rem,3vw,2rem);margin:16px 0 24px}.qr-blocked{border:2px solid #ef4444;background:#fef2f2;color:#991b1b;padding:16px;border-radius:12px;margin:16px 0;font-weight:650}.qr-review{text-align:center;display:grid;justify-items:center;gap:16px;padding:16px 0}.qr-review p{max-width:640px}.qr-review small{color:var(--academic-muted)}.qr-next{padding:16px 32px;font-size:1.1rem}.dark .qr-reception-ready{background:#042f2e;color:#ccfbf1}@keyframes qr-pulse{50%{box-shadow:0 0 0 11px transparent}}@media(prefers-reduced-motion:reduce){.qr-indicator-ready{animation:none}}