:root{font-family:system-ui,"Segoe UI",Arial,sans-serif;color:#172033;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}.quality-shell{max-width:1440px;margin:auto;padding:18px;display:grid;gap:14px}.quality-heading,.quality-panel,.quality-filters,.quality-cards button{background:#fff;border:1px solid #e1e7ef;border-radius:14px}.quality-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.quality-heading h2,.quality-heading p{margin:0}.quality-heading h2{font-size:24px}.quality-heading p,.quality-updated{margin-top:4px;color:#667085;font-size:13px}.quality-stale{padding:11px 14px;border:1px solid #e4a11b;border-radius:10px;background:#fff7df;color:#754d00}.quality-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.quality-cards button{padding:15px;text-align:left;color:#172033;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.quality-cards button:hover{border-color:#8bbcff}.quality-cards button[aria-pressed="true"]{border-color:#1769e0;box-shadow:0 0 0 2px #1769e033;transform:translateY(-1px)}.quality-cards button:focus-visible,.quality-pagination button:focus-visible{outline:3px solid #8bbcff;outline-offset:2px}.quality-cards span,.quality-cards strong{display:block}.quality-cards span{color:#667085;font-size:12px}.quality-cards strong{margin-top:6px;font-size:22px}.quality-cards .danger strong{color:#b42318}.quality-cards .success strong{color:#167348}.quality-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(150px,1fr));gap:10px;padding:14px}.quality-filters label{display:block;color:#475467;font-size:12px;font-weight:650}.quality-filters label span{display:block;margin-bottom:5px}.quality-filters input,.quality-filters select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#172033;font:inherit}.quality-panel{min-width:0;overflow:hidden}.quality-table-wrap{overflow:auto}.quality-panel table{width:100%;min-width:1080px;border-collapse:collapse}.quality-panel th,.quality-panel td{padding:11px 10px;border-bottom:1px solid #e8edf3;text-align:left;font-size:12px;vertical-align:top}.quality-panel th{position:sticky;top:0;background:#f7f9fc;color:#667085;white-space:nowrap}.quality-panel td small{display:block;margin-top:3px;color:#7a8698}.quality-number{text-align:right!important;white-space:nowrap}.quality-percent{display:inline-block;padding:4px 7px;border-radius:8px;background:#eef2f6}.quality-row--no-plan,.quality-row--exceeded{background:#fff2f1}.quality-row--no-plan .quality-percent,.quality-row--exceeded .quality-percent{background:#fee4e2;color:#b42318}.quality-row--near-limit{background:#fffaf0}.quality-row--near-limit .quality-percent{background:#fff0c2;color:#854a0e}.quality-row--complete{background:#f0faf4}.quality-row--complete .quality-percent{background:#dff4e6;color:#167348}.quality-message{padding:28px;text-align:center;color:#667085}.quality-error{color:#b42318}.quality-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 14px;flex-wrap:wrap}.quality-pagination button{min-height:38px;padding:7px 13px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#344054;font-weight:650;cursor:pointer}.quality-pagination button:disabled{opacity:.45;cursor:default}#qualityProgress{color:#667085;font-size:13px;min-width:0}
@media(max-width:1000px){.quality-cards{grid-template-columns:repeat(3,1fr)}.quality-filters{grid-template-columns:1fr 1fr}.quality-search{grid-column:1/-1}}
@media(max-width:600px){.quality-shell{padding:8px;gap:10px}.quality-heading{align-items:flex-start;flex-direction:column;padding:14px}.quality-cards{grid-template-columns:1fr 1fr}.quality-cards button{padding:12px}.quality-cards strong{font-size:18px}.quality-filters{grid-template-columns:1fr;padding:11px}.quality-search{grid-column:auto}.quality-table-wrap{overflow:visible}.quality-panel table,.quality-panel tbody,.quality-panel tr,.quality-panel td{display:block;width:100%;min-width:0}.quality-panel thead{display:none}.quality-panel tr{margin:10px;padding:12px;border:1px solid #dfe6ee;border-radius:11px}.quality-panel td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:0;text-align:right!important}.quality-panel td:before{content:attr(data-label);color:#7a8698;text-align:left}.quality-pagination{justify-content:center}.quality-pagination #qualityProgress{flex-basis:100%;text-align:center;order:-1}.quality-updated{margin-top:7px}}