@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#1a56db;--primary-dark:#1648c7;--primary-light:#e8effd;--primary-50:#eff6ff;--success:#0e9f6e;--success-light:#def7ec;--warning:#d97706;--warning-light:#fef3c7;--danger:#e02424;--danger-light:#fde8e8;--info:#3f83f8;--info-light:#e1effe;--grey-50:#f9fafb;--grey-100:#f3f4f6;--grey-200:#e5e7eb;--grey-300:#d1d5db;--grey-500:#6b7280;--grey-700:#374151;--grey-900:#111827;--sidebar-bg:#1a2744;--sidebar-width:240px;--topbar-height:60px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--transition:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;color:var(--grey-900);background:var(--grey-50);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--grey-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--grey-500)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{color:var(--grey-700);background:0 0}.btn-ghost:hover{background:var(--grey-100)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c81e1e}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:10px 22px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--grey-200);background:#fff;padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--grey-900);font-size:15px;font-weight:600}.table-wrapper{border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:var(--primary);color:#fff}thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:11px 16px;font-size:12px;font-weight:600}tbody tr{border-bottom:1px solid var(--grey-100);transition:var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--primary-50)}tbody td{color:var(--grey-700);padding:12px 16px;font-size:13px}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-draft{background:var(--grey-100);color:var(--grey-500)}.badge-submitted{background:var(--warning-light);color:var(--warning)}.badge-reviewed{background:var(--success-light);color:var(--success)}.badge-active{background:var(--info-light);color:var(--info)}.badge-inactive{background:var(--danger-light);color:var(--danger)}.form-group{margin-bottom:16px}.form-label{color:var(--grey-700);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.form-label .required{color:var(--danger);margin-left:2px}.form-control{border:1px solid var(--grey-300);border-radius:var(--radius-sm);width:100%;color:var(--grey-900);transition:var(--transition);background:#fff;outline:none;padding:8px 12px;font-size:13px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}.form-control.error{border-color:var(--danger)}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title{color:var(--grey-900);font-size:20px;font-weight:700}.page-subtitle{color:var(--grey-500);margin-top:2px;font-size:13px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.kpi-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--grey-200);background:#fff;padding:20px}.kpi-label{color:var(--grey-500);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.kpi-value{color:var(--grey-900);margin:6px 0 2px;font-size:28px;font-weight:700}.kpi-sub{color:var(--grey-500);font-size:12px}.filters-bar{border-radius:var(--radius-md);border:1px solid var(--grey-200);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.filters-bar .form-control{width:auto;min-width:160px}.checklist-item{border-bottom:1px solid var(--grey-100);align-items:flex-start;gap:16px;padding:12px 16px;display:flex}.checklist-item:last-child{border-bottom:none}.checklist-response{flex-shrink:0;gap:8px;display:flex}.resp-btn{cursor:pointer;border:1.5px solid var(--grey-300);transition:var(--transition);background:#fff;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600}.resp-btn.yes.active{background:var(--success);color:#fff;border-color:var(--success)}.resp-btn.no.active{background:var(--danger);color:#fff;border-color:var(--danger)}.resp-btn.na.active{background:var(--grey-500);color:#fff;border-color:var(--grey-500)}.drag-handle{cursor:grab;color:var(--grey-300);padding:4px}.drag-handle:active{cursor:grabbing}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:560px;max-height:90vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-size:16px;font-weight:600}.text-muted{color:var(--grey-500)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.d-flex{display:flex}.align-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.flex-1{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.spinner{border:3px solid var(--grey-200);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{color:var(--grey-500);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.pagination{justify-content:flex-end;align-items:center;gap:6px;margin-top:16px;display:flex}.page-btn{border-radius:var(--radius-sm);border:1px solid var(--grey-200);cursor:pointer;min-width:32px;height:32px;transition:var(--transition);background:#fff;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.page-btn:hover{border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}