:root{--qa-good:#087a55;--qa-warn:#a15c00;--qa-bad:#b42318;--qa-soft:#eef4fb}
.qa-page{min-height:100vh;background:var(--bg,#f4f6f9);padding-bottom:84px}
.qa-topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;min-height:58px;padding:7px 10px;background:#fff;border-bottom:1px solid var(--line,#e1e6ee);box-shadow:0 2px 10px rgba(7,55,127,.05)}
.qa-topbar a,.qa-topbar button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:var(--brand,#07377f);text-decoration:none;font-size:20px}
.qa-heading{text-align:center;min-width:0}.qa-heading strong{display:block;font-size:15px;color:#14213a}.qa-heading small{display:block;margin-top:2px;color:#667085;font-size:9px;letter-spacing:.08em}
.qa-shell{width:min(100%,760px);margin:0 auto;padding:10px}
.qa-hero,.qa-card{background:#fff;border:1px solid var(--line,#e1e6ee);border-radius:14px;box-shadow:0 5px 18px rgba(16,24,40,.045)}
.qa-hero{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:14px}.qa-hero img{width:56px;height:56px;border-radius:16px;object-fit:cover}.qa-hero h1{margin:0;font-size:18px;line-height:1.25;color:#13213d}.qa-hero p{margin:5px 0 0;font-size:12px;line-height:1.45;color:#667085}
.qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.qa-status{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;background:#fff;border:1px solid var(--line,#e1e6ee);border-radius:12px}.qa-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.12)}.qa-status.good .qa-dot{background:var(--qa-good);box-shadow:0 0 0 4px rgba(8,122,85,.12)}.qa-status.warn .qa-dot{background:var(--qa-warn);box-shadow:0 0 0 4px rgba(161,92,0,.12)}.qa-status.bad .qa-dot{background:var(--qa-bad);box-shadow:0 0 0 4px rgba(180,35,24,.12)}.qa-status strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#1d2939}.qa-status small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#667085}
.qa-card{margin-top:8px;padding:12px}.qa-card h2{margin:0 0 10px;font-size:14px;color:#16233d}.qa-card h3{margin:12px 0 7px;font-size:12px;color:#344054}.qa-table{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr);border:1px solid #e6eaf0;border-radius:10px;overflow:hidden}.qa-table div{padding:8px 9px;border-bottom:1px solid #edf0f4;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.qa-table div:nth-last-child(-n+2){border-bottom:0}.qa-table .label{background:#f8fafc;color:#667085;font-weight:650}.qa-table .value{color:#1d2939;background:#fff}
.qa-actions{display:flex;flex-wrap:wrap;gap:7px}.qa-btn{appearance:none;border:1px solid #cfd8e6;border-radius:9px;background:#fff;color:#07377f;padding:9px 11px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.qa-btn.primary{background:#07377f;color:#fff;border-color:#07377f}.qa-btn.danger{color:#b42318;border-color:#f2c6c3;background:#fff8f7}.qa-btn:active{transform:translateY(1px)}
.qa-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.qa-link{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;color:#15233f;background:#fff;font-size:11px;font-weight:700}.qa-link span{color:#07377f;font-size:15px}
.qa-check-group{display:grid;gap:6px}.qa-check{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px;border:1px solid #e5e9f0;border-radius:10px;background:#fff}.qa-check input{width:18px;height:18px;margin:0;accent-color:#07377f}.qa-check strong{display:block;font-size:11.5px;color:#1d2939}.qa-check small{display:block;margin-top:2px;font-size:10px;line-height:1.4;color:#667085}.qa-check em{font-style:normal;font-size:9px;color:#98a2b3;padding-top:2px}.qa-progress{height:8px;border-radius:999px;background:#e8edf4;overflow:hidden;margin-bottom:10px}.qa-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#07377f,#2f73c9);transition:width .25s ease}
.qa-form{display:grid;gap:8px}.qa-form label{font-size:10px;font-weight:750;color:#475467}.qa-form select,.qa-form textarea,.qa-form input{width:100%;box-sizing:border-box;border:1px solid #d8dee8;border-radius:9px;background:#fff;padding:9px;font:inherit;font-size:11px;color:#1d2939}.qa-form textarea{min-height:100px;resize:vertical;line-height:1.45}.qa-note{margin:8px 0 0;font-size:10px;line-height:1.45;color:#667085}.qa-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.qa-kpi div{padding:9px 6px;border:1px solid #e5e9f0;border-radius:10px;text-align:center;background:#fbfcfe}.qa-kpi strong{display:block;font-size:14px;color:#07377f}.qa-kpi small{display:block;margin-top:2px;font-size:8.5px;color:#667085}
.qa-toast{position:fixed;left:50%;bottom:82px;z-index:80;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(92vw,420px);padding:10px 13px;border-radius:10px;background:#172033;color:#fff;font-size:11px;transition:.2s ease}.qa-toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:600px){.qa-shell{padding:14px}.qa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qa-links{grid-template-columns:repeat(3,minmax(0,1fr))}.qa-kpi strong{font-size:16px}}
@media(min-width:960px){.qa-page{padding-bottom:24px}.qa-shell{width:min(100%,900px)}.qa-card{padding:15px}.qa-topbar{position:relative}.qa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}