:root{--bg:#f5f6fa;--surface:#fff;--surface-2:#f8fafc;--ink:#11183f;--muted:#68708b;--line:#e7ebf3;--primary:#111c55;--primary-ink:#fff;--blue:#176fd0;--blue-soft:#edf5ff;--warn-bg:#fff8db;--warn-line:#f6e7a4;--warn-ink:#92400e;--warn-btn:#facc15;--ok:#16a34a;--ok-soft:#f0fdf4;--danger:#e11d48;--danger-soft:#fff1f2;--pending:#ca8a04;--pending-soft:#fefce8;--shadow:0 1px 2px #11183f0a, 0 6px 18px #11183f0d;--overlay:#11183f73;--head:"Poppins", "Segoe UI", system-ui, sans-serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1020;--surface:#131a31;--surface-2:#182041;--ink:#e6e9f5;--muted:#9aa3c2;--line:#232c4d;--primary:#4f7cff;--primary-ink:#fff;--blue:#6aa9ff;--blue-soft:#1a2750;--warn-bg:#2b2410;--warn-line:#4a3d12;--warn-ink:#fcd34d;--warn-btn:#facc15;--ok:#4ade80;--ok-soft:#12301f;--danger:#fb7185;--danger-soft:#3a1420;--pending:#facc15;--pending-soft:#332a0c;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000040;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--head);color:var(--ink);margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.btn{cursor:pointer;font:700 14px/1 var(--head);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;transition:filter .15s,transform .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-outline{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.btn-warn{background:var(--warn-btn);color:#1f1600}.btn-block{width:100%}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:6px;min-width:0;display:grid}.field label{font:600 13px var(--head)}.field label .req{color:var(--danger)}.input,select.input,textarea.input{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 12px}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}textarea.input{resize:vertical;min-height:90px}.error{color:var(--danger);font-size:12.5px;font-weight:600}.hint{color:var(--muted);font-size:12.5px}.page-head{gap:4px;margin-bottom:20px;display:grid}.page-head h1{align-items:center;gap:10px;font-size:22px;font-weight:600;display:flex}.page-head p{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}.card-pad{padding:20px}.badge{font:700 11px/1 var(--head);text-transform:capitalize;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;display:inline-flex}.badge-success,.badge-approved,.badge-closed{background:var(--ok-soft);color:var(--ok)}.badge-pending,.badge-open{background:var(--pending-soft);color:var(--pending)}.badge-failed,.badge-rejected,.badge-not_submitted{background:var(--danger);color:#fff}.ic-tile{border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.t-blue{color:#2563eb;background:#eff6ff}.t-green{color:#16a34a;background:#f0fdf4}.t-cyan{color:#0891b2;background:#ecfeff}.t-yellow{color:#ca8a04;background:#fefce8}.t-indigo{color:#4f46e5;background:#eef2ff}.t-emerald{color:#059669;background:#ecfdf5}.t-rose{color:#e11d48;background:#fff1f2}.t-violet{color:#7c3aed;background:#f5f3ff}:root[data-theme=dark] .ic-tile{filter:saturate(1.2);background-color:var(--surface-2)}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;font:600 12px var(--head);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px}.table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.empty{text-align:center;color:var(--muted);padding:36px 16px}.swal2-popup{font-family:var(--body)!important;border-radius:12px!important}.swal2-title{font-family:var(--head)!important;color:#11183f!important}
