.page-title-wrapper{align-items:center;gap:.9rem;display:flex}.page-title-icon{background:var(--primary-light);width:52px;min-width:52px;height:52px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;font-size:1.35rem;display:inline-flex}.setup-summary{border:1px solid var(--border-color);background:var(--surface-soft);border-radius:12px;overflow:hidden}.setup-summary-header{border-bottom:1px solid var(--border-color);color:var(--text-dark);padding:.75rem 1rem;font-size:.85rem;font-weight:700}.setup-summary-content{grid-template-columns:repeat(4,1fr);display:grid}.setup-summary-item{border-right:1px solid var(--border-color);min-width:0;padding:1rem}.setup-summary-item:last-child{border-right:0}.setup-summary-item>span{color:var(--text-muted);margin-bottom:.3rem;font-size:.76rem;font-weight:600;display:block}.setup-summary-item>strong{color:var(--text-dark);overflow-wrap:anywhere;font-size:.9rem;font-weight:700;display:block}.scanner-wrapper{background:var(--primary-soft);border:1px solid #bae6fd;border-radius:14px;width:100%;max-width:560px;margin:0 auto;padding:15px}#qr-reader{background:#fff;border-radius:12px;width:100%;overflow:hidden;border:0!important}#qr-reader video{border-radius:10px;max-width:100%;width:100%!important}#qr-reader img{max-width:100%}#qr-reader__dashboard{padding-top:.75rem}#qr-reader__dashboard_section_csr button,#qr-reader__dashboard_section_swaplink{margin-top:.4rem}.scanner-note{border:1px solid var(--border-color);color:var(--text-muted);background:#fff;border-radius:10px;padding:.7rem .85rem;font-size:.78rem;line-height:1.5}.manual-scan-card{border:1px solid var(--border-color);background:var(--surface-soft);text-align:center;border-radius:14px;padding:1.25rem}.manual-scan-icon{background:var(--primary-light);width:52px;height:52px;color:var(--primary);border-radius:13px;justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.3rem;display:inline-flex}.manual-scan-title{color:var(--text-dark);margin-bottom:.25rem;font-weight:700}.manual-scan-description{color:var(--text-muted);margin-bottom:0;font-size:.8rem;line-height:1.5}.manual-scan-card .input-group{text-align:left}.scan-result{border:1px solid var(--border-color);background:var(--surface-soft);border-radius:12px;padding:1rem}.scan-result-icon{background:var(--success-light);width:42px;min-width:42px;height:42px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.scan-result-content{min-width:0}.scan-result-name{color:var(--text-dark);overflow-wrap:anywhere;margin-bottom:.2rem;font-weight:700}.scan-result-details{color:var(--text-muted);font-size:.8rem}.scan-result-action{color:var(--primary-dark);margin-top:.35rem;font-size:.78rem;font-weight:600}.attendance-table th{white-space:nowrap;color:var(--text-dark);font-size:.78rem;font-weight:700}.attendance-table td{font-size:.82rem}.attendance-table td,.attendance-table th{vertical-align:middle}@media (width<=991.98px){.setup-summary-content{grid-template-columns:repeat(2,1fr)}.setup-summary-item:nth-child(2){border-right:0}.setup-summary-item:nth-child(-n+2){border-bottom:1px solid var(--border-color)}}@media (width<=767.98px){.page-title-wrapper{align-items:flex-start}.page-title-icon{width:46px;min-width:46px;height:46px;font-size:1.15rem}.setup-summary-content{grid-template-columns:1fr}.setup-summary-item{border-right:0;border-bottom:1px solid var(--border-color)}.setup-summary-item:last-child{border-bottom:0}.setup-summary-item:nth-child(2){border-right:0}.scanner-wrapper{padding:10px}.dashboard-card-header{align-items:flex-start!important}}@media (width<=575.98px){.manual-scan-card{padding:1rem}.manual-scan-card .input-group{flex-direction:column}.manual-scan-card .input-group>.form-control,.manual-scan-card .input-group>.btn{width:100%;border-radius:.375rem!important}.attendance-table{min-width:850px}}.dashboard-card-header:not(.justify-content-between){justify-content:flex-start!important;gap:.75rem!important}.dashboard-card-header:not(.justify-content-between)>div:not(.section-icon){min-width:0;flex:0 auto!important;margin-left:0!important}.dashboard-card-header:not(.justify-content-between)>.section-icon{flex:none!important;margin-left:0!important}