:root{--brand:#6f00ff;--brand-hover:#5800cc;--brand-deep:#4a00a8;--brand-soft:#8a3fff;--brand-tint:#f5efff;--brand-tint-strong:#ebddff;--brand-grad:linear-gradient(135deg, #8a3fff 0%, #6f00ff 60%, #4a00a8 100%);--canvas:#fafafa;--surface:#fff;--surface-2:#f5f6f7;--surface-3:#eff0f2;--border:#ecedee;--border-strong:#dddfe1;--ink-1:#1f2328;--ink-2:#4b5563;--ink-3:#6b7280;--ink-4:#9ca3af;--ink-disabled:#c9cdd2;--green-bg:#dcfce7;--green-fg:#166534;--green-dot:#16a34a;--amber-bg:#fef3c7;--amber-fg:#92400e;--amber-dot:#d97706;--red-bg:#fee2e2;--red-fg:#991b1b;--red-dot:#dc2626;--blue-bg:#dbeafe;--blue-fg:#1e40af;--blue-dot:#2563eb;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-md:0 2px 4px #0f172a0a, 0 4px 12px #0f172a14;--shadow-lg:0 8px 24px #0f172a1a, 0 4px 8px #0f172a0a;--shadow-brand:0 1px 2px #6f00ff1a, 0 4px 12px #6f00ff2e;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--r-pill:999px;--t-fast:.12s ease;--t-std:.2s ease}[data-theme=dark],[data-theme=auto]{--canvas:#0e1116;--surface:#16191f;--surface-2:#1c1f26;--surface-3:#232730;--border:#2a2f38;--border-strong:#3a4151;--ink-1:#e8eaee;--ink-2:#c2c7cf;--ink-3:#8b919c;--ink-4:#5f6470;--ink-disabled:#3a4151;--brand-tint:#1f1430;--brand-tint-strong:#2a1a47;--green-bg:#0e2b1a;--amber-bg:#2b1f0a;--red-bg:#2b1212;--blue-bg:#0f1e33;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059}@media (prefers-color-scheme:light){[data-theme=auto]{--canvas:#fafafa;--surface:#fff;--surface-2:#f5f6f7;--surface-3:#eff0f2;--border:#ecedee;--border-strong:#dddfe1;--ink-1:#1f2328;--ink-2:#4b5563;--ink-3:#6b7280;--ink-4:#9ca3af;--brand-tint:#f5efff;--brand-tint-strong:#ebddff;--green-bg:#dcfce7;--amber-bg:#fef3c7;--red-bg:#fee2e2;--blue-bg:#dbeafe}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink-1);background:var(--canvas);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--canvas);border-radius:10px}
[data-role=biller]{--brand:#0f766e;--brand-hover:#0d5f58;--brand-deep:#0d9488;--brand-soft:#14b8a6;--brand-tint:#ecfdf5;--brand-tint-strong:#d1fae5;--brand-grad:linear-gradient(135deg, #14b8a6 0%, #0f766e 60%, #0d5f58 100%);--shadow-brand:0 1px 2px #0f766e1a, 0 4px 12px #0f766e2e}[data-role=steward]{--brand:#2868b0;--brand-hover:#1e4f88;--brand-deep:#163a66;--brand-soft:#2098d0;--brand-tint:#e8f1fb;--brand-tint-strong:#c9e0f3;--brand-grad:linear-gradient(135deg, #2098d0 0%, #2868b0 60%, #163a66 100%);--shadow-brand:0 1px 2px #2868b01a, 0 4px 12px #2868b02e}[data-role=manufacturer]{--brand:#475569;--brand-hover:#334155;--brand-deep:#1e293b;--brand-soft:#64748b;--brand-tint:#f1f5f9;--brand-tint-strong:#e2e8f0;--brand-grad:linear-gradient(135deg, #64748b 0%, #475569 60%, #1e293b 100%);--shadow-brand:0 1px 2px #4755691a, 0 4px 12px #4755692e}[data-role=admin]{--brand:#3b0764;--brand-hover:#2d0250;--brand-deep:#1f0035;--brand-soft:#6f00ff;--brand-tint:#f5efff;--brand-tint-strong:#ebddff;--brand-grad:linear-gradient(135deg, #6f00ff 0%, #3b0764 60%, #1f0035 100%);--shadow-brand:0 1px 2px #3b07641a, 0 4px 12px #3b07642e}[data-role=auditor]{--brand:#525252;--brand-hover:#404040;--brand-deep:#262626;--brand-soft:#737373;--brand-tint:#f5f5f5;--brand-tint-strong:#e5e5e5;--brand-grad:linear-gradient(135deg, #737373 0%, #525252 60%, #262626 100%);--shadow-brand:0 1px 2px #5252521a, 0 4px 12px #5252522e;--accent:#92400e;--accent-bg:#fef3c7}[data-role=council]{--brand:#d4a017;--brand-hover:#b8860b;--brand-deep:#92741a;--brand-soft:#eab308;--brand-tint:#fef9e7;--brand-tint-strong:#fef3c7;--brand-grad:linear-gradient(135deg, #eab308 0%, #d4a017 60%, #92741a 100%);--shadow-brand:0 1px 2px #d4a0171a, 0 4px 12px #d4a0172e}