:root{--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-light:#ecfdf5;--color-primary-dark:#047857;--color-primary-rgb:16, 185, 129;--color-bg-gradient-start:#ecfdf5;--color-bg-gradient-end:#d1fae5;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-page-bg:#f1f5f9;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#dc262633;--color-error-rgb:220, 38, 38;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-success-border:#16a34a33;--color-success-rgb:22, 163, 74;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#d9770640;--color-warning-rgb:217, 119, 6;--color-neutral:#64748b;--color-neutral-bg:#f1f5f9;--color-neutral-border:#64748b33;--color-info:#2563eb;--color-info-hover:#1d4ed8;--color-info-dark:#1e40af;--color-info-light:#eff6ff;--color-info-bg:#eff6ff;--color-info-border:#2563eb33;--color-info-rgb:37, 99, 235;--color-chrome-bg:#0b1220;--color-chrome-bg-raised:#111c33;--color-chrome-border:#ffffff12;--color-chrome-text:#e2e8f0;--color-chrome-text-muted:#7c8aa5;--color-chrome-hover-bg:#ffffff0d;--color-chrome-active-bg:#10b98129;--color-chrome-active-text:#34d399;--color-chip-bg:#0f172a;--color-chip-text:#fff;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-3xs:10px;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-h6:16px;--font-size-h5:18px;--font-size-h4:20px;--font-size-lg:22px;--font-size-h2:24px;--font-size-h1:28px;--font-size-display-sm:32px;--font-size-display:40px;--font-size-display-lg:48px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-2xs:4px;--radius-xs:6px;--radius-sm:8px;--radius-base:10px;--radius-md:12px;--radius-14:14px;--radius-16:16px;--radius-18:18px;--radius-lg:20px;--radius-24:24px;--radius-full:999px;--radius-modal:14px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 6px #0f172a12, 0 10px 15px #0f172a14;--shadow-lg:0 20px 40px #0f172a2e;--shadow-modal:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-base:.25s ease;--sidebar-width:320px;--header-height:64px;--panel-width:520px;--popup-gutter:12px;--popup-shadow-rgb:15, 23, 42;--scrollbar-thumb:#64748b59;--scrollbar-thumb-hover:#64748b99;--color-text-secondary:var(--color-text-muted);--text-muted:var(--color-text-muted);--color-text-main:var(--color-text);--color-text-title:var(--color-text);--color-heading:var(--color-text);--color-bg:var(--color-surface);--color-background:var(--color-surface);--color-bg-muted:var(--color-surface-muted);--color-bg-alt:var(--color-surface-muted);--color-bg-hover:var(--color-surface-muted);--color-surface-subtle:var(--color-surface-muted);--color-border-light:var(--color-border);--color-on-primary:var(--color-text-inverse);--color-secondary:var(--color-text-muted);--color-danger:var(--color-error);--color-error-hover:#b91c1c;--color-warning-text:var(--color-warning);--color-warning-light:var(--color-warning-bg);--transition-normal:var(--transition-base);--font-family-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, Menlo, monospace}html[data-theme=emerald]{--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-light:#ecfdf5;--color-primary-dark:#047857;--color-primary-rgb:16, 185, 129;--color-bg-gradient-start:#ecfdf5;--color-bg-gradient-end:#d1fae5;--color-chrome-active-bg:#10b98129;--color-chrome-active-text:#34d399;--color-info:#2563eb;--color-info-hover:#1d4ed8;--color-info-dark:#1e40af;--color-info-light:#eff6ff;--color-info-bg:#eff6ff;--color-info-border:#2563eb33;--color-info-rgb:37, 99, 235}html[data-theme=ocean]{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-dark:#1e40af;--color-primary-rgb:37, 99, 235;--color-bg-gradient-start:#eff6ff;--color-bg-gradient-end:#dbeafe;--color-chrome-active-bg:#2563eb2e;--color-chrome-active-text:#60a5fa}html[data-theme=violet]{--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-light:#f5f3ff;--color-primary-dark:#5b21b6;--color-primary-rgb:124, 58, 237;--color-bg-gradient-start:#f5f3ff;--color-bg-gradient-end:#ede9fe;--color-chrome-active-bg:#7c3aed2e;--color-chrome-active-text:#a78bfa}html[data-theme=sunset]{--color-primary:#f59e0b;--color-primary-hover:#d97706;--color-primary-light:#fffbeb;--color-primary-dark:#b45309;--color-primary-rgb:245, 158, 11;--color-bg-gradient-start:#fffbeb;--color-bg-gradient-end:#fef3c7;--color-chrome-active-bg:#f59e0b33;--color-chrome-active-text:#fbbf24}html[data-theme=cloud]{--color-primary:#0284c7;--color-primary-hover:#0369a1;--color-primary-light:#f0f9ff;--color-primary-dark:#075985;--color-primary-rgb:2, 132, 199;--color-bg-gradient-start:#f0f9ff;--color-bg-gradient-end:#e0f2fe;--color-chrome-bg:#f8fafc;--color-chrome-bg-raised:#f1f5f9;--color-chrome-border:#e2e8f0;--color-chrome-text:#1e293b;--color-chrome-text-muted:#64748b;--color-chrome-hover-bg:#f1f5f9;--color-chrome-active-bg:#e0f2fe;--color-chrome-active-text:#0284c7;--color-chip-bg:#e2e8f0;--color-chip-text:#0f172a}html[data-theme=midnight]{--color-primary:#22d3ee;--color-primary-hover:#06b6d4;--color-primary-light:#083344;--color-primary-dark:#0e7490;--color-primary-rgb:34, 211, 238;--color-bg-gradient-start:#0f172a;--color-bg-gradient-end:#1e293b;--color-surface:#111827;--color-surface-muted:#1a2333;--color-page-bg:#0b1220;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--color-border:#263244;--popup-shadow-rgb:0, 0, 0;--scrollbar-thumb:#94a3b84d;--scrollbar-thumb-hover:#94a3b88c;--color-error:#f87171;--color-error-bg:#dc262624;--color-error-rgb:248, 113, 113;--color-success:#4ade80;--color-success-bg:#16a34a24;--color-success-rgb:74, 222, 128;--color-warning:#fbbf24;--color-warning-bg:#d9770629;--color-warning-rgb:251, 191, 36;--color-neutral:#94a3b8;--color-neutral-bg:#64748b29;--color-info:#60a5fa;--color-info-hover:#3b82f6;--color-info-dark:#93c5fd;--color-info-light:#2563eb24;--color-info-bg:#2563eb24;--color-info-border:#2563eb40;--color-info-rgb:96, 165, 250;--color-chrome-bg:#05070d;--color-chrome-bg-raised:#0c1526;--color-chrome-active-bg:#22d3ee2e;--color-chrome-active-text:#67e8f9}.erp-grid-container{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.erp-grid-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.erp-grid-table{border-collapse:collapse;width:100%;font-size:var(--font-size-base);color:var(--color-text);text-align:left}.erp-grid-table thead tr{background-color:var(--color-surface-muted);border-bottom:2px solid var(--color-border)}.erp-grid-table th{font-weight:600;font-size:var(--font-size-xs,12px);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);white-space:nowrap;padding:12px 16px}.erp-grid-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;transition:background-color var(--transition-fast);padding:12px 16px}.erp-grid-table tbody tr{transition:background-color var(--transition-fast)}.erp-grid-table tbody tr:hover{background-color:var(--color-primary-light)}.erp-grid-table tbody tr:last-child td{border-bottom:none}.erp-grid-chip{border-radius:var(--radius-sm);background:var(--color-chip-bg);color:var(--color-chip-text);font-family:var(--font-family-mono,monospace);font-size:var(--font-size-2xs,11px);letter-spacing:.03em;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.gm-table-wrapper,.erp-grid-wrapper,.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md,10px);background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);width:100%;box-shadow:var(--shadow-sm,0 1px 3px #0000000d);margin-bottom:20px;overflow-x:auto}.gm-table,.erp-grid-table{border-collapse:collapse;width:100%;font-size:var(--font-size-base,13.5px);text-align:left}.gm-table th,.erp-grid-table th{background-color:var(--color-surface-muted,#f8fafc);color:var(--color-text-muted,#64748b);font-weight:600;font-size:var(--font-size-xs,12px);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border,#e2e8f0);white-space:nowrap;padding:12px 16px}.gm-table td,.erp-grid-table td{border-bottom:1px solid var(--color-border,#f1f5f9);color:var(--color-text,#1e293b);vertical-align:middle;padding:12px 16px}.gm-table tbody tr:hover,.erp-grid-table tbody tr:hover{background-color:var(--color-primary-light,#f8fafc)}.gm-modal-overlay,.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background-color:#0f172a8c;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.gm-modal,.modal-dialog,.modal-content{background:var(--color-surface,#fff);border-radius:var(--radius-modal,14px);box-shadow:var(--shadow-modal,0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a);border:1px solid var(--color-border,#e2e8f0);box-sizing:border-box;width:100%;max-width:720px;max-height:90vh;padding:24px;overflow-y:auto}.gm-code-badge{font-family:var(--font-family-mono,monospace);font-size:var(--font-size-xs,12px);background-color:var(--color-surface-muted,#f1f5f9);color:var(--color-text,#334155);border-radius:var(--radius-xs,6px);border:1px solid var(--color-border,#cbd5e1);padding:3px 8px;font-weight:600;display:inline-block}.gm-status-pill{border-radius:var(--radius-lg,20px);font-size:var(--font-size-xs,12px);align-items:center;gap:4px;padding:3px 10px;font-weight:600;line-height:1.3;display:inline-flex}.gm-form-group{margin-bottom:16px}.gm-form-group label{font-size:var(--font-size-sm,13px);color:var(--color-text,#334155);margin-bottom:6px;font-weight:600;display:block}.gm-form-group input[type=text],.gm-form-group input[type=number],.gm-form-group input[type=email],.gm-form-group input[type=date],.gm-form-group select,.gm-form-group textarea{box-sizing:border-box;border-radius:var(--radius-sm,8px);border:1.5px solid var(--color-border,#cbd5e1);width:100%;height:40px;font-size:var(--font-size-base,13.5px);color:var(--color-text,#0f172a);background-color:var(--color-surface,#fff);outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.gm-form-group textarea{height:auto;padding:10px 12px}.gm-form-group input:focus,.gm-form-group select:focus,.gm-form-group textarea:focus{border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 3px #4f46e51f}.gm-alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.gm-alert-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.gm-loading{padding:var(--space-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-base)}.gm-btn-secondary{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);padding:9px 16px;font-weight:600}.gm-btn-secondary:hover:not(:disabled){background:var(--color-surface-muted)}.gm-btn-danger{border-radius:var(--radius-sm);background:var(--color-error);color:var(--color-text-inverse);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);border:none;padding:9px 16px;font-weight:600}.gm-btn-danger:hover:not(:disabled){background:#b91c1c}.gm-checkbox-label{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text);display:inline-flex}.gm-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}@media (width<=768px){.gm-modal,.modal-dialog{border-radius:var(--radius-base,10px);margin:4px;width:96vw!important;max-width:96vw!important;padding:16px!important}.gm-toolbar{flex-direction:column;align-items:stretch;gap:12px}}.btn{font-family:inherit;font-size:var(--font-size-base,.875rem);border-radius:var(--radius-sm,8px);cursor:pointer;transition:all var(--transition-fast,.15s ease);-webkit-user-select:none;user-select:none;white-space:nowrap;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 6px rgba(var(--color-primary-rgb), .25);color:#fff!important}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 10px rgba(var(--color-primary-rgb), .35)}.btn-secondary{background:var(--color-surface-muted,#f8fafc);border-color:var(--color-border,#cbd5e1);color:var(--color-text,#0f172a)!important}.btn-secondary:hover:not(:disabled){background:var(--color-border,#cbd5e1);color:var(--color-text,#0f172a)!important}.btn-danger{background:var(--color-error);border-color:var(--color-error);color:#fff!important}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:#fff!important}.btn-success:hover:not(:disabled){filter:brightness(.92)}.btn-warning{background:var(--color-warning);border-color:var(--color-warning);color:#fff!important}.btn-warning:hover:not(:disabled){filter:brightness(.92)}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000;color:var(--color-text)!important}.btn-ghost:hover:not(:disabled){background:var(--color-surface-muted)}.btn-sm{font-size:var(--font-size-xs,.78rem);border-radius:var(--radius-xs,6px);padding:5px 12px}.form-group{margin-bottom:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.form-input,.form-select,.form-control{box-sizing:border-box;border-radius:var(--radius-sm,8px);border:1.5px solid var(--color-border,#cbd5e1);width:100%;font-size:var(--font-size-base,.875rem);color:var(--color-text,#0f172a);background-color:var(--color-surface,#fff);transition:all var(--transition-fast,.15s ease);outline:none;padding:9px 14px}.form-input:focus,.form-select:focus,.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b98126}.text-muted,.text-secondary{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-error)}.text-amber,.text-warning{color:var(--color-warning)}.text-center{text-align:center}.fw-bold,.font-bold,.font-weight-bold{font-weight:700}.fw-semibold,.font-semibold{font-weight:600}.small{font-size:var(--font-size-xs,12px)}@media print{.no-print{display:none!important}.only-print{display:block!important}}.only-print{display:none}.erp-tabs-container{background:var(--color-surface-muted,#f1f5f9);border-radius:var(--radius-md,10px);border:1px solid var(--color-border,#e2e8f0);margin-bottom:var(--space-md,16px);scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;align-items:center;gap:4px;padding:4px;display:flex;overflow-x:auto}.erp-tabs-container::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.erp-tabs-container.erp-tabs-underline{border:none;border-bottom:2px solid var(--color-border,#e2e8f0);background:0 0;border-radius:0;gap:16px;padding:0}.erp-tab-btn{border-radius:var(--radius-sm,7px);color:var(--color-text-muted,#64748b);font-family:inherit;font-size:var(--font-size-sm,.825rem);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.erp-tab-btn:hover{color:var(--color-text,#1e293b);background:var(--color-surface,#ffffffb3)}.erp-tab-btn.active{background:var(--color-surface,#fff);color:var(--color-primary,#10b981);border-color:var(--color-border,#cbd5e1);font-weight:700;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.erp-tabs-underline .erp-tab-btn{border-bottom:2px solid #0000;border-radius:0;margin-bottom:-2px;padding:10px 12px}.erp-tabs-underline .erp-tab-btn.active{color:var(--color-primary,#10b981);border-color:#0000;border-bottom-color:var(--color-primary,#10b981);box-shadow:none;background:0 0}.erp-tabs-sm .erp-tab-btn{font-size:var(--font-size-xs,.76rem);gap:4px;padding:5px 10px}.erp-tabs-lg .erp-tab-btn{font-size:var(--font-size-base,.875rem);gap:8px;padding:9px 18px}.erp-tab-icon{font-size:var(--font-size-md,.95rem);align-items:center;line-height:1;display:flex}.erp-tab-badge{font-size:var(--font-size-2xs,.7rem);border-radius:var(--radius-full,999px);background:var(--color-primary-light,#ecfdf5);color:var(--color-primary,#10b981);justify-content:center;align-items:center;padding:1px 6px;font-weight:700;transition:all .18s;display:inline-flex}.erp-tab-btn.active .erp-tab-badge{background:var(--color-primary,#10b981);color:#fff}.companies-tabs-header,.client-tabs-bar,.myinfo-tabs-nav,.audit-tabs-header,.settings-tabs-header,.statutory-tabs-bar,.req-tabs-header,.ats-nav-tabs,.pms-main-tabs,.biometric-tab-group,.ot-tab-group,.hrms-tabs-bar{background:var(--color-surface-muted,#f1f5f9);border-radius:var(--radius-md,10px);border:1px solid var(--color-border,#e2e8f0);margin-bottom:var(--space-md,16px);scrollbar-width:none;box-sizing:border-box;align-items:center;gap:4px;padding:4px;display:flex;overflow-x:auto}.companies-tab-pill,.client-tab-pill,.myinfo-tab-btn,.audit-tab-btn,.settings-tab-btn,.statutory-tab-pill,.req-tab-btn,.ats-nav-tab,.pms-tab,.biometric-tab-btn,.ot-tab-btn,.hrms-tab-btn{border-radius:var(--radius-sm,7px);color:var(--color-text-muted,#64748b);font-family:inherit;font-size:var(--font-size-sm,.8125rem);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.companies-tab-pill:hover,.client-tab-pill:hover,.myinfo-tab-btn:hover,.audit-tab-btn:hover,.settings-tab-btn:hover,.statutory-tab-pill:hover,.req-tab-btn:hover,.ats-nav-tab:hover,.pms-tab:hover,.biometric-tab-btn:hover,.ot-tab-btn:hover,.hrms-tab-btn:hover{color:var(--color-text,#1e293b);background:var(--color-surface,#ffffffb3)}.companies-tab-pill.active,.client-tab-pill.active,.myinfo-tab-btn.is-active,.myinfo-tab-btn.active,.audit-tab-btn.active,.settings-tab-btn.active,.statutory-tab-pill.active,.req-tab-btn.active,.ats-nav-tab.active,.pms-tab.active,.biometric-tab-btn.active,.ot-tab-btn.active,.hrms-tab-btn.active{background:var(--color-surface,#fff);color:var(--color-primary,#10b981);border-color:var(--color-border,#cbd5e1);font-weight:700;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.companies-tab-icon,.client-tab-icon,.myinfo-tab-icon,.audit-tab-icon,.settings-tab-icon{font-size:var(--font-size-md,.95rem);line-height:1}.ui-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-md);background:#0f172a99;justify-content:center;align-items:center;animation:.15s ease-out ui-fade-in;display:flex;position:fixed;inset:0}.ui-modal{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-modal,14px);box-shadow:var(--shadow-modal);flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.16s cubic-bezier(.16,1,.3,1) ui-pop-in;display:flex;overflow:hidden}.ui-modal.ui-modal-md{max-width:720px}.ui-modal.ui-modal-lg{max-width:900px}.ui-modal.ui-modal-sm{max-width:460px}.ui-modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.ui-modal-head h2,.ui-modal-head h3{font-size:var(--font-size-h5,18px);color:var(--color-text);margin:0;font-weight:800}.ui-modal-head p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:4px 0 0}.ui-modal-close{border:1px solid var(--color-border);background:var(--color-surface-muted);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.ui-modal-close:hover{background:var(--color-error-bg);color:var(--color-error)}.ui-modal-body{padding:var(--space-lg);flex:1;overflow-y:auto}.ui-modal-foot{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex}.ui-alert{align-items:flex-start;gap:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);font-size:var(--font-size-sm);padding:10px 14px;font-weight:600;line-height:1.45;display:flex}.ui-alert-icon{flex-shrink:0}.ui-alert-body{min-width:0}.ui-alert-title{font-weight:800}.ui-alert-title+.ui-alert-text{margin-top:2px;font-weight:500}.ui-alert-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.ui-alert-error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.ui-alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.ui-alert-info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-dark)}.ui-toast-viewport{top:calc(var(--header-height,64px) + 12px);z-index:1100;gap:var(--space-sm);pointer-events:none;flex-direction:column;max-width:min(380px,100vw - 32px);display:flex;position:fixed;right:16px}.ui-toast{pointer-events:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);align-items:flex-start;gap:10px;padding:12px 14px;font-weight:600;animation:.22s cubic-bezier(.16,1,.3,1) ui-toast-in;display:flex}.ui-toast-icon{flex-shrink:0;font-size:1rem;line-height:1.3}.ui-toast-msg{flex:1;min-width:0;line-height:1.4}.ui-toast-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:14px;line-height:1}.ui-toast-close:hover{color:var(--color-text)}.ui-toast-success{border-left:3px solid var(--color-success)}.ui-toast-error{border-left:3px solid var(--color-error)}.ui-toast-warning{border-left:3px solid var(--color-warning)}.ui-toast-info{border-left:3px solid var(--color-info)}.ui-toast-exiting{animation:.16s ease-in forwards ui-toast-out}.ui-field{flex-direction:column;gap:5px;min-width:0;display:flex}.ui-field-label{font-size:var(--font-size-3xs,10px);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:800}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.ui-card-title{margin:0 0 var(--space-md);font-size:var(--font-size-base);color:var(--color-text);justify-content:space-between;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-weight:800;display:flex}.ui-page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.ui-page-head h1{font-size:var(--font-size-h4,20px);color:var(--color-text);margin:0;font-weight:800}.ui-page-head p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:4px 0 0}.ui-empty{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--color-text-muted)}.ui-empty-icon{margin-bottom:var(--space-sm);opacity:.7;font-size:2rem}.ui-empty h3{font-size:var(--font-size-base);color:var(--color-text);margin:0 0 4px;font-weight:700}.ui-empty p{font-size:var(--font-size-sm);margin:0}.ui-badge{border-radius:var(--radius-full);font-size:var(--font-size-2xs,11px);border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);align-items:center;gap:4px;padding:2px 9px;font-weight:700;display:inline-flex}.ui-badge-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.ui-badge-error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.ui-badge-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.ui-badge-info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-dark)}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes ui-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes ui-toast-out{to{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.ui-modal-overlay,.ui-modal,.ui-toast{animation:none}}.help-dot{border-radius:var(--radius-full,9999px);border:1px solid var(--color-border);background:var(--color-surface-muted);width:20px;height:20px;color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-2xs,.72rem);cursor:pointer;vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.help-dot:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.help-dot:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-header-title .app-header-help{margin-left:.5rem;transform:translateY(-2px)}html body :is(.ui-modal-overlay,.gm-modal-overlay,.modal-overlay,.modal-backdrop,.taxslabs-modal-overlay,.sites-modal-overlay,.sep-modal-overlay,.roles-modal-overlay,.pms-modal-backdrop,.pc-modal-backdrop,.ot-modal-backdrop,.myp-modal-overlay,.invoice-modal-overlay,.idcard-backdrop,.ht-modal-backdrop,.fnf-disburse-modal-overlay,.fb-modal-overlay,.emp-credentials-overlay,.cp-modal-backdrop,.biometric-modal-backdrop,.ats-modal-overlay,.ats-modal-backdrop){width:auto;height:auto;padding:var(--popup-gutter);box-sizing:border-box;overscroll-behavior:contain;position:fixed;inset:0;overflow:hidden}html body :is(.ui-modal-overlay,.gm-modal-overlay,.modal-overlay,.modal-backdrop,.taxslabs-modal-overlay,.sites-modal-overlay,.sep-modal-overlay,.roles-modal-overlay,.pms-modal-backdrop,.pc-modal-backdrop,.ot-modal-backdrop,.myp-modal-overlay,.invoice-modal-overlay,.idcard-backdrop,.ht-modal-backdrop,.fnf-disburse-modal-overlay,.fb-modal-overlay,.emp-credentials-overlay,.cp-modal-backdrop,.biometric-modal-backdrop,.ats-modal-overlay,.ats-modal-backdrop)>:not(.slide-panel){max-height:calc(100dvh - 2 * var(--popup-gutter));overscroll-behavior:contain;overflow-y:auto}:where(html body :is(.ui-modal-overlay,.gm-modal-overlay,.modal-overlay,.modal-backdrop,.taxslabs-modal-overlay,.sites-modal-overlay,.sep-modal-overlay,.roles-modal-overlay,.pms-modal-backdrop,.pc-modal-backdrop,.ot-modal-backdrop,.myp-modal-overlay,.invoice-modal-overlay,.idcard-backdrop,.ht-modal-backdrop,.fnf-disburse-modal-overlay,.fb-modal-overlay,.emp-credentials-overlay,.cp-modal-backdrop,.biometric-modal-backdrop,.ats-modal-overlay,.ats-modal-backdrop)>:not(.slide-panel)){max-width:calc(100vw - 2 * var(--popup-gutter))}html body :is(.ui-modal,.gm-modal,.modal-dialog-box,.ats-modal,.sep-initiate-modal)>form{flex-direction:column;flex:auto;min-height:0;display:flex}html body :is(.ui-modal-overlay,.gm-modal-overlay,.modal-overlay,.modal-backdrop,.taxslabs-modal-overlay,.sites-modal-overlay,.sep-modal-overlay,.roles-modal-overlay,.pms-modal-backdrop,.pc-modal-backdrop,.ot-modal-backdrop,.myp-modal-overlay,.invoice-modal-overlay,.idcard-backdrop,.ht-modal-backdrop,.fnf-disburse-modal-overlay,.fb-modal-overlay,.emp-credentials-overlay,.cp-modal-backdrop,.biometric-modal-backdrop,.ats-modal-overlay,.ats-modal-backdrop,.slide-panel-overlay) *{scrollbar-width:none;-ms-overflow-style:none}html body :is(.ui-modal-overlay,.gm-modal-overlay,.modal-overlay,.modal-backdrop,.taxslabs-modal-overlay,.sites-modal-overlay,.sep-modal-overlay,.roles-modal-overlay,.pms-modal-backdrop,.pc-modal-backdrop,.ot-modal-backdrop,.myp-modal-overlay,.invoice-modal-overlay,.idcard-backdrop,.ht-modal-backdrop,.fnf-disburse-modal-overlay,.fb-modal-overlay,.emp-credentials-overlay,.cp-modal-backdrop,.biometric-modal-backdrop,.ats-modal-overlay,.ats-modal-backdrop,.slide-panel-overlay) ::-webkit-scrollbar{display:none}html body :is(.ui-modal-overlay,.gm-modal-overlay,.modal-overlay,.modal-backdrop,.taxslabs-modal-overlay,.sites-modal-overlay,.sep-modal-overlay,.roles-modal-overlay,.pms-modal-backdrop,.pc-modal-backdrop,.ot-modal-backdrop,.myp-modal-overlay,.invoice-modal-overlay,.idcard-backdrop,.ht-modal-backdrop,.fnf-disburse-modal-overlay,.fb-modal-overlay,.emp-credentials-overlay,.cp-modal-backdrop,.biometric-modal-backdrop,.ats-modal-overlay,.ats-modal-backdrop,.slide-panel-overlay) :is(.erp-grid-wrapper,.table-responsive,[class*=table-wrap],[class*=table-scroll],[class*=scroll-x]){scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}html body :is(.ui-modal-overlay,.gm-modal-overlay,.modal-overlay,.modal-backdrop,.taxslabs-modal-overlay,.sites-modal-overlay,.sep-modal-overlay,.roles-modal-overlay,.pms-modal-backdrop,.pc-modal-backdrop,.ot-modal-backdrop,.myp-modal-overlay,.invoice-modal-overlay,.idcard-backdrop,.ht-modal-backdrop,.fnf-disburse-modal-overlay,.fb-modal-overlay,.emp-credentials-overlay,.cp-modal-backdrop,.biometric-modal-backdrop,.ats-modal-overlay,.ats-modal-backdrop,.slide-panel-overlay) :is(.erp-grid-wrapper,.table-responsive,[class*=table-wrap],[class*=table-scroll],[class*=scroll-x])::-webkit-scrollbar{height:6px;display:block}.slide-panel-body,.ui-modal-body{background-color:var(--color-surface);background-image:linear-gradient(var(--color-surface) 30%, transparent), linear-gradient(transparent, var(--color-surface) 70%), radial-gradient(farthest-side at 50% 0, rgba(var(--popup-shadow-rgb), .16), transparent), radial-gradient(farthest-side at 50% 100%, rgba(var(--popup-shadow-rgb), .16), transparent);background-position:top,bottom,top,bottom;background-repeat:no-repeat;background-size:100% 28px,100% 28px,100% 10px,100% 10px;background-attachment:local,local,scroll,scroll}@media (height<=800px){.ui-modal-head,.ui-modal-foot,.slide-panel-header{padding-top:12px;padding-bottom:12px}.ui-modal-body,.slide-panel-body{padding-top:16px;padding-bottom:16px}}@media (height<=640px){.ui-modal-head,.ui-modal-foot,.slide-panel-header{padding-top:8px;padding-bottom:8px}.ui-modal-body,.slide-panel-body{padding-top:12px;padding-bottom:12px}}@media (width<=640px){html body :is(.ui-modal-overlay,.modal-overlay,.modal-backdrop){--popup-gutter:8px}.ui-modal-head,.ui-modal-foot,.ui-modal-body,.slide-panel-header,.slide-panel-body{padding-left:16px;padding-right:16px}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page{background:linear-gradient(135deg, var(--color-bg-gradient-start) 0%, var(--color-bg-gradient-end) 100%);width:100%;min-height:100vh;padding:var(--space-lg);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--space-xl);box-sizing:border-box;animation:.5s login-fade-in-up}@keyframes login-fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--space-lg)}.login-logo{width:48px;height:48px;margin:0 auto var(--space-md);background:var(--color-primary);color:var(--color-text-inverse);font-weight:700;font-size:var(--font-size-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.login-title{font-size:var(--font-size-lg);color:var(--color-text);margin:0;font-weight:700}.login-subtitle{margin:var(--space-xs) 0 0;font-size:var(--font-size-base);color:var(--color-text-muted)}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.form-field{gap:var(--space-xs);flex-direction:column;display:flex}.form-field label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.form-field input{border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-family:inherit}.form-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-field input:disabled{background:var(--color-surface-muted);cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:56px}.password-toggle{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:6px 8px;font-weight:600;position:absolute;right:8px}.password-toggle:hover{color:var(--color-primary-hover);background:var(--color-primary-light)}.login-submit{margin-top:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-md);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;min-height:44px;padding:12px;font-family:inherit;font-weight:600;display:flex}.login-submit:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-submit:active:not(:disabled){box-shadow:none;transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #fff6;border-top-color:var(--color-text-inverse);border-radius:var(--radius-full);width:18px;height:18px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-alert{border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding:10px 14px;animation:.3s login-fade-in-up}.login-alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.login-alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}