.attendance-page{max-width:1160px;margin:auto;padding:28px 20px 60px}.attendance-header{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.attendance-header h1{font-size:clamp(24px,4vw,38px)}.attendance-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.attendance-page .card{margin:22px 0;padding:24px}.attendance-page .form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.attendance-page .full-width{grid-column:1/-1}.attendance-page .field{min-width:0}.attendance-page input,.attendance-page select{width:100%}.attendance-page .feedback{white-space:pre-wrap}.attendance-summary{display:flex;gap:24px;flex-wrap:wrap;padding:15px 0;color:#f5d892}.attendee-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #725a8044;flex-wrap:wrap}.attendee-row p{margin:5px 0;overflow-wrap:anywhere}.attendee-actions{display:flex;gap:8px;flex-wrap:wrap}.attendance-page dialog{background:#251632;color:#f6e6fc;border:1px solid #ac8756;border-radius:20px;width:min(95vw,560px);max-height:90vh;overflow:auto;padding:24px}.attendance-page dialog::backdrop{background:#000b}.qr-ticket{display:block;width:min(100%,420px);height:auto;margin:16px auto}.gate-result h2{font-size:30px;overflow-wrap:anywhere}.gate-portrait{height:260px;max-width:100%;width:auto;object-fit:contain;background:#1a1028;border-radius:12px;display:block;margin:20px auto}.gate-result label{display:flex;align-items:center;gap:12px;margin:22px 0}.gate-result input[type=checkbox]{width:24px;height:24px}.gate-result .btn{font-size:20px}.gate-video{display:block;width:100%;max-height:420px;object-fit:contain;background:#100819;border-radius:12px}.gate-camera{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.attendance-history{overflow-x:auto}.attendance-history table{width:100%;min-width:560px;border-collapse:collapse}.attendance-history td{padding:12px;border-bottom:1px solid #725a8044}.attendance-warning{color:#ffd98a}.attendance-page .hidden{display:none!important}.attendance-page button:disabled{opacity:.45;cursor:not-allowed}.attendance-page .photo-preview{aspect-ratio:4/5}.connection-status{padding:12px 0}.qr-close{float:right}.attendance-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:650px){.attendance-page{padding:14px 12px 40px}.attendance-page .card{padding:18px}.attendance-page .form{grid-template-columns:1fr}.attendee-actions .btn{font-size:13px}.gate-result .btn{width:100%}.attendance-header select{max-width:120px}}