.attendance-status{white-space:nowrap;background:var(--success-light);color:var(--success);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.qr-preview{border:1px dashed var(--border-color);background:var(--surface-soft);border-radius:14px;justify-content:center;align-items:center;min-height:430px;padding:20px;display:flex}#qrResult{width:100%;max-width:360px;margin:0 auto}.qr-card-logo{background:var(--primary-light);width:54px;height:54px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.school-name{color:var(--text-dark);letter-spacing:.2px;font-size:.9rem;font-weight:700}.student-name{color:var(--text-dark);overflow-wrap:anywhere;margin-top:12px;font-size:1.15rem;font-weight:800}.student-details{color:var(--text-muted);overflow-wrap:anywhere;margin-top:4px;margin-bottom:16px;font-size:.85rem;font-weight:500}.qr-box{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:220px;margin:0 auto 18px;padding:15px;display:flex}.qr-box canvas,.qr-box img{max-width:100%;height:auto;margin:0 auto;display:block}.student-table th{white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:700}.student-table td{vertical-align:middle}.empty-icon{background:var(--primary-light);width:58px;height:58px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.empty-title{color:var(--text-dark);font-weight:700}@media (width<=767.98px){.qr-preview{min-height:360px;padding:15px}#qrResult{max-width:320px}.qr-box{min-height:190px}.student-name{font-size:1.05rem}.attendance-status{align-self:flex-start}.student-table{min-width:720px}}@media (width<=575.98px){.qr-preview{border-radius:10px;padding:10px}#qrResult{max-width:100%}.qr-box{padding:10px}.student-details{font-size:.8rem}}.dashboard-card-header{align-items:center;gap:.875rem;display:flex;justify-content:flex-start!important}.dashboard-card-header .section-icon{flex:none}.dashboard-card-header>div:not(.section-icon){min-width:0}.dashboard-card-header>.attendance-status{margin-left:auto}.dashboard-card-header>.flex-grow-1{min-width:0}