.attendance-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.qr-panel{text-align:center;position:sticky;top:24px}.qr-panel img{display:block;width:100%;max-width:240px;height:auto;margin:20px auto;border:12px solid white;background:white;border-radius:8px}.qr-panel h2{font-size:23px}.qr-panel p{font-size:12px;margin:14px 0 22px}.qr-panel>a{display:block;margin:14px 0}.qr-link{font-size:10px;overflow-wrap:anywhere}.checkin-success{padding:22px;border:1px solid #3b82f6;background:#172554;border-radius:10px;color:#bfdbfe;margin-bottom:22px;line-height:1.7}.attendance-grid .row .status{display:inline-block}.attendance-grid .row small{line-height:1.6}@media(max-width:950px){.attendance-grid{grid-template-columns:1fr}.qr-panel{position:static;max-width:400px;width:100%;margin:auto}}@media print{aside,.topbar,.brand-footer,.heading,.attendance-grid>section+section{display:none}.main{margin:0}.content{padding:0}.attendance-grid{display:block}.qr-panel{position:static;max-width:500px;margin:auto;background:white!important;color:#111!important;break-inside:avoid}.qr-panel h2,.qr-panel p{color:#111!important}.qr-panel .secondary,.qr-panel .text-btn{display:none}}
.simple-checkin{min-height:100dvh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at top,#16245699,transparent 60%),#020618}.checkin-card{width:100%;max-width:460px;background:#0f172b;border:1px solid #314158;border-radius:18px;padding:32px}.checkin-card .checkin-success{margin-top:24px}.checkin-card .banner{margin-top:20px}.checkin-card input{font-size:16px}.checkin-card h1{font-size:32px}