:root{--qa-primary: #822800;--qa-accent: #DD9F46;--qa-bg: #FFEDE8;--qa-dark: #380C00;--qa-surface: #FFF7F3;--qa-surface-2: #FFF2EC;--qa-border: #EBC6B7;--qa-border-strong: #D6A48D;--qa-muted: #8E6A5C;--qa-success: #7A4A1E;--qa-danger: #A33A12;--qa-warning: #DD9F46;--qa-shadow: 0 10px 28px rgba(56, 12, 0, .08);--bs-primary: var(--qa-primary);--bs-primary-rgb: 130, 40, 0;--bs-secondary: #9D6D57;--bs-secondary-rgb: 157, 109, 87;--bs-warning: var(--qa-accent);--bs-warning-rgb: 221, 159, 70;--bs-danger: var(--qa-danger);--bs-danger-rgb: 163, 58, 18;--bs-success: var(--qa-success);--bs-success-rgb: 122, 74, 30;--bs-body-bg: var(--qa-bg);--bs-body-color: var(--qa-dark);--bs-border-color: var(--qa-border);--bs-heading-color: var(--qa-dark);--bs-link-color: var(--qa-primary);--bs-link-hover-color: #5f1d00;--bs-card-bg: var(--qa-surface);--bs-card-border-color: var(--qa-border);--bs-card-cap-bg: rgba(255, 255, 255, .55);--bs-table-bg: transparent;--bs-table-striped-bg: rgba(221, 159, 70, .08);--bs-table-hover-bg: rgba(130, 40, 0, .06);--bs-border-radius: .9rem;--bs-border-radius-sm: .7rem;--bs-border-radius-lg: 1.15rem}html,body,button,input,select,textarea{font-family:Barlow,sans-serif!important}html,body{background:linear-gradient(180deg,#fff7f2 0%,var(--qa-bg) 100%);color:var(--qa-dark)}body{letter-spacing:.01em}.layout-page,.content-wrapper,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{background:transparent}.content-wrapper{padding-bottom:2rem}.layout-navbar,.navbar,.bg-navbar-theme{background:#fff7f3e0!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(130,40,0,.08);box-shadow:0 6px 20px #380c000a}.navbar .navbar-nav .nav-link,.navbar .navbar-brand,.app-brand-text,.menu-text{color:var(--qa-dark)!important}.navbar .navbar-nav .nav-link:hover,.navbar .navbar-brand:hover{color:var(--qa-primary)!important}.bg-menu-theme{background:linear-gradient(180deg,#fff8f4,#fff1ea)!important;border-right:1px solid rgba(130,40,0,.08)}.bg-menu-theme .menu-inner>.menu-item.active>.menu-link{background:linear-gradient(90deg,#8228001f,#dd9f4624)!important;color:var(--qa-primary)!important;box-shadow:none}.bg-menu-theme .menu-link:hover,.bg-menu-theme .menu-link:focus{background:#8228000f!important;color:var(--qa-primary)!important}.bg-menu-theme .menu-sub>.menu-item>.menu-link.active{color:var(--qa-primary)!important}.bg-menu-theme .menu-icon,.bg-menu-theme .menu-link div,.bg-menu-theme .menu-header-text{color:inherit!important}h1,h2,h3,h4,h5,h6,.card-title,.form-label{color:var(--qa-dark)}.text-muted{color:var(--qa-muted)!important}.text-body{color:var(--qa-dark)!important}.text-success{color:var(--qa-success)!important}.text-danger{color:var(--qa-danger)!important}.card{background:linear-gradient(180deg,#ffffffc7,#fff7f3f5);border:1px solid var(--qa-border);box-shadow:var(--qa-shadow);border-radius:1rem;overflow:hidden}.card-header{background:linear-gradient(180deg,#ffffffb8,#fff2eceb);border-bottom:1px solid rgba(130,40,0,.08)}.card-header h6,.card-header h5{color:var(--qa-dark);font-weight:700}.form-control,.form-select{background:#ffffffc7;border-color:var(--qa-border);color:var(--qa-dark);border-radius:.85rem}.form-control:focus,.form-select:focus{border-color:#dd9f46cc;box-shadow:0 0 0 .25rem #dd9f462e;background:#fffdfb}.form-label{font-weight:600;color:var(--qa-dark);margin-bottom:.45rem}.btn{border-radius:.85rem;font-weight:600;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--qa-primary) 0%,#9e3708 100%);border-color:var(--qa-primary);color:#fff;box-shadow:0 8px 20px #8228002e}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:linear-gradient(135deg,#6f2200,#822800)!important;border-color:#6f2200!important;color:#fff!important}.btn-outline-primary{color:var(--qa-primary);border-color:#82280047;background:#ffffff8c}.btn-outline-primary:hover,.btn-outline-primary:focus{background:var(--qa-primary);border-color:var(--qa-primary);color:#fff}.btn-outline-danger{color:var(--qa-danger);border-color:#a33a1247;background:#ffffff8c}.btn-outline-danger:hover,.btn-outline-danger:focus{background:var(--qa-danger);border-color:var(--qa-danger);color:#fff}.badge{border-radius:999px;font-weight:600}.badge.bg-secondary{background:#8228001f!important;color:var(--qa-primary)!important}.badge.bg-light{background:#ffffffb3!important;color:var(--qa-dark)!important;border-color:var(--qa-border)!important}.table{--bs-table-color: var(--qa-dark);--bs-table-border-color: rgba(130, 40, 0, .08)}.table thead.table-light th,.table tfoot.table-light th,.table tfoot.table-light td{background:#dd9f4624!important;color:var(--qa-dark);border-color:#82280014;font-weight:700}.table>:not(caption)>*>*{padding:.9rem 1rem}.table-hover>tbody>tr:hover>*{color:var(--qa-dark)}.page-link{color:var(--qa-primary);background:#ffffffc7;border-color:var(--qa-border);border-radius:.7rem}.page-link:hover{color:#fff;background:var(--qa-primary);border-color:var(--qa-primary)}.page-item.active .page-link{background:var(--qa-primary);border-color:var(--qa-primary);color:#fff}.border{border-color:var(--qa-border)!important}.border-danger{border-color:#a33a126b!important}.bg-light{background-color:#fff9!important}.qa-page-title{font-weight:800;letter-spacing:-.02em;color:var(--qa-dark)}.qa-subtitle{color:var(--qa-muted)}.qa-filter-form{background:linear-gradient(180deg,#ffffff94,#fff2ece0);border:1px solid var(--qa-border);border-radius:1rem;padding:1rem;box-shadow:0 10px 28px #380c000d}.qa-header-meta{background:#ffffff73;border:1px dashed rgba(130,40,0,.18);border-radius:.9rem;padding:.85rem 1rem}.qa-snapshot-pill{background:#ffffffbf;border:1px solid var(--qa-border);border-radius:999px;color:var(--qa-dark)}.qa-kpi-card{position:relative;isolation:isolate}.qa-kpi-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(221,159,70,.18),transparent 40%);pointer-events:none;z-index:0}.qa-kpi-card .card-body{position:relative;z-index:1}.qa-kpi-label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--qa-muted)}.qa-kpi-value{font-size:2rem;font-weight:800;line-height:1.1;color:var(--qa-dark)}.qa-kpi-value.is-payable{color:var(--qa-success)}.qa-kpi-value.is-unpayable{color:var(--qa-danger)}.qa-section-title{font-weight:700;color:var(--qa-dark)}.qa-image-tile{background:#ffffffa6;border:1px solid var(--qa-border);border-radius:1rem;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;box-shadow:0 8px 22px #380c000d}.qa-image-tile:hover{transform:translateY(-2px);border-color:var(--qa-border-strong);box-shadow:0 12px 28px #380c0017}.qa-image-tile.is-unpayable{border-color:#a33a1259}.qa-image-thumb{width:100%;height:140px;object-fit:cover;display:block;background:#dd9f461f}.qa-image-meta{padding:.8rem .9rem .95rem}.qa-filekey{color:var(--qa-dark);font-weight:700;word-break:break-word}.qa-reason{color:var(--qa-danger);font-weight:600}.qa-empty-state{padding:1.25rem .5rem;color:var(--qa-muted)}canvas{max-width:100%}@media (max-width: 991.98px){.qa-kpi-value{font-size:1.7rem}.qa-filter-form{padding:.9rem}}#dailyTrendChart,#topCheckerChart{width:100%!important;height:320px!important}.qa-chart-wrap{position:relative;min-height:320px}.qa-detail-page{--qa-editor-bg: linear-gradient(180deg, #4a1402 0%, #2f0b01 100%);--qa-editor-panel: rgba(255, 247, 243, .96);--qa-editor-border: rgba(255, 255, 255, .1)}.qa-detail-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1rem}.qa-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.qa-detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.qa-meta-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#ffffffb8;border:1px solid var(--qa-border);color:var(--qa-dark);font-size:12px;font-weight:600}.qa-detail-status{font-weight:700;letter-spacing:.04em}#canvasWrap{position:relative;background:var(--qa-editor-bg);border-radius:16px;border:1px solid var(--qa-editor-border);padding:10px;height:calc(100vh - 300px);min-height:420px;max-height:78vh;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 1px #ffffff0d}#labelCanvas{border-radius:10px;display:block}.qa-editor-help{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.legend-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffffc7;border:1px solid var(--qa-border);font-size:12px;color:var(--qa-dark)}.legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.qa-info-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:1rem}.qa-info-box{background:#ffffff8c;border:1px solid var(--qa-border);border-radius:14px;padding:12px 14px}.qa-info-label{font-size:12px;color:var(--qa-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:4px}.qa-info-value{color:var(--qa-dark);font-weight:600;word-break:break-word}.qa-final-status-preview{background:#ffffff94;border:1px solid var(--qa-border);border-radius:14px;padding:12px 14px}.qa-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.qa-check-card{display:flex;align-items:center;gap:10px;background:#fff9;border:1px solid var(--qa-border);border-radius:12px;padding:10px 12px;min-height:48px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.qa-check-card:hover{border-color:var(--qa-border-strong);box-shadow:0 8px 18px #380c000d;transform:translateY(-1px)}.qa-check-card .form-check-input{margin-top:0;flex-shrink:0}.qa-check-card .form-check-label{font-weight:600;color:var(--qa-dark);margin:0;cursor:pointer;word-break:break-word}.qa-form-section{margin-bottom:1rem}.qa-form-caption{color:var(--qa-muted);font-size:12px;margin-top:6px}.qa-status-note{background:#dd9f461f;border:1px solid rgba(221,159,70,.28);color:var(--qa-dark);border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:1rem}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,#fff0,#fff7f3fa 22%,#fff7f3fa);padding-top:16px;margin-top:1.25rem}.sticky-actions .btn+.btn{margin-top:10px}.qa-shape-toolbar{position:absolute;top:12px;right:12px;z-index:20;width:220px;display:none;border-radius:14px;border:1px solid var(--qa-border);background:var(--qa-editor-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#jsonPanel textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}@media (max-width: 991.98px){#canvasWrap{height:calc(100vh - 360px);min-height:360px;max-height:68vh}.qa-check-grid{grid-template-columns:1fr}}.content-wrapper .container-xxl.container-p-y{padding-top:1.35rem}.mobile-page-toolbar,.d-flex.gap-2.flex-wrap>.btn,.card-header .btn,.dropdown-menu .dropdown-item{align-items:center}.card{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.card:hover{border-color:#82280029}.card[class*=border-start] .card-body,.card[class*=border-primary] .card-body,.card[class*=border-success] .card-body,.card[class*=border-warning] .card-body,.card[class*=border-info] .card-body,.card[class*=border-danger] .card-body,.card[class*=border-secondary] .card-body{min-height:122px}.card h3,.card .h3{letter-spacing:-.025em;line-height:1.05}.card p.text-muted.small,.qa-kpi-label,.user-metric-label{text-transform:uppercase;letter-spacing:.055em;font-weight:700}.btn-sm,.btn-xs{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap}.btn-xs{--bs-btn-padding-y: .22rem;--bs-btn-padding-x: .55rem;--bs-btn-font-size: .74rem;--bs-btn-border-radius: .7rem}.btn i{line-height:1}.table-responsive{border-radius:0 0 1rem 1rem}.table thead th{position:sticky;top:0;z-index:2;vertical-align:middle;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}.table tbody td{vertical-align:middle}.table .btn-xs,.table .btn-sm{min-height:30px}.mobile-empty-state{border:1px dashed rgba(130,40,0,.16);border-radius:1rem;background:#ffffff70;margin:.75rem}.mobile-empty-state .bx{opacity:.88}.mobile-total-strip{border-top:1px solid rgba(130,40,0,.1)!important;background:linear-gradient(90deg,#ffffffbd,#fff2eccc)!important}.mobile-total-strip .badge{min-height:26px;display:inline-flex;align-items:center}.alert{border-radius:1rem;border-color:#8228001f}.alert i.fs-5{flex:0 0 auto}.user-page .user-stat-card,.user-page .user-role-card,.user-page .user-panel{border:1px solid rgba(130,40,0,.12)!important}.user-page .user-icon-box,.user-page .user-role-icon,.user-page .user-row-avatar{box-shadow:inset 0 0 0 1px #ffffff8c,0 8px 18px #380c000f}.user-page .user-role-card .card-body{min-height:96px}.user-page .user-table tbody tr:hover .user-row-avatar{transform:translateY(-1px)}.user-page .user-row-avatar{transition:transform .14s ease}@media (max-width: 767.98px){.content-wrapper .container-xxl.container-p-y{padding-top:1rem}.d-flex.justify-content-between.align-items-start,.d-flex.justify-content-between.align-items-center{gap:.85rem!important}.d-flex.justify-content-between.align-items-start>.d-flex,.d-flex.justify-content-between.align-items-center>.d-flex{width:100%}.d-flex.justify-content-between.align-items-start>.d-flex .btn,.d-flex.justify-content-between.align-items-center>.d-flex .btn,.card-header .btn,.filter-actions .btn{flex:1 1 auto}.card[class*=border-start] .card-body,.card[class*=border-primary] .card-body,.card[class*=border-success] .card-body,.card[class*=border-warning] .card-body,.card[class*=border-info] .card-body,.card[class*=border-danger] .card-body,.card[class*=border-secondary] .card-body{min-height:110px}.table>:not(caption)>*>*{padding:.72rem .78rem}.mobile-empty-state{margin:.5rem;padding-left:.75rem;padding-right:.75rem}}
