body { background: #f7f8fa; }
.auth-body { min-height: 100vh; background: #eef2f6; }
.login-panel { max-width: 420px; background: #fff; border: 1px solid #d9dee5; border-radius: 8px; padding: 24px; }
.scan-page, .case-page { max-width: 760px; }
.qr-box { min-height: 280px; background: #fff; border: 2px dashed #9aa5b1; border-radius: 8px; overflow: hidden; }
.admin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.scanned-person .accordion-button { background: #e8f4ff; }
.detail-grid { display: grid; gap: 12px; }
.detail-grid div { display: grid; gap: 4px; padding-bottom: 10px; border-bottom: 1px solid #edf0f3; }
.check-item { background: #fff; border: 1px solid #dfe4ea; border-radius: 8px; padding: 14px; margin-bottom: 12px; }
.check-item .form-check-input { width: 1.6rem; height: 1.6rem; flex: 0 0 auto; }
.form-control, .form-select, .btn { border-radius: 8px; }
@media (min-width: 768px) {
    .detail-grid { grid-template-columns: 1fr 1fr; }
}