:root{--ink-0:#fff;--ink-50:#f9fafb;--ink-100:#f4f5f8;--ink-150:#eceef3;--ink-200:#e4e7ee;--ink-300:#d4d9e3;--ink-400:#aab2c3;--ink-500:#858ea3;--ink-600:#5f6a83;--ink-700:#4b5675;--ink-800:#333d5c;--ink-900:#252f4a;--ink-950:#151a28;--primary:#4f7fe0;--primary-hover:#3f6bcd;--primary-active:#365dba;--primary-tint:#eef3fd;--primary-tint-2:#dbe6fa;--primary-border:#c4d6f6;--brand-yellow:#ffc72c;--brand-amber:#f6b64d;--brand-amber-2:#f0a400;--brand-amber-3:#c97d00;--brand-amber-4:#7a4a00;--brand-tint:#fff6e2;--color-success:#34b27b;--color-success-tint:#e8f7f0;--color-success-border:#c1e7d5;--color-warning:#f0a63e;--color-warning-tint:#fdf3e3;--color-warning-border:#f8dfb0;--color-error:#e2607a;--color-error-tint:#fcedf0;--color-error-border:#f5cbd4;--color-info:#3f9fd6;--color-info-tint:#e9f4fb;--color-info-border:#c1e2f2;--surface-page:var(--ink-50);--surface-card:var(--ink-0);--surface-sunken:var(--ink-100);--surface-hover:var(--ink-100);--surface-inverse:var(--ink-950);--surface-overlay:#151a2873;--border-subtle:var(--ink-200);--border-default:var(--ink-300);--border-strong:var(--ink-400);--text-primary:var(--ink-900);--text-secondary:var(--ink-700);--text-tertiary:var(--ink-500);--text-disabled:var(--ink-400);--text-inverse:var(--ink-0);--text-link:var(--primary);--focus-ring:var(--primary);--action-primary-bg:var(--primary);--action-primary-bg-hover:var(--primary-hover);--action-primary-text:#fff;--action-accent-bg:var(--brand-amber);--action-accent-bg-hover:#eda52f;--action-accent-text:var(--ink-950);--sidebar-bg:var(--ink-0);--sidebar-fg:var(--ink-700);--sidebar-fg-muted:var(--ink-500);--sidebar-active-bg:var(--primary-tint);--sidebar-active-fg:var(--primary);--sidebar-hover-bg:var(--ink-100);--sidebar-border:var(--ink-200);--sidebar-section:var(--ink-400)}[data-theme=dark]{--surface-page:#0f111a;--surface-card:#1b1e2b;--surface-sunken:#171a26;--surface-hover:#232636;--surface-inverse:#e7e9ef;--surface-overlay:#06080e99;--border-subtle:#2a2e3e;--border-default:#343a4d;--border-strong:#454c63;--text-primary:#e8eaf1;--text-secondary:#b3b9c9;--text-tertiary:#828a9e;--text-disabled:#5b6276;--text-inverse:#151a28;--text-link:#7aa2ef;--primary-tint:#1e2740;--primary-tint-2:#25325a;--primary-border:#33436e;--color-success-tint:#12281f;--color-success-border:#204536;--color-warning-tint:#2c2113;--color-warning-border:#4a3a1c;--color-error-tint:#2c1820;--color-error-border:#4a2a34;--color-info-tint:#122430;--color-info-border:#204152;--brand-tint:#2c2410;--sidebar-bg:#131722;--sidebar-fg:#b3b9c9;--sidebar-fg-muted:#727a8f;--sidebar-active-bg:#1e2740;--sidebar-active-fg:#7aa2ef;--sidebar-hover-bg:#1c202e;--sidebar-border:#242838;--sidebar-section:#5b6276}:root{--accent:var(--primary);--accent-tint:var(--primary-tint)}[data-module=procurement]{--accent:#4f7fe0;--accent-tint:#eef3fd}[data-module=inventory]{--accent:#2fae9c;--accent-tint:#e6f6f3}[data-module=sales]{--accent:#34b27b;--accent-tint:#e8f7f0}[data-module=accounting]{--accent:#6b6fe0;--accent-tint:#eeeefc}[data-module=finance]{--accent:#2fa27a;--accent-tint:#e6f4ef}[data-module=fixed-asset]{--accent:#3f9fd6;--accent-tint:#e9f4fb}[data-module=bank]{--accent:#8a6fe0;--accent-tint:#f0ecfc}[data-module=subcontractor]{--accent:#d98a4a;--accent-tint:#fbf0e5}[data-module=budget]{--accent:#e08a4f;--accent-tint:#fcf1e8}[data-module=lc]{--accent:#d96c8a;--accent-tint:#fcecf1}[data-module=ipc]{--accent:#4aa8e0;--accent-tint:#e9f5fc}[data-module=manufacturing]{--accent:#5f7bb0;--accent-tint:#eef1f7}[data-module=hris]{--accent:#9b5fd0;--accent-tint:#f3ecfb}[data-module=payroll]{--accent:#d96f9e;--accent-tint:#fcecf3}[data-module=portal]{--accent:#4f9e7a;--accent-tint:#eaf5f0}[data-module=dashboard]{--accent:#4f7fe0;--accent-tint:#eef3fd}[data-module=master]{--accent:#6b7385;--accent-tint:#eef0f3}[data-module=emd]{--accent:#c98a3f;--accent-tint:#faf1e5}[data-module=planning]{--accent:#4f86c0;--accent-tint:#ecf2f8}[data-module=vms]{--accent:#3fa6a0;--accent-tint:#e7f5f4}[data-module=document-portal]{--accent:#7a86a8;--accent-tint:#eef0f5}:root{--font-sans:"Inter",-apple-system,"Segoe UI",sans-serif;--font-mono:"Fira Code","SF Mono",Consolas,monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:34px;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.55;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.01em;--tracking-wide:.03em;--tracking-wider:.06em}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);-webkit-font-smoothing:antialiased}code,pre,.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}:root{--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:64px;--radius-xs:5px;--radius-sm:7px;--radius-md:9px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-xs:0 1px 2px #252f4a0d;--shadow-sm:0 2px 6px #252f4a0f,0 1px 2px #252f4a0a;--shadow-md:0 6px 18px #252f4a14,0 2px 5px #252f4a0d;--shadow-lg:0 16px 40px #252f4a1f,0 4px 10px #252f4a0f;--control-height-sm:28px;--control-height-md:34px;--control-height-lg:40px;--ease-standard:cubic-bezier(.2,0,.2,1);--duration-fast:.12s;--duration-base:.18s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface-page);font-family:var(--font-sans,Inter, system-ui, sans-serif);margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{font:inherit;color:inherit}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--surface-card)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.nav:hover{color:#fff;background:#ffffff0f}.row:hover{background:var(--primary-tint)}.kpi:hover{border-color:var(--primary-border)}.lnk:hover{text-decoration:underline}.cardbtn:hover{background:var(--surface-hover)}.sortable:hover{color:var(--primary)!important}.pop{animation:.12s cubic-bezier(.2,0,.2,1) pop}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.slide-in{animation:.18s cubic-bezier(.2,0,.2,1) slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-300);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--ink-150) 37%,var(--surface-sunken) 63%);border-radius:var(--radius-xs);background-size:400% 100%;animation:1.2s infinite skeleton-shimmer}.formnav{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex:none;width:clamp(170px,14vw,230px);padding:10px;position:sticky;top:0}.formnav a:hover{background:var(--surface-hover);color:var(--text-primary)}@media (max-width:1100px){.formnav{display:none}}input:disabled,select:disabled,textarea:disabled{background:var(--surface-sunken);color:var(--text-tertiary);border-color:var(--border-subtle);cursor:not-allowed}input:read-only:not([type=date]){background:var(--surface-sunken);color:var(--text-secondary)}input:hover:not(:disabled):not(:read-only),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}
:root{--primary:#0052cc;--primary-hover:#0747a6;--primary-active:#05389b;--primary-border:#0052cc}body{background:var(--surface-page);margin:0}body:before{content:"";z-index:0;pointer-events:none;opacity:.375;background:url(/assets/bg-crackle.png) 0 0/1200px;position:fixed;inset:0}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}input,select,textarea{background:var(--surface-card);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--primary-tint-2)}[data-board]{scrollbar-width:none}[data-board]::-webkit-scrollbar{display:none}.h-text:hover{color:var(--text-primary)!important}.h-bg:hover{background:var(--surface-hover)!important}.h-link:hover{text-decoration:underline}.h-secondary:hover{color:var(--text-secondary)!important}.h-add:hover{background:var(--surface-hover)!important;border-color:var(--accent)!important;color:var(--accent)!important}.iconbox{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.iconbox:hover{background:var(--surface-hover)}.iconbox:disabled{cursor:not-allowed;opacity:.5}.clamp{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}