:root{--brand-50:#eef5fc;--brand-100:#d5e6f7;--brand-200:#aecdf0;--brand-300:#7fb0e6;--brand-400:#4f90d9;--brand-500:#1668b3;--brand-600:#125a9c;--brand-700:#0e4a82;--brand-800:#0b3a66;--brand-900:#082a4a;--brand:var(--brand-500);--brand-hover:var(--brand-600);--brand-soft:var(--brand-50);--n-0:#fff;--n-50:#f8fafc;--n-100:#f1f5f9;--n-200:#e2e8f0;--n-300:#cbd5e1;--n-400:#94a3b8;--n-500:#64748b;--n-600:#475569;--n-700:#334155;--n-800:#1e293b;--n-900:#0f172a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-400:#4ade80;--success-500:#16a34a;--success-600:#15803d;--success-700:#166534;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-400:#f87171;--danger-500:#dc2626;--danger-600:#b91c1c;--danger-700:#991b1b;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-400:#fbbf24;--warning-500:#d97706;--warning-600:#b45309;--warning-700:#92400e;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--clr-accent:var(--brand-500);--clr-accent-hover:var(--brand-600);--clr-accent-light:var(--brand-400);--clr-accent-soft:var(--brand-300);--clr-accent-bg:var(--brand-50);--clr-accent-bg2:var(--brand-100);--clr-accent-ring:#1668b338;--clr-dark:#1f3f62;--clr-dark-2:#27527f;--clr-dark-3:#243447;--clr-text:#1b2735;--clr-text-light:#4f6276;--clr-text-muted:#64748b;--clr-text-subtle:#64748b;--clr-text-disabled:#9ca3af;--clr-bg:#eef2f6;--clr-bg-alt:#e6ebf1;--clr-surface:#fff;--clr-border:#d3dce6;--clr-border-light:#c2cedb;--clr-border-dark:#9ca3af;--clr-input-bg:#fff;--clr-input-border:#d1d5db;--clr-input-focus:var(--brand-500);--clr-input-placeholder:#64748b;--clr-label:#374151;--clr-required:#dc2626;--clr-disabled-bg:#f3f4f6;--clr-disabled-text:#9ca3af;--clr-success:var(--success-600);--clr-success-light:var(--success-400);--clr-success-bg:var(--success-50);--clr-success-border:var(--success-200);--clr-danger:var(--danger-600);--clr-danger-dark:var(--danger-700);--clr-danger-bg:var(--danger-50);--clr-danger-border:var(--danger-200);--clr-warning:var(--warning-600);--clr-warning-light:var(--warning-400);--clr-warning-bg:var(--warning-50);--clr-warning-border:var(--warning-200);--clr-info:var(--brand-500);--clr-info-bg:var(--brand-50);--clr-info-border:var(--brand-200);--clr-purple:var(--brand-500);--clr-purple-light:var(--brand-400);--clr-purple-bg:var(--brand-50);--clr-orange:var(--warning-500);--clr-teal:var(--brand-500);--clr-login-grad-1:#0b3a66;--clr-login-grad-2:#0e4a82;--clr-login-grad-3:#125a9c;--clr-login-grad-4:#1668b3;--clr-white:#fff;--on-dark-surface:#0f1c2e;--on-dark:#f1f5f9;--on-dark-muted:#94a3b8;--on-dark-danger:#fca5a5;--on-dark-accent:#aecdf0;--clr-sidebar-bg:#1f3f62;--clr-sidebar-hover:#2b5186;--clr-sidebar-text:#cbd5e1;--clr-sidebar-text-muted:#94a3b8;--clr-sidebar-active:#4f90d9;--clr-sidebar-active-text:#fff;--clr-sidebar-active-bg:#0e4a82;--clr-sidebar-icon:#cbd5e1;--clr-sidebar-icon-active:#fff;--clr-sidebar-border:#2d4a6f;--clr-card-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--clr-card-shadow-hover:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-sm:0 1px 2px #0f172a0a,0 1px 3px #0f172a0f;--shadow-md:0 2px 4px -1px #0f172a0d,0 8px 16px -4px #0f172a14;--shadow-lg:0 4px 8px -2px #0f172a0f,0 16px 32px -8px #0f172a1f;--shadow-xl:0 8px 16px -4px #0f172a14,0 28px 56px -12px #0f172a33;--ring:0 0 0 3px var(--clr-accent-ring,#1668b338);--font-family:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:var(--font-family);--font-body:var(--font-family);--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:14px;--text-xl:16px;--text-2xl:18px;--text-3xl:20px;--text-4xl:24px;--text-5xl:32px;--text-6xl:40px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.5;--lh-relaxed:1.6;--font-size-xs:0.75rem;--font-size-sm:0.95rem;--font-size-base:1.05rem;--font-size-lg:1.2rem;--font-size-xl:1.35rem;--font-size-2xl:1.7rem;--dur-fast:.12s;--dur-base:.18s;--dur-slow:.30s;--dur-slower:.50s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-standard:ease;--control-sm:30px;--control-md:36px;--control-lg:42px;--row-height:44px;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--sp-0:0;--sp-px:1px;--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-28:28px;--sp-32:32px;--sp-40:40px;--sp-48:48px;--sp-56:56px;--sp-64:64px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem}[data-theme=dark]{--clr-accent:var(--brand-400);--clr-accent-hover:var(--brand-300);--clr-accent-light:var(--brand-300);--clr-accent-soft:var(--brand-200);--clr-accent-bg:#0b3a66;--clr-accent-bg2:#0e4a82;--n-0:#0b1118;--n-50:#111a23;--n-100:#18232e;--n-200:#22303d;--n-300:#31424f;--n-400:#5b6f80;--n-500:#8397a8;--n-600:#a3b4c2;--n-700:#c2ced8;--n-800:#dde5eb;--n-900:#f1f5f9;--brand-50:#0b2a45;--brand-100:#0e3a5e;--brand-200:#14507f;--brand-300:#1c6aa6;--brand-400:#3d8ccb;--brand-500:#5aa5e0;--brand-600:#7dbcec;--brand-700:#a3d2f5;--brand-800:#c6e4fa;--brand-900:#e4f2fd;--success-50:#0c2417;--success-100:#123320;--success-200:#1a4a2e;--success-400:#3fa864;--success-500:#4ade80;--success-600:#86efac;--success-700:#bbf7d0;--danger-50:#2a1113;--danger-100:#3d1518;--danger-200:#5a1f22;--danger-400:#e05561;--danger-500:#f87171;--danger-600:#fca5a5;--danger-700:#fecaca;--warning-50:#2a1e08;--warning-100:#3d2c0b;--warning-200:#5c4310;--warning-400:#d99b28;--warning-500:#fbbf24;--warning-600:#fcd34d;--warning-700:#fde68a;--clr-dark:var(--n-900);--clr-dark-2:var(--n-800);--clr-dark-3:var(--n-700);--clr-text:var(--n-900);--clr-text-light:var(--n-700);--clr-text-muted:var(--n-600);--clr-text-subtle:var(--n-600);--clr-text-disabled:var(--n-400);--clr-bg:#0c1a2b;--clr-bg-alt:#122334;--clr-surface:#16293c;--clr-border:#24405c;--clr-border-light:var(--n-400);--clr-border-dark:var(--n-500);--clr-input-bg:var(--n-100);--clr-input-border:var(--n-300);--clr-input-focus:var(--brand-500);--clr-input-placeholder:var(--n-600);--clr-label:var(--n-700);--clr-disabled-bg:var(--n-100);--clr-disabled-text:var(--n-400);--clr-success:var(--success-500);--clr-success-light:var(--success-400);--clr-success-bg:var(--success-50);--clr-success-border:var(--success-200);--clr-danger:var(--danger-500);--clr-danger-dark:var(--danger-400);--clr-danger-bg:var(--danger-50);--clr-danger-border:var(--danger-200);--clr-danger-text:var(--danger-600);--clr-warning:var(--warning-500);--clr-warning-light:var(--warning-400);--clr-warning-bg:var(--warning-50);--clr-warning-border:var(--warning-200);--clr-warning-text:var(--warning-600);--clr-info:var(--brand-500);--clr-info-bg:var(--brand-50);--clr-info-border:var(--brand-200);--clr-info-text:var(--brand-600);--shadow-sm:0 1px 2px #0000004d,0 1px 3px #0000005c;--shadow-md:0 2px 4px -1px #00000052,0 8px 16px -4px #00000070;--shadow-lg:0 4px 8px -2px #00000057,0 16px 32px -8px #00000085;--shadow-xl:0 8px 16px -4px #00000061,0 28px 56px -12px #0000009e}[data-theme=dark] .TB,[data-theme=dark] .ita-topbar,[data-theme=dark] .pm-topbar,[data-theme=dark] .topbar{background:#fff!important;background:var(--clr-surface)!important;border-bottom-color:#d3dce6!important;border-bottom-color:var(--clr-border)!important;color:#1b2735!important;color:var(--clr-text)!important}[data-theme=dark] .card,[data-theme=dark] .modal-box,[data-theme=dark] .modal-content,[data-theme=dark] .sidebar-section,[data-theme=dark] .stat-card{background:#fff!important;background:var(--clr-surface)!important;border-color:#d3dce6!important;border-color:var(--clr-border)!important;color:#1b2735!important;color:var(--clr-text)!important}[data-theme=dark] .emp-main,[data-theme=dark] .hr-main-content,[data-theme=dark] .ita-main,[data-theme=dark] .pm-main,[data-theme=dark] body{background:#eef2f6!important;background:var(--clr-bg)!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#fff!important;background:var(--clr-input-bg)!important;border-color:#d1d5db!important;border-color:var(--clr-input-border)!important;color:#1b2735!important;color:var(--clr-text)!important}[data-theme=dark] table th{background:#e6ebf1!important;background:var(--clr-bg-alt)!important;color:#4f6276!important;color:var(--clr-text-light)!important}[data-theme=dark] table td{border-color:#d3dce6!important;border-color:var(--clr-border)!important;color:#1b2735!important;color:var(--clr-text)!important}[data-theme=dark] tr:hover td{background:#e6ebf1!important;background:var(--clr-bg-alt)!important}body{background:var(--clr-bg);color:var(--clr-text);font-family:var(--font-family)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{border-radius:inherit;outline:2px solid var(--brand-500);outline:2px solid var(--clr-accent,var(--brand-500));outline-offset:2px}::selection{background:var(--brand-100);background:var(--clr-accent-bg2,var(--brand-100));color:var(--n-800);color:var(--clr-text,var(--n-800))}.sidebar{background:var(--brand-800);background:var(--clr-sidebar-bg,var(--brand-800));display:flex;flex:0 0 260px;flex-direction:column;height:100vh;min-width:260px;overflow:hidden;transition:flex-basis var(--dur-slow) var(--ease-out),width var(--dur-slow) var(--ease-out),min-width var(--dur-slow) var(--ease-out);width:260px;z-index:10}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar-brand{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:12px;min-height:83px;padding:24px 14px 20px}.sidebar-logo{background:var(--clr-white);border-radius:var(--radius-xl);flex-shrink:0;height:38px;object-fit:contain;padding:2px;width:38px}.sidebar-brand-copy{display:flex;flex-direction:column;min-width:0;white-space:nowrap}.sidebar-brand-text{color:var(--on-dark);font-family:var(--font-display);font-size:16px;font-weight:700}.sidebar-brand-sub{color:#ffffff8c;font-size:11px;font-weight:500;letter-spacing:.5px;margin-top:1px;text-transform:uppercase}.sidebar-collapse{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:#ffffffbf;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;padding:0;width:28px}.sidebar-collapse:hover{background:#ffffff29;color:var(--on-dark)}.sidebar-collapse svg{stroke:currentColor;height:16px;width:16px}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:var(--radius-sm)}.sidebar-section-label{align-items:center;color:#94a3b899;display:flex;font-size:10px;font-weight:600;letter-spacing:1.2px;overflow:hidden;padding:0 12px;text-transform:uppercase;white-space:nowrap}.sidebar-item{align-items:center;background:none;border:none;border-radius:var(--radius-xl);color:#ffffffb8;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px;position:relative;text-align:left;transition:color var(--dur-base) ease;width:100%}.sidebar-item:before{background:#ffffff14;background:var(--clr-sidebar-hover,#ffffff14);border-radius:var(--radius-xl);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--dur-base) ease}.sidebar-item:hover{color:var(--on-dark)}.sidebar-item:hover:before{opacity:1}.sidebar-item.active{color:var(--on-dark);font-weight:600}.sidebar-item.active:before{opacity:0}.sidebar-item:focus-visible{outline:2px solid #ffffff8c;outline-offset:-2px}.sidebar-item-pill{background:var(--brand-700);background:var(--clr-sidebar-active-bg,var(--brand-700,var(--brand-700)));border-radius:var(--radius-xl);box-shadow:var(--shadow-md);inset:0;position:absolute}.sidebar-item>:not(.sidebar-item-pill){position:relative;z-index:1}.sidebar-item-ico{display:inline-flex;flex-shrink:0}.sidebar-item-text{overflow:hidden;white-space:nowrap}.sidebar-item svg{stroke:currentColor;flex-shrink:0;height:20px;min-width:20px;width:20px}.sidebar-badge{background:var(--danger-500);background:var(--clr-danger,var(--danger-500));border-radius:var(--radius-xl);color:var(--on-dark);font-size:10px;font-weight:700;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.sidebar-item .sidebar-badge.dot{border-radius:50%;box-shadow:0 0 0 2px var(--brand-800);box-shadow:0 0 0 2px var(--clr-sidebar-bg,var(--brand-800));height:8px;margin:0;min-width:8px;padding:0;position:absolute;right:14px;top:6px;width:8px}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px 12px}.sidebar-user{align-items:center;border-radius:var(--radius-lg);display:flex;gap:10px;padding:10px 12px}.sidebar-user-copy{display:flex;flex-direction:column;min-width:0;overflow:hidden;white-space:nowrap}.sidebar-user-name{color:var(--on-dark);font-size:13px;font-weight:600}.sidebar-user-role{color:#ffffff8c;font-size:11px;text-transform:capitalize}.sidebar-logout{align-items:center;background:#dc262624;border:none;border-radius:var(--radius-lg);color:var(--on-dark-danger);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;margin-top:8px;overflow:hidden;padding:10px 12px;transition:background var(--dur-base),color var(--dur-base);white-space:nowrap;width:100%}.sidebar-logout:hover{background:#dc26263d;color:var(--on-dark)}.sidebar-logout svg{stroke:currentColor;flex-shrink:0;height:18px;width:18px}.R .sidebar.sidebar-rail,.app-layout .sidebar.sidebar-rail,.sa-container .sidebar.sidebar-rail,.sidebar.sidebar-rail{flex:0 0 64px;min-width:64px;width:64px}.sidebar-rail .sidebar-brand{grid-gap:0;align-items:center;display:grid;gap:0;justify-items:center}.sidebar-rail .sidebar-brand>*{grid-area:1/1}.sidebar-rail .sidebar-brand-copy{display:none}.sidebar-rail .sidebar-logo{transition:opacity var(--dur-base) ease}.sidebar-rail .sidebar-brand:hover .sidebar-logo{opacity:0}.sidebar-rail .sidebar-collapse{background:#ffffff1f;border-color:#0000;height:38px;margin:0;opacity:0;pointer-events:none;transition:opacity var(--dur-base) ease,background var(--dur-base) ease;width:38px}.sidebar-rail .sidebar-brand:hover .sidebar-collapse{opacity:1;pointer-events:auto}.sidebar-rail .sidebar-collapse svg{height:18px;width:18px}.sidebar-rail .sidebar-section-label{background:#ffffff24;border-radius:var(--radius-sm);margin-left:12px;margin-right:12px;padding:0}.sidebar-rail .sidebar-item{gap:0;justify-content:center;padding:10px 0}.sidebar-rail .sidebar-item .sidebar-badge.dot{right:4px;top:4px}.sidebar-rail .sidebar-user{gap:0;justify-content:center;padding:10px 0}.sidebar-rail .sidebar-logout{gap:0;justify-content:center;padding:12px 0}.sidebar-tip{background:var(--on-dark-surface);border:1px solid #ffffff17;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--on-dark);font-size:12px;font-weight:600;padding:6px 10px;pointer-events:none;position:fixed;white-space:nowrap;z-index:2000}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080f1a8c;inset:0;position:fixed;z-index:1150}.app-topbar{background:var(--n-0);background:var(--clr-surface,var(--n-0));border-bottom:1px solid var(--clr-border,var(--n-200));display:flex;gap:14px;height:64px;padding:0 24px}.app-topbar,.app-topbar-menu{align-items:center;flex-shrink:0}.app-topbar-menu{background:var(--brand-800);background:var(--clr-dark,var(--brand-800));border:none;border-radius:var(--radius-xl);color:var(--n-0);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;width:40px}.tb-burger{align-items:flex-start;display:flex;flex-direction:column;gap:4px;height:14px;width:18px}.tb-burger>span{background:currentColor;border-radius:var(--radius-sm);display:block;height:2px;width:18px}.app-topbar-bc{align-items:center;color:var(--n-500);color:var(--clr-text-muted,var(--n-500));display:flex;font-size:14px;gap:6px;white-space:nowrap}.app-topbar-bc b{color:var(--n-800);color:var(--clr-text,var(--n-800));font-weight:700}.app-topbar-chev{color:var(--n-400);color:var(--clr-text-subtle,var(--n-400));flex-shrink:0}.app-topbar-clock{color:var(--n-400);color:var(--clr-text-muted,var(--n-400));font-size:11px;margin-left:10px;white-space:nowrap}@media (max-width:900px){.app-topbar-clock{display:none}}.app-topbar-right{align-items:center;display:flex;gap:10px;margin-left:auto}.app-topbar-icon{align-items:center;background:var(--n-0);background:var(--clr-surface,var(--n-0));border:1px solid var(--clr-border,var(--n-200));border-radius:var(--radius-lg);color:var(--n-600);color:var(--n-600,var(--n-600));cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;position:relative;transition:background var(--dur-base),color var(--dur-base),border-color var(--dur-base);width:38px}.app-topbar-icon:hover{background:var(--brand-50);background:var(--clr-accent-bg,var(--brand-50));border-color:var(--clr-accent-soft,var(--brand-300));color:var(--brand-600);color:var(--clr-accent-hover,var(--brand-600))}.app-topbar-badge{align-items:center;background:var(--danger-500);background:var(--clr-danger,var(--danger-500));border:2px solid var(--clr-surface,var(--n-0));border-radius:var(--radius-xl);color:var(--n-0);display:inline-flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-6px;top:-6px}.app-topbar-avatar{background:none;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;padding:0}.app-topbar-action{background:var(--n-0);background:var(--clr-surface,var(--n-0));border:1px solid var(--clr-border,var(--n-200));border-radius:var(--radius-lg);color:var(--n-800);color:var(--clr-text,var(--n-800));cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:8px 14px;white-space:nowrap}.app-topbar-action.danger{background:var(--danger-50);background:var(--clr-danger-bg,var(--danger-50));border-color:var(--clr-danger-border,var(--danger-200));color:var(--danger-500);color:var(--clr-danger,var(--danger-500))}@media (max-width:640px){.app-topbar{flex-wrap:wrap;height:auto;padding:8px 14px;row-gap:8px}.app-topbar-bc{display:none}.app-topbar-right{width:100%}.app-topbar-right input[name=global-search]{min-width:0!important;width:104px!important}}.section-label{color:var(--n-900);color:var(--clr-dark,var(--n-900));font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:16px}.btn,.btn-danger,.btn-dn,.btn-ghost,.btn-o,.btn-ok,.btn-outline,.btn-p,.btn-primary,.btn-s,.btn-secondary,.btn-sm-dn,.btn-sm-ok,.btn-submit{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-md);font-weight:var(--fw-semibold);gap:8px;height:var(--control-md);justify-content:center;line-height:var(--lh-tight);padding:0 16px;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);white-space:nowrap}.btn-danger:disabled,.btn-ghost:disabled,.btn-outline:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-submit:disabled,.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn,.btn-p,.btn-primary,.btn-submit{background:var(--brand-500);background:var(--clr-accent,var(--brand-500));box-shadow:var(--shadow-sm);color:var(--n-0)}.btn-p:hover,.btn-primary:hover,.btn-submit:hover,.btn:hover{background:var(--brand-600);background:var(--clr-accent-hover,var(--brand-600));box-shadow:var(--shadow-md)}.btn-submit{width:100%}.btn-secondary{background:var(--n-0);background:var(--clr-surface,var(--n-0));border-color:var(--clr-border,var(--n-300));color:var(--n-700);color:var(--clr-text,var(--n-700))}.btn-secondary:hover{background:var(--n-50);border-color:var(--n-400)}.btn-o,.btn-outline{background:#0000;border-color:var(--clr-accent-bg2,var(--brand-100));color:var(--brand-500);color:var(--clr-accent,var(--brand-500))}.btn-o:hover,.btn-outline:hover{background:var(--brand-50);background:var(--clr-accent-bg,var(--brand-50));border-color:var(--clr-accent-soft,var(--brand-300))}.btn-danger,.btn-dn,.btn-sm-dn{background:var(--danger-500);background:var(--clr-danger,var(--danger-500));color:var(--n-0)}.btn-danger:hover,.btn-dn:hover,.btn-sm-dn:hover{background:var(--danger-600)}.btn-ok,.btn-sm-ok{background:var(--success-500);background:var(--clr-success,var(--success-500));color:var(--n-0)}.btn-ok:hover,.btn-sm-ok:hover{background:var(--success-600)}.btn-ghost{background:#0000;color:var(--n-600)}.btn-ghost:hover{background:var(--n-100);color:var(--n-900);color:var(--clr-text,var(--n-900))}.btn-s,.btn-sm,.btn-sm-dn,.btn-sm-ok{font-size:var(--text-sm);height:var(--control-sm);padding:0 12px}.btn-lg{font-size:var(--text-lg);height:var(--control-lg);padding:0 22px}.btn svg,.btn-danger svg,.btn-ghost svg,.btn-outline svg,.btn-primary svg,.btn-secondary svg{flex-shrink:0}.form-group{margin-bottom:16px}.form-label{color:var(--n-600);color:var(--clr-label,var(--n-600));display:block;font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:var(--n-0);background:var(--clr-input-bg,var(--n-0));border:1px solid var(--clr-input-border,var(--n-300));border-radius:var(--radius-lg);box-sizing:border-box;color:var(--n-900);color:var(--clr-text,var(--n-900));font-family:inherit;font-size:var(--text-md);height:var(--control-md);outline:none;padding:0 12px;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--n-400);color:var(--clr-input-placeholder,var(--n-400))}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--clr-input-focus,var(--brand-500));box-shadow:var(--ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--n-100);background:var(--clr-disabled-bg,var(--n-100));color:var(--n-400);color:var(--clr-disabled-text,var(--n-400));cursor:not-allowed}.form-textarea,textarea.form-input{height:auto;line-height:var(--lh-normal);min-height:76px;padding:10px 12px;resize:vertical}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.card-body{padding:18px 20px}.card-header{border-bottom:1px solid var(--n-100,var(--n-100));padding:16px 20px}.card-title{color:var(--n-900);color:var(--clr-dark,var(--n-900));font-size:16px;font-weight:700}.card-subtitle{color:var(--n-400);color:var(--clr-text-muted,var(--n-400));font-size:12px;margin-top:2px}.card{background:var(--n-0);background:var(--clr-surface,var(--n-0));border:1px solid var(--clr-border,var(--n-200));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.alert{border:1px solid #0000;border-radius:var(--radius-lg);font-size:13px;font-weight:600;margin-bottom:16px;padding:10px 14px}.alert-success{background:var(--success-50);background:var(--clr-success-bg,var(--success-50));border-color:var(--clr-success-border,var(--success-400));color:var(--success-600);color:var(--clr-success,var(--success-600))}.alert-error{background:var(--danger-50);background:var(--clr-danger-bg,var(--danger-50));border-color:var(--clr-danger-border,var(--danger-200));color:var(--danger-500);color:var(--clr-danger,var(--danger-500))}.input-wrap{position:relative}.input-wrap .form-input{padding-right:40px}.input-eye{background:none;border:none;color:var(--n-400);color:var(--clr-text-subtle,var(--n-400));cursor:pointer;line-height:0;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.settings-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:8px}.settings-col{min-width:0}.settings-grid.is-single{grid-template-columns:minmax(0,560px)}.welcome-banner{background:linear-gradient(120deg,var(--brand-800) 0,var(--brand-600) 52%,var(--brand-500) 100%);border-radius:var(--radius-2xl);box-shadow:0 10px 30px -12px #0b3a668c;color:var(--n-0);margin-bottom:24px;overflow:hidden;padding:26px 30px;position:relative}.welcome-refresh{position:absolute;right:16px;top:16px;z-index:2}.welcome-refresh .refresh-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff24;border-color:#ffffff4d;box-shadow:none;color:var(--on-dark)}.welcome-refresh .refresh-btn:hover{background:#ffffff3d;border-color:#ffffff73}@media (max-width:640px){.welcome-refresh{right:12px;top:12px}}.welcome-banner:before{background:radial-gradient(circle,#ffffff1f 0,#0000 70%);height:340px;right:-4%;top:-45%;width:340px}.welcome-banner:after,.welcome-banner:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.welcome-banner:after{background:radial-gradient(circle,#ffffff0f 0,#0000 70%);bottom:-70%;height:220px;right:16%;width:220px}.welcome-content{position:relative;z-index:1}.welcome-greeting{font-size:24px;font-weight:800;letter-spacing:-.4px;margin-bottom:4px}.welcome-subtitle{font-size:13px;font-weight:500;margin-bottom:16px;opacity:.82}.welcome-badge-row,.welcome-badges{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.welcome-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff21;border:1px solid #ffffff38;border-radius:var(--radius-xl);color:#fffffff5;display:inline-flex;font-size:12px;font-weight:600;gap:8px;line-height:var(--lh-tight);padding:8px 14px;white-space:nowrap}.welcome-badge svg{flex-shrink:0;height:15px;opacity:.92;width:15px}.welcome-badge.verified{background:#fff3;border-color:#ffffff4d;font-weight:700}.id-badge{background:#ffffff24;border:1px solid #fff3;border-radius:var(--radius-xl);display:inline-block;font-size:14px;font-weight:700;letter-spacing:.6px;margin-top:14px;padding:8px 16px;position:relative;z-index:1}.chip-ok{background:var(--clr-success-bg);border-color:var(--clr-success-border);color:var(--clr-success)}.chip-wn{background:var(--clr-warning-bg);border-color:var(--clr-warning-border);color:var(--clr-warning)}.chip-dn{background:var(--clr-danger-bg);border-color:var(--clr-danger-border);color:var(--clr-danger)}.chip-ip{background:var(--clr-info-bg);border-color:var(--clr-info-border);color:var(--clr-info)}.chip{background:var(--brand-50);background:var(--clr-accent-bg,var(--brand-50));border:1px solid var(--clr-accent-bg2,var(--brand-100));border-radius:var(--radius-full);color:var(--brand-600);color:var(--clr-accent-hover,var(--brand-600));font-size:12px}.chip,.status-badge{align-items:center;display:inline-flex;font-weight:600;padding:4px 10px}.status-badge{border:1px solid #0000;border-radius:var(--radius-full);font-size:11px;gap:6px;text-transform:capitalize}.sb-dot,.status-badge .sb-dot{background:currentColor;border-radius:50%;display:inline-block;height:6px;width:6px}.status-badge.active,.status-badge.approved,.status-badge.available,.status-badge.manager_approved,.status-badge.verified{background:var(--brand-50);background:var(--clr-success-bg,var(--brand-50));border-color:var(--clr-success-border,var(--brand-200));color:var(--brand-500);color:var(--clr-success,var(--brand-500))}.status-badge.onboarding,.status-badge.pending,.status-badge.resent,.status-badge.waiting{background:var(--warning-50);background:var(--clr-warning-bg,var(--warning-50));border-color:var(--clr-warning-border,var(--warning-200));color:var(--warning-500);color:var(--clr-warning,var(--warning-500))}.status-badge.cancelled,.status-badge.exiting,.status-badge.inactive,.status-badge.rejected{background:var(--danger-50);background:var(--clr-danger-bg,var(--danger-50));border-color:var(--clr-danger-border,var(--danger-200));color:var(--danger-500);color:var(--clr-danger,var(--danger-500))}.data-table{background:var(--n-0);background:var(--clr-surface,var(--n-0));border-collapse:collapse;width:100%}.data-table th{background:var(--n-50);border-bottom:1px solid var(--clr-border,var(--n-200));color:var(--n-600);color:var(--clr-text-light,var(--n-600));font-size:var(--text-xs);font-weight:var(--fw-bold);height:var(--control-lg);letter-spacing:.04em;padding:0 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.data-table td{border-bottom:1px solid var(--n-100);color:var(--n-800);color:var(--clr-text,var(--n-800));font-size:var(--text-md);height:var(--row-height);padding:10px 14px}.data-table tbody tr{transition:background var(--dur-fast) var(--ease-out)}.data-table tbody tr:hover{background:var(--brand-50);background:var(--clr-accent-bg,var(--brand-50))}.data-table tr:last-child td{border-bottom:none}.data-table td.num,.data-table th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.page-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px;min-height:40px}.page-head-title{display:flex;flex-direction:column;gap:2px;min-width:0}.page-head-h{color:var(--clr-text);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:var(--lh-tight);margin:0}.page-head-sub{color:var(--clr-text-muted);font-size:var(--text-md)}.page-head-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.btn-page-secondary{align-items:center;display:inline-flex;gap:7px}@media (max-width:640px){.page-head{gap:12px;margin-bottom:14px}.page-head-h{font-size:var(--text-2xl)}.page-head-actions{margin-left:0;width:100%}.page-head-actions .btn-page-secondary,.page-head-actions .btn-primary{flex:1 1;justify-content:center}}.page-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.page-filters-stack{align-items:stretch;flex-direction:column;gap:12px}.page-filters-stack>*{min-width:0}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.card-header-actions,.cd-h-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.tab-bar{border-bottom:1px solid var(--clr-border,var(--n-200));display:flex;flex-wrap:wrap;gap:2px;margin-bottom:16px}.tab-btn{background:#0000;border:none;color:var(--n-500);color:var(--clr-text-light,var(--n-500));cursor:pointer;font-family:inherit;font-size:var(--text-md);font-weight:var(--fw-semibold);margin-bottom:-1px;padding:10px 16px;position:relative;transition:color var(--dur-base) var(--ease-out)}.tab-btn:after{background:var(--brand-500);background:var(--clr-accent,var(--brand-500));border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:10px;position:absolute;right:10px;transform:scaleX(0);transform-origin:center;transition:transform var(--dur-base) var(--ease-out)}.tab-btn.active,.tab-btn:hover{color:var(--brand-500);color:var(--clr-accent,var(--brand-500))}.tab-btn.active:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.tab-btn:after{transition:none}}.tab-btn-anim:after{display:none}.tab-indicator{background:var(--brand-500);background:var(--clr-accent,var(--brand-500));border-radius:2px 2px 0 0;bottom:0;height:2px;left:10px;position:absolute;right:10px}.tab-badge{background:var(--danger-500);background:var(--clr-danger,var(--danger-500));border-radius:var(--radius-full);color:var(--n-0);display:inline-flex;font-size:10px;font-weight:var(--fw-bold);height:18px;margin-left:7px;min-width:18px;padding:0 5px;vertical-align:middle}.modal-overlay,.tab-badge{align-items:center;justify-content:center}.modal-overlay{animation:ui-fade var(--dur-base) var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;padding:16px;position:fixed;z-index:1000}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.modal-content{animation:ui-slideup var(--dur-slow) var(--ease-out) both;background:var(--n-0);background:var(--clr-surface,var(--n-0));border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:85vh;max-width:520px;overflow-y:auto;width:90%}@keyframes ui-slideup{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-content,.modal-overlay{animation:none}}.modal-header{align-items:center;background:var(--n-0);background:var(--clr-surface,var(--n-0));border-bottom:1px solid var(--clr-border,var(--n-200));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:18px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.modal-title{color:var(--n-900);color:var(--clr-dark,var(--n-900));font-size:16px;font-weight:700}.modal-close{align-items:center;background:var(--n-50);background:var(--n-50,var(--n-50));border:1px solid var(--clr-border,var(--n-200));border-radius:var(--radius-lg);color:var(--n-600);color:var(--clr-text-light,var(--n-600));cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--dur-base);width:32px}.modal-close:hover{background:var(--danger-50);background:var(--clr-danger-bg,var(--danger-50));border-color:var(--clr-danger-border,var(--danger-200));color:var(--danger-500);color:var(--clr-danger,var(--danger-500))}.modal-body{padding:22px}.toast{align-items:center;background:var(--n-0);background:var(--clr-surface,var(--n-0));border:1px solid var(--clr-border,var(--n-200));border-left:4px solid var(--clr-accent,var(--brand-500));border-radius:var(--radius-lg);box-shadow:0 4px 12px #0f172a1a;box-shadow:var(--shadow-md,0 4px 12px #0f172a1a);color:var(--n-800);color:var(--clr-text,var(--n-800));display:flex;font-size:13px;gap:10px;padding:12px 14px}.empty-state{color:var(--n-400);color:var(--clr-text-muted,var(--n-400));padding:34px 20px;text-align:center}.empty-state .es-icon{align-items:center;background:var(--brand-50);background:var(--clr-accent-bg,var(--brand-50));border-radius:var(--radius-2xl);color:var(--brand-500);color:var(--clr-accent,var(--brand-500));display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}@keyframes ui-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{animation:ui-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--n-100) 25%,var(--n-200) 37%,var(--n-100) 63%);background-size:800px 100%;border-radius:var(--radius-md)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--n-100)}}.rtable{background:var(--n-0);background:var(--clr-surface,var(--n-0));border-collapse:collapse;width:100%}.rtable th{background:var(--n-50);background:var(--n-50,var(--n-50));border-bottom:1px solid var(--clr-border,var(--n-200));color:var(--n-600);color:var(--clr-text-light,var(--n-600));font-size:11px;font-weight:700;letter-spacing:.04em;padding:12px 14px;text-align:left;text-transform:uppercase}.rtable td{border-bottom:1px solid var(--n-100,var(--n-100));color:var(--n-800);color:var(--clr-text,var(--n-800));font-size:13px;padding:12px 14px}.rtable tbody tr:hover{background:var(--brand-50);background:var(--clr-accent-bg,var(--brand-50))}.rtable tr:last-child td{border-bottom:none}@media (max-width:640px){.data-table,.req-table,.rtable,.sa-table,.tbl{border-collapse:initial;border-spacing:0}.data-table thead,.req-table thead,.rtable thead,.sa-table thead,.tbl thead{display:none;position:static}.data-table,.data-table tbody,.data-table td,.data-table tr,.req-table,.req-table tbody,.req-table td,.req-table tr,.rtable,.rtable tbody,.rtable td,.rtable tr,.sa-table,.sa-table tbody,.sa-table td,.sa-table tr,.tbl,.tbl tbody,.tbl td,.tbl tr{display:block;width:100%}.data-table tr,.req-table tr,.rtable tr,.sa-table tr,.tbl tr{border:1px solid var(--clr-border,var(--n-200));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:12px;overflow:hidden}.data-table tbody tr:hover,.data-table tr,.req-table tbody tr:hover,.req-table tr,.rtable tbody tr:hover,.rtable tr,.sa-table tbody tr:hover,.sa-table tr,.tbl tbody tr:hover,.tbl tr{background:var(--n-0);background:var(--clr-surface,var(--n-0))}.data-table td,.req-table td,.rtable td,.sa-table td,.tbl td{align-items:center;border-bottom:1px solid var(--n-100);display:flex;gap:14px;height:auto;justify-content:space-between;min-height:0;padding:10px 14px;text-align:right}.data-table tr td:last-child,.req-table tr td:last-child,.rtable tr td:last-child,.sa-table tr td:last-child,.tbl tr td:last-child{border-bottom:none}.data-table td[data-label]:before,.req-table td[data-label]:before,.rtable td[data-label]:before,.sa-table td[data-label]:before,.tbl td[data-label]:before{color:var(--n-500);color:var(--clr-text-light,var(--n-500));content:attr(data-label);flex:0 0 auto;font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.03em;text-align:left;text-transform:uppercase}.data-table td[colspan]:not([data-label]),.req-table td[colspan]:not([data-label]),.rtable td[colspan]:not([data-label]),.sa-table td[colspan]:not([data-label]),.tbl td[colspan]:not([data-label]){display:block;text-align:center}.data-table td .btn,.rtable td .btn,.tbl td .btn{flex-shrink:0}.modal-content{border-radius:var(--radius-2xl);max-height:92vh;max-width:96vw;width:96vw}.modal-body{padding:14px}.modal-header{padding:14px 16px}.form-row{flex-direction:column;gap:12px}.form-actions{align-items:stretch;flex-direction:column-reverse;gap:8px}.form-actions .btn,.form-actions button{width:100%}.card-header,.cd-h{flex-wrap:wrap;gap:10px}.card-header-actions,.cd-h-actions{margin-left:0}.welcome-banner{padding:20px 18px}.welcome-greeting{font-size:20px}.welcome-badge-row,.welcome-badges{gap:8px}.settings-grid{grid-template-columns:1fr}table:not(.tbl):not(.sa-table):not(.req-table):not(.data-table):not(.rtable){-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.btn,.btn-danger,.btn-outline,.btn-primary,.btn-secondary,.btn-submit{min-height:40px}.topbar-breadcrumb{display:none!important}input[name=global-search]{min-width:0!important;width:104px!important}.TB,.topbar{flex-wrap:wrap!important;height:auto!important;padding-bottom:8px;padding-top:8px;row-gap:8px}.empoffboardingpage-inline-6{grid-template-columns:repeat(2,1fr)!important}.kpi-c,.sa-stat-card{min-width:132px}.hrattendancepg-inline-2>*{min-width:110px}.emp-edit-grid,.emp-pd-grid,.g2,.g3,.pmannouncepg-inline-11,.sa-security-grid{grid-template-columns:1fr!important}.R .sidebar,.app-layout .sidebar,.sa-container .sidebar{box-shadow:var(--shadow-xl);height:100vh;left:0;min-width:0;position:fixed;top:0;width:min(82vw,300px);z-index:1200}.R .MW,.app-layout .main-wrapper,.sa-container .sa-main{min-width:0;width:100%}.R .MC,.app-layout .main-content,.sa-container .sa-content{padding:16px 14px 32px}}@media (min-width:641px) and (max-width:1024px){.sidebar{flex-basis:220px;min-width:220px;width:220px}.sidebar-brand{padding:20px 12px 16px}.sidebar-item{padding:9px}.sidebar-nav{padding:12px 10px}.empoffboardingpage-inline-6,.g3,.lp-strip,.sa-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emp-pd-grid,.form-row,.g2,.sa-overview-split{grid-template-columns:minmax(0,1fr)}.data-table,.req-table,.rtable,.sa-table,.tbl{display:table}.table-wrap,.tbl-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.R .MC,.app-layout .main-content,.sa-container .sa-content{padding:20px 20px 36px}.card-body{padding:16px}.modal-content{width:min(92vw,560px)}.sa-overview-hero,.welcome-banner{padding:22px 24px}.app-topbar{gap:10px;padding:0 18px}}.refresh-btn{align-items:center;-webkit-appearance:none;appearance:none;background:var(--n-0);border:1px solid var(--n-300);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0f172a0f;color:var(--n-800);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;line-height:var(--lh-tight);padding:6px 14px;transition:background var(--dur-base) ease,border-color var(--dur-base) ease,box-shadow var(--dur-base) ease;white-space:nowrap}.refresh-btn:hover{background:var(--n-100);border-color:var(--n-400)}.refresh-btn:active{transform:translateY(1px)}.refresh-btn svg{flex-shrink:0}.refresh-btn-spin{animation:refresh-btn-rotate var(--dur-slower) linear infinite;transform-origin:50% 50%}@keyframes refresh-btn-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ss{display:inline-block;font-family:inherit;max-width:100%;min-width:160px;position:relative;vertical-align:middle;width:auto}.fg .ss,.form-group .ss,.form-row .ss,.ss-full{min-width:0;width:100%}.ss-trigger{align-items:center;background:var(--n-0);border:1px solid var(--n-300);border-radius:var(--radius-md);color:var(--n-900);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;line-height:var(--lh-snug);min-height:32px;padding:6px 10px;text-align:left;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease;width:100%}.ss-trigger:hover:not(:disabled){border-color:var(--n-400)}.ss-trigger:focus,.ss.is-open .ss-trigger{border-color:var(--brand-500);box-shadow:0 0 0 3px #7c3aed26;outline:none}.ss-trigger:disabled,.ss.is-disabled .ss-trigger{background:var(--n-50);color:var(--n-400);cursor:not-allowed}.ss-value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-value.is-placeholder{color:var(--n-400);font-weight:400}.ss-clear{align-items:center;background:#0000;border-radius:50%;color:var(--n-500);cursor:pointer;display:inline-flex;font-size:13px;height:18px;justify-content:center;line-height:var(--lh-tight);width:18px}.ss-clear:hover{background:var(--danger-100);color:var(--danger-600)}.ss-caret{color:var(--n-500);font-size:11px;transition:transform var(--dur-base) ease}.ss.is-open .ss-caret{color:var(--brand-500);transform:rotate(180deg)}.ss-pop{animation:ssFadeIn var(--dur-fast) var(--ease-out);background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:40}@keyframes ssFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ss-search{background:var(--n-0);border-bottom:1px solid var(--n-100);padding:10px 10px 8px}.ss-search-box{align-items:center;background:var(--n-0);border:1.5px solid var(--brand-300);border-radius:var(--radius-xl);display:flex;gap:8px;padding:10px 12px;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.ss-search-box:focus-within{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--n-200)}.ss-search-icon{align-items:center;color:var(--n-400);display:inline-flex;font-size:14px;justify-content:center}.ss-search-input{background:#0000;border:none;color:var(--n-900);flex:1 1;font-family:inherit;font-size:13px;min-width:0;outline:none;padding:0}.ss-search-input::placeholder{color:var(--n-400)}.ss-search-clear{align-items:center;background:var(--n-100);border:none;border-radius:50%;color:var(--n-500);cursor:pointer;display:inline-flex;font-size:13px;height:22px;justify-content:center;line-height:var(--lh-tight);width:22px}.ss-search-clear:hover{background:var(--danger-100);color:var(--danger-600)}.ss-list{max-height:260px;overflow-y:auto;padding:4px}.ss-list::-webkit-scrollbar{width:8px}.ss-list::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:var(--radius-sm)}.ss-list::-webkit-scrollbar-thumb:hover{background:var(--n-400)}.ss-item{align-items:center;border-radius:var(--radius-md);color:var(--n-900);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px;-webkit-user-select:none;user-select:none}.ss-item.is-highlighted{background:var(--n-200)}.ss-item.is-selected{background:var(--brand-50);color:var(--brand-500);font-weight:600}.ss-item-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-check{color:var(--brand-500);font-weight:700;margin-left:8px}.ss-empty{color:var(--n-400);font-size:12px;font-style:italic;padding:22px 14px;text-align:center}.ttb{background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--radius-xl);margin:10px 0;padding:8px 12px}.ttb,.ttb-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ttb-row{flex:1 1 100%}.ttb-label{color:var(--n-500);font-weight:700;letter-spacing:.4px;padding-right:2px;text-transform:uppercase}.ttb-toggle{background:var(--n-100);border:1px solid var(--n-200);border-radius:var(--radius-lg);display:flex;padding:4px}.ttb-toggle-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--n-500);cursor:pointer;font-family:inherit;font-weight:600;padding:6px 14px;transition:all var(--dur-base) ease}.ttb-toggle-btn:hover:not(.is-active){color:var(--n-900)}.ttb-toggle-btn.is-active{background:var(--clr-accent);color:var(--n-0)}.ttb-date{align-items:center;background:var(--n-50);border:1px solid var(--n-200);border-radius:var(--radius-lg);display:inline-flex;gap:6px;padding:4px 8px}.ttb-date-range{padding:4px 10px}.ttb-nav-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--n-600);cursor:pointer;font-size:12px;font-weight:700;height:26px;width:26px}.ttb-nav-btn:hover{background:var(--n-200);color:var(--n-900)}.ttb-date-input{background:var(--n-0);border:1px solid var(--n-300);border-radius:var(--radius-md);color:var(--n-900);cursor:pointer;font-family:inherit;padding:6px 8px}.ttb-date-label{color:var(--n-900);font-size:12px;font-weight:600;padding:0 6px}.ttb-sub{color:var(--n-600);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.ttb-today{background:var(--clr-accent);border:none;border-radius:var(--radius-md);color:var(--n-0);cursor:pointer;font-family:inherit;font-weight:600}.ttb-today:hover{background:var(--clr-accent-hover)}.ttb-search{align-items:center;background:var(--n-50);border:1px solid var(--n-200);border-radius:var(--radius-md);display:inline-flex;flex:0 1 240px;gap:6px;height:32px;min-width:180px;padding:4px 10px}.ttb-search-icon{color:var(--n-500);font-size:13px}.ttb-search-input{background:#0000;border:none;color:var(--n-900);flex:1 1;min-width:0;outline:none}.ttb-reset,.ttb-search-input{font-family:inherit;font-size:12px}.ttb-reset{background:var(--n-0);border:1px solid var(--n-300);border-radius:var(--radius-md);color:var(--n-600);cursor:pointer;font-weight:600;height:32px;margin-left:auto;padding:6px 12px;white-space:nowrap}.ttb-reset:hover{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-600)}.ttb-toggle{padding:2px}.ttb-toggle-btn{font-size:12px;padding:6px 12px}.ttb-label,.ttb-nav-btn{font-size:11px}.ttb-nav-btn{height:24px;width:24px}.ttb-date{gap:4px;padding:4px 6px}.ttb-date-input{font-size:12px;padding:4px 8px}.ttb-today{font-size:12px;height:32px;padding:6px 12px}@media (max-width:1024px){.ttb-reset{margin-left:0}}.tbl-pagination{align-items:center;background:var(--n-50);border-top:1px solid var(--n-200);color:var(--n-600);display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;padding:10px 16px}.tbl-pagination-count{align-items:center;display:flex;font-weight:500;gap:4px}.tbl-pagination-count strong{color:var(--n-900);font-weight:700}.tbl-pagination-size{align-items:center;display:flex;font-weight:500;gap:8px}.tbl-pagination-size label{color:var(--n-600);font-weight:500}.tbl-pagination-size select{background:var(--n-0);border:1px solid var(--n-300);border-radius:var(--radius-md);color:var(--n-900);cursor:pointer;font-size:12px;padding:4px 8px}.tbl-pagination-nav{align-items:center;display:flex;gap:4px}.tbl-pgbtn{align-items:center;background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--radius-md);color:var(--n-600);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0 10px;transition:all var(--dur-base) ease}.tbl-pgbtn:hover:not(:disabled):not(.is-active):not(.tbl-pgbtn-ellipsis){background:var(--n-100);border-color:var(--n-300);color:var(--n-900)}.tbl-pgbtn:disabled{cursor:not-allowed;opacity:.45}.tbl-pgbtn.is-active{background:var(--clr-accent);border-color:var(--clr-accent);color:var(--n-0)}.tbl-pgbtn-ellipsis{background:#0000;border:none;color:var(--n-400);cursor:default;pointer-events:none}@media (max-width:640px){.tbl-pagination{align-items:stretch;flex-direction:column;gap:8px}.tbl-pagination-count,.tbl-pagination-nav,.tbl-pagination-size{justify-content:center}}.hrcalendar-upload-card{margin-bottom:12px}.hrcalendar-upload-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.hrcalendar-file{margin-bottom:0;max-width:280px}.hrcalendar-demo-wrap{border:1px solid var(--n-200);border-radius:var(--radius-lg);overflow-x:auto}.hrcalendar-demo-table{margin-bottom:0;min-width:900px}.hrcalendar-demo-cell{font-size:11px}.hrcalendar-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hrcalendar-month{color:var(--n-800);font-family:var(--font-display);font-size:20px;font-weight:700}.hrcalendar-grid{border-collapse:initial;border-spacing:4px;width:100%}.hrcalendar-weekday{color:var(--n-400);font-size:11px;font-weight:700;letter-spacing:.6px;padding:4px 6px 8px;text-align:center;text-transform:uppercase}.hrcalendar-weekday.is-weekend{color:var(--danger-400)}.hrcalendar-cell-wrap{padding:0 2px;vertical-align:top}.hrcalendar-cell{align-items:center;background:var(--n-50);border:1.5px solid #0000;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:64px;padding:8px 6px 6px;text-align:center;transition:all var(--dur-base) ease;width:100%}.hrcalendar-cell:hover{background:var(--brand-50);border-color:var(--brand-200);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.hrcalendar-cell.is-weekend{background:var(--warning-50)}.hrcalendar-cell.is-weekend:hover{background:var(--warning-100);border-color:var(--warning-200)}.hrcalendar-cell.is-today{background:var(--brand-50);border-color:var(--clr-accent);box-shadow:0 0 0 2px var(--brand-100)}.hrcalendar-cell.is-selected{background:var(--success-50);border-color:var(--success-400);box-shadow:0 0 0 2px var(--success-100)}.hrcalendar-cell-date{color:var(--n-800);font-size:14px;font-weight:700;line-height:var(--lh-tight)}.hrcalendar-cell.is-today .hrcalendar-cell-date{color:var(--clr-accent)}.hrcalendar-cell.is-weekend .hrcalendar-cell-date{color:var(--warning-600)}.hrcalendar-dots{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:8px}.hrcalendar-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.hrcalendar-dot--event{background:var(--clr-accent)}.hrcalendar-dot--holiday{background:var(--danger-500)}.hrcalendar-dot--milestone{background:var(--warning-400)}.hrcalendar-dot--training{background:var(--brand-400)}.hrcalendar-dot--deadline{background:var(--danger-400)}.hrcalendar-dot--meeting{background:var(--brand-400)}.hrcalendar-dot-more{color:var(--n-500);font-size:10px;font-weight:700;line-height:var(--lh-tight);margin-top:1px}.hrcalendar-empty{min-height:64px}.hrcalendar-detail-panel{animation:hrcal-slidein var(--dur-base) ease;background:var(--n-0);border:1.5px solid var(--n-200);border-radius:var(--radius-2xl);margin-top:14px;overflow:hidden}@keyframes hrcal-slidein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hrcalendar-detail-header{align-items:center;background:linear-gradient(135deg,var(--n-50),var(--n-100));border-bottom:1px solid var(--n-200);display:flex;justify-content:space-between;padding:12px 16px}.hrcalendar-detail-title{color:var(--n-900);font-family:var(--font-display);font-size:13px;font-weight:700}.hrcalendar-detail-close{background:none;border:none;border-radius:var(--radius-md);color:var(--n-400);cursor:pointer;font-size:14px;padding:2px 6px;transition:all var(--dur-base)}.hrcalendar-detail-close:hover{background:var(--danger-100);color:var(--danger-500)}.hrcalendar-detail-empty{color:var(--n-400);font-size:13px;padding:20px 16px;text-align:center}.hrcalendar-detail-list{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.hrcalendar-detail-card{align-items:flex-start;border:1px solid #0000;border-radius:var(--radius-xl);display:flex;gap:12px;padding:10px 14px}.hrcalendar-detail-card--event{background:var(--brand-50);border-color:var(--brand-200)}.hrcalendar-detail-card--holiday{background:var(--danger-50);border-color:var(--danger-200)}.hrcalendar-detail-card--milestone{background:var(--warning-50);border-color:var(--warning-200)}.hrcalendar-detail-card--training{background:var(--brand-50);border-color:var(--brand-100)}.hrcalendar-detail-card--deadline{background:var(--danger-50);border-color:var(--danger-200)}.hrcalendar-detail-card-left{padding-top:4px}.hrcalendar-detail-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.hrcalendar-detail-card-body{flex:1 1}.hrcalendar-detail-card-title{color:var(--n-900);font-size:13px;font-weight:700;margin-bottom:4px}.hrcalendar-detail-card-meta{align-items:center;color:var(--n-500);display:flex;flex-wrap:wrap;font-size:11px;gap:4px}.hrcalendar-detail-card-desc{color:var(--n-700);font-size:12px;line-height:var(--lh-normal);margin-top:6px}.hrcalendar-upcoming{border-top:1px solid var(--n-200);margin-top:14px;padding-top:12px}.hrcalendar-upcoming-title{color:var(--n-800);font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:8px}.hrcalendar-empty-upcoming{color:var(--n-400);font-size:13px}.hrcalendar-upcoming-row{align-items:center;border-bottom:1px solid var(--n-100);display:flex;gap:10px;padding:8px 0}.hrcalendar-upcoming-row:last-child{border-bottom:none}.hrcalendar-upcoming-date{color:var(--n-500);font-size:12px;font-weight:600;min-width:90px}.hrcalendar-upcoming-name{color:var(--n-900);flex:1 1;font-size:13px;font-weight:600}.hrcalendar-create-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}@media (max-width:1024px){.hrcalendar-month{font-size:18px}.hrcalendar-cell{min-height:52px;padding:6px 4px 4px}.hrcalendar-cell-date{font-size:12px}.hrcalendar-dot{height:6px;width:6px}.hrcalendar-upcoming-row{flex-wrap:wrap}.hrcalendar-upcoming-date{min-width:0;min-width:auto}}.empnotespage-inline-1{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.empnotespage-inline-2{color:var(--n-500);font-size:13px}.empnotespage-inline-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.empnotespage-inline-4{padding:14px 16px}.empnotespage-inline-5{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.empnotespage-inline-6{font-size:14px;font-weight:700}.empnotespage-inline-7{display:flex;gap:4px}.empnotespage-inline-8{color:var(--n-500)}.empnotespage-inline-8,.empnotespage-inline-9{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;width:22px}.empnotespage-inline-9{color:var(--danger-500)}.empnotespage-inline-10{color:var(--n-700);font-size:12px;line-height:var(--lh-normal);white-space:pre-wrap}.empnotespage-inline-11{color:var(--n-400);font-size:10px;margin-top:10px}.empnotespage-inline-12{padding:40px;text-align:center}.empnotespage-inline-13{align-items:center;display:inline-flex;height:32px;justify-content:center;margin-bottom:8px;width:32px}.empnotespage-inline-13 svg{height:32px;width:32px}.empnotespage-inline-14{font-weight:600;margin-bottom:4px}.empnotespage-inline-15{color:var(--n-400);font-size:12px}.empnotespage-inline-16{display:flex;gap:8px}.empnotespage-dyn-1{background:var(--empnotespage-1-background);border:1px solid var(--n-200)}.empnotespage-dyn-2{background:var(--empnotespage-2-background);border:var(--empnotespage-2-border);border-radius:var(--radius-md);box-shadow:var(--empnotespage-2-box-shadow);cursor:pointer;height:28px;width:28px}.tfa-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;box-shadow:0 2px 16px #00000014;box-sizing:border-box;overflow:hidden;width:100%}.tfa-head{background:var(--n-50);border-bottom:1px solid var(--clr-border);padding:16px 20px}.tfa-head-row{align-items:center;display:flex;gap:10px}.tfa-head-main{flex:1 1;min-width:0}.tfa-title{color:var(--clr-dark);font-size:16px;font-weight:700}.tfa-subtitle{color:var(--clr-text-muted);font-size:12px;margin-top:2px}.tfa-badge{border-radius:20px;flex:none;font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.tfa-badge--on{background:var(--clr-success-bg);border:1px solid var(--clr-success-border);color:var(--clr-success)}.tfa-badge--off{background:var(--n-50);border:1px solid var(--clr-border);color:var(--clr-text-muted)}.tfa-body{padding:20px}.tfa-intro{color:var(--clr-text-light);font-size:13px;line-height:1.6;margin-bottom:16px}.tfa-loading{color:var(--clr-text-muted);font-size:13px}.tfa-alert{border-radius:8px;font-size:13px;font-weight:600;line-height:1.6;margin-bottom:16px;padding:12px 14px}.tfa-alert--success{background:var(--clr-success-bg);border:1px solid var(--clr-success-border);color:var(--clr-success)}.tfa-alert--error{background:var(--clr-danger-bg);border:1px solid var(--clr-danger-border);color:var(--clr-danger)}.tfa-note{border-radius:8px;font-size:13px;line-height:1.6;padding:12px 14px}.tfa-note+.tfa-note{margin-top:12px}.tfa-note--success{background:var(--clr-success-bg);border:1px solid var(--clr-success-border);color:var(--clr-success)}.tfa-note--info{background:var(--n-50);border:1px solid var(--clr-border);color:var(--clr-text-light);font-size:12.5px}.tfa-note--warn{background:var(--clr-warning-bg);border:1px solid var(--clr-warning-border);color:var(--warning-700);color:var(--clr-warning-dark,var(--warning-700));font-size:12.5px}.tfa-note--info b,.tfa-note--info strong{color:var(--clr-dark)}.tfa-done-title{color:var(--success-700);font-size:14px;font-weight:700}.tfa-done-desc{margin-top:6px}.tfa-btn{background:var(--clr-accent);border:none;border-radius:8px;color:var(--n-0);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:11px 18px;transition:background .15s}.tfa-btn:hover:not(:disabled){background:var(--clr-accent-hover)}.tfa-btn:disabled{cursor:not-allowed;opacity:.6}.tfa-btn--ghost{background:var(--clr-surface);border:1px solid var(--clr-border);color:var(--clr-text-light)}.tfa-btn--ghost:hover:not(:disabled){background:var(--n-50)}.tfa-btn--sm{font-size:12px;padding:7px 14px}.tfa-btn--mt{margin-top:16px}.tfa-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tfa-step{align-items:center;display:flex;gap:10px;margin-bottom:10px}.tfa-step-num{background:var(--clr-accent);border-radius:50%;color:var(--n-0);display:inline-grid;flex:none;font-size:11px;font-weight:700;height:22px;place-items:center;width:22px}.tfa-step-title{color:var(--clr-dark);font-size:13px;font-weight:700}.tfa-qr-row,.tfa-step-body{padding-left:32px}.tfa-qr-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.tfa-qr-img{background:#fff;border:1px solid var(--clr-border);border-radius:10px;height:140px;padding:6px;width:140px}.tfa-qr-info{flex:1 1;min-width:180px}.tfa-qr-apps{color:var(--clr-text-light);font-size:12px;line-height:1.5;margin-bottom:10px}.tfa-qr-apps b{color:var(--clr-dark)}.tfa-key-label{color:var(--clr-text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.tfa-key{background:var(--n-50);border:1px solid var(--clr-border);border-radius:8px;color:var(--clr-dark);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.5px;margin-bottom:8px;padding:9px 11px;word-break:break-all}.tfa-input{background:var(--clr-input-bg);border:1px solid var(--clr-input-border);border-radius:8px;box-sizing:border-box;color:var(--clr-text);font-family:inherit;font-size:14px;padding:11px 13px;width:100%}.tfa-input:focus{border-color:var(--clr-input-focus);box-shadow:0 0 0 3px var(--clr-accent-ring);outline:none}.tfa-otp-input{font-feature-settings:"tnum";font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:6px;max-width:180px;text-align:center}.login-page{background:linear-gradient(135deg,var(--brand-50) 0,var(--brand-50) 50%,var(--n-50) 100%);display:flex;font-family:var(--font-display);min-height:100vh;overflow-x:hidden}.login-page *,.login-page :after,.login-page :before{box-sizing:border-box}.login-left{align-items:center;background:linear-gradient(120deg,var(--brand-800) 0,var(--brand-600) 52%,var(--brand-500) 100%);display:flex;flex:0 0 50%;justify-content:center;max-width:720px;overflow:hidden;position:relative}.login-mark{display:inline-block;line-height:0;margin:0 0 32px;position:relative}.login-mark .login-logo-box{margin:0}.login-left-helm{height:400px;left:50%;margin:-200px 0 0 -200px;opacity:.16;top:50%;-webkit-user-select:none;user-select:none;width:400px;z-index:0}.login-left-glow,.login-left-helm{pointer-events:none;position:absolute}.login-left-glow{animation:loginGlowPulse 6s var(--ease-in-out) infinite;background:radial-gradient(circle,#3b82f647 0,#2563eb33 40%,#0000 72%);border-radius:50%;height:350px;left:25%;top:10%;width:350px}.login-left-glow:after{animation:loginGlowPulse 8s var(--ease-in-out) infinite reverse;background:radial-gradient(circle,#bfdbfe3d 0,#0000 70%);border-radius:50%;bottom:-100px;content:"";height:250px;position:absolute;right:-80px;width:250px}@keyframes loginGlowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.login-left-dots{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:56px 56px;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 30%,#0000 78%);mask-image:radial-gradient(120% 90% at 50% 45%,#000 30%,#0000 78%);pointer-events:none;position:absolute}.login-left:before{background:linear-gradient(180deg,#0000 0,#60a5fa80 30%,#60a5fa80 70%,#0000);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.login-left-content{animation:loginFadeUp var(--dur-slower) var(--ease-out);padding:42px 24px;position:relative;text-align:center;z-index:2}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo-box{align-items:center;background:var(--n-0);border-radius:var(--radius-2xl);box-shadow:0 12px 40px #0000004d,0 0 0 1px #ffffff0f,0 0 60px #6366f114;display:flex;height:110px;justify-content:center;margin:0 auto 32px;overflow:hidden;position:relative;transition:transform var(--dur-slow) ease;width:110px;z-index:1}.login-logo-box:hover{transform:scale(1.04)}.login-logo-img{height:78px;object-fit:contain;width:78px}.login-logo-fallback{align-items:center;display:flex;justify-content:center}.login-brand{font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;text-shadow:0 2px 18px #0006}.login-brand,.login-brand-sub{color:var(--on-dark);position:relative;z-index:1}.login-brand-sub{font-size:20px;font-weight:700;letter-spacing:.5px;line-height:var(--lh-tight);margin:0 0 10px;text-shadow:0 2px 10px #0006}.login-brand-co{color:var(--on-dark-accent);font-size:16px;font-weight:600;letter-spacing:.3px;margin:0;position:relative;text-shadow:0 1px 8px #00000059;z-index:1}.login-right{align-items:center;background:linear-gradient(180deg,var(--n-0) 0,var(--n-50) 100%);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:40px;position:relative}.login-form-wrap{animation:loginFormSlide var(--dur-slower) var(--ease-out) var(--dur-base) both;max-width:400px;position:relative;width:100%;z-index:1}.login-bubbles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.login-bub{background:radial-gradient(circle at 32% 30%,#1668b321 0,#1668b30d 55%,#1668b300 72%);border-radius:50%;position:absolute;will-change:transform}.login-bub-1{animation:loginBubA 23s var(--ease-in-out) -4s infinite;height:210px;left:6%;top:8%;width:210px}.login-bub-2{animation:loginBubB 31s var(--ease-in-out) -11s infinite;height:96px;left:12%;top:62%;width:96px}.login-bub-3{animation:loginBubC 19s var(--ease-in-out) -7s infinite;height:148px;left:74%;top:24%;width:148px}.login-bub-4{animation:loginBubA 37s var(--ease-in-out) -19s infinite;height:62px;left:68%;top:80%;width:62px}.login-bub-5{animation:loginBubB 27s var(--ease-in-out) -3s infinite;height:260px;left:44%;top:52%;width:260px}.login-bub-6{animation:loginBubC 43s var(--ease-in-out) -25s infinite;height:118px;left:52%;top:4%;width:118px}@keyframes loginBubA{0%,to{transform:translate(0) scale(1)}33%{transform:translate(38px,-30px) scale(1.09)}66%{transform:translate(-22px,26px) scale(.95)}}@keyframes loginBubB{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-34px,-22px) scale(.93)}75%{transform:translate(26px,34px) scale(1.07)}}@keyframes loginBubC{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,40px) scale(1.12)}}@keyframes loginFormSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.login-title{color:var(--brand-800);font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.028em;margin:0 0 8px}.login-subtitle{color:var(--n-600);font-size:14px;line-height:var(--lh-relaxed);margin:0 0 36px}.login-error{align-items:center;animation:loginShake var(--dur-slower) ease;background:var(--clr-danger-bg);border:1px solid var(--clr-danger-border);border-radius:var(--radius-xl);color:var(--clr-danger-dark);display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}@keyframes loginShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.login-field{margin-bottom:24px}.login-label{color:var(--n-700);display:block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{left:14px;pointer-events:none;position:absolute;transition:stroke var(--dur-base);z-index:1}.login-input-wrap:focus-within .login-input-icon{stroke:var(--clr-accent)!important}.login-input{background:var(--n-100);border:1.5px solid var(--n-300);border-radius:var(--radius-xl);color:var(--brand-900);font-family:inherit;font-size:14px;outline:none;padding:14px 14px 14px 44px;transition:all var(--dur-slow) ease;width:100%}.login-input:focus{background:var(--n-0);border-color:var(--clr-accent);box-shadow:0 0 0 3.5px #2563eb33}.login-input::placeholder{color:var(--clr-text-muted);font-weight:400}.login-pw-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;opacity:.5;padding:4px;position:absolute;right:12px;transition:opacity var(--dur-base)}.login-pw-toggle:hover{opacity:1}.login-btn{background:linear-gradient(135deg,var(--brand-700) 0,var(--clr-accent) 52%,var(--clr-accent) 100%);border:none;border-radius:var(--radius-xl);box-shadow:0 4px 18px #1e40af59;color:var(--n-0);cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.3px;margin-top:8px;overflow:hidden;padding:16px;position:relative;transition:all var(--dur-slow) ease;width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--dur-slower) ease;width:200%}.login-btn:hover:before{left:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--clr-accent-hover) 0,var(--clr-accent) 45%,var(--brand-400) 100%);box-shadow:0 8px 25px #1e40af6b;transform:translateY(-2px)}.login-btn:active:not(:disabled){box-shadow:0 4px 14px #1e40af4d;transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-or{align-items:center;display:flex;gap:12px;margin:20px 0 16px}.login-or-rule{background:var(--n-200);background:var(--clr-border,var(--n-200));flex:1 1;height:1px}.login-or-text{color:var(--n-400);color:var(--clr-text-muted,var(--n-400));font-size:11px;font-weight:700;letter-spacing:.08em}.login-google-btn{align-items:center;background:#fff;border:1px solid var(--clr-border,var(--n-200));border-radius:8px;border-radius:var(--radius-lg,8px);color:#1f2937;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:11px 16px;transition:opacity var(--dur-base) ease,filter var(--dur-base) ease,box-shadow var(--dur-base) ease;width:100%}.login-google-btn:hover:not(:disabled){box-shadow:0 2px 10px #0f20441f}.login-google-btn:disabled{cursor:not-allowed}.login-google-btn.is-locked{filter:grayscale(.5);opacity:.5}.login-google-hint{color:var(--n-400);color:var(--clr-text-muted,var(--n-400));font-size:12px;margin-top:8px;text-align:center}@media (prefers-reduced-motion:reduce){.login-google-btn{transition:none}}.login-spinner{animation:loginSpin var(--dur-slower) linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top:2.5px solid var(--n-0);display:inline-block;height:20px;width:20px}@keyframes loginSpin{to{transform:rotate(1turn)}}.login-footer{display:flex;flex-direction:column;gap:4px;margin-top:40px;text-align:center}.login-footer span{color:var(--clr-text-muted);font-size:11px}.login-footer span:first-child{color:var(--n-600);font-weight:700}@media (max-width:1024px){.login-page{flex-direction:column;min-height:100vh;overflow-y:auto}.login-left{flex:0 0 auto;max-width:none;padding:28px 24px 24px}.login-left-content{padding:0}.login-left-helm{display:none}.login-logo-box{border-radius:var(--radius-2xl);height:76px;width:76px}.login-mark{margin-bottom:16px}.login-logo-img{height:52px;width:52px}.login-brand{font-size:20px;margin-bottom:6px}.login-brand-sub{font-size:14px;margin-bottom:4px}.login-brand-co{font-size:13px}.login-right{align-items:flex-start;flex:1 1;padding:28px 20px 32px}.login-form-wrap{max-width:100%}}@media (max-width:480px){.login-page{-webkit-overflow-scrolling:touch;min-height:100vh;overflow-y:auto}.login-left{padding:22px 20px 18px}.login-logo-box{border-radius:var(--radius-2xl);height:68px;width:68px}.login-mark{margin-bottom:12px}.login-logo-img{height:46px;width:46px}.login-brand{font-size:20px;letter-spacing:2px;margin-bottom:4px}.login-brand-sub{font-size:13px}.login-brand-co{font-size:12px}.login-right{padding:24px 16px 28px}.login-title{font-size:20px;margin-bottom:6px}.login-subtitle{font-size:13px;margin-bottom:24px}.login-form-wrap{max-width:100%}.login-input{font-size:14px;padding:12px 12px 12px 40px}.login-btn{font-size:14px;padding:14px}.login-footer{margin-top:24px}}.login-required-star{color:var(--danger-500);font-weight:700;margin-left:2px}.login-role-select{position:relative}.login-role-trigger{align-items:center;background:var(--n-100);border:1.5px solid var(--n-300);border-radius:var(--radius-xl);color:var(--brand-900);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;justify-content:space-between;padding:12px 14px;transition:all var(--dur-base) ease;width:100%}.login-role-trigger:hover{border-color:var(--clr-accent)}.login-role-select.is-open .login-role-trigger{background:var(--n-0);border-color:var(--clr-accent);box-shadow:0 0 0 3.5px #2563eb33}.login-role-trigger-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.login-role-placeholder{color:var(--n-400);font-weight:400}.login-role-text{color:var(--brand-900);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-role-chev{flex:0 0 auto;transition:transform var(--dur-base) ease}.login-role-chev.rot{transform:rotate(180deg)}.login-role-list{background:var(--n-0);border:1.5px solid var(--n-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);left:0;list-style:none;margin:6px 0 0;max-height:320px;overflow-y:auto;padding:6px;position:absolute;right:0;top:100%;z-index:50}.login-role-item{border-radius:var(--radius-lg);color:var(--brand-900);cursor:pointer;font-size:14px;font-weight:600;padding:12px 14px;transition:background var(--dur-base) ease}.login-role-item+.login-role-item{margin-top:2px}.login-role-item:hover{background:var(--n-100)}.login-role-item.is-selected{background:var(--brand-50);color:var(--clr-accent-hover)}.login-fp-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:-8px 0 14px}.login-explore{align-items:center;background:none;border:0;color:var(--clr-accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:0;transition:color var(--dur-base) var(--ease-out)}.login-explore svg{transition:transform var(--dur-base) var(--ease-out)}.login-explore:hover{text-decoration:underline}.login-explore:hover svg{transform:translateX(3px)}@media (prefers-reduced-motion:reduce){.login-explore svg,.login-explore:hover svg{transform:none;transition:none}}.login-fp-link{background:none;border:none;color:var(--clr-accent);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:0}.login-fp-link:hover{text-decoration:underline}.login-fp-link:disabled{color:var(--n-400);cursor:not-allowed;text-decoration:none}.login-back{background:none;border:none;color:var(--n-500);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:0 0 16px}.login-back:hover{color:var(--n-900)}.login-fp-title{color:var(--brand-900);font-family:inherit;font-size:20px;font-weight:700;margin:0 0 6px}.login-fp-sub{color:var(--n-500);font-size:13px;line-height:var(--lh-relaxed);margin:0 0 20px}.login-info{background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-lg);color:var(--success-700);font-size:12px;margin:0 0 14px;padding:10px 12px}.login-otp-input{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:20px!important;font-weight:700;letter-spacing:6px;padding-left:12px!important;text-align:center}.login-fp-note{color:var(--n-400);font-size:12px;margin:14px 0 0;text-align:center}.login-fp-resend{color:var(--n-600);font-size:13px;margin-top:14px;text-align:center}.login-fp-success{padding:8px 0;text-align:center}.login-fp-success-icon{align-items:center;background:var(--success-100);border-radius:50%;display:flex;height:80px;justify-content:center;margin:8px auto 18px;width:80px}.login-fp-success .login-fp-title{margin-bottom:8px}.login-fp-success .login-btn{margin-top:8px}.login-page [role=option]:focus-visible,.login-page a:focus-visible,.login-page button:focus-visible,.login-page input:focus-visible{border-radius:var(--radius-md);outline:2px solid var(--clr-accent);outline-offset:2px}.login-input:focus-visible{outline:none}.login-left button:focus-visible{outline-color:var(--clr-white)}@media (prefers-reduced-motion:reduce){.login-bub,.login-left-glow,.login-left-helm{animation:none}.login-form-wrap,.login-left-content{animation:none;opacity:1;transform:none}.login-error{animation:none}.login-btn:hover:not(:disabled),.login-logo-box{transform:none;transition:none}}.enforce2fa-gate{align-items:center;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow:auto;padding:24px;position:fixed;z-index:1000}.enforce2fa-backdrop{filter:blur(10px) saturate(1.03);overflow:hidden;transform:scale(1.06);transform-origin:center}.enforce2fa-backdrop,.enforce2fa-scrim{inset:0;pointer-events:none;position:fixed;z-index:0}.enforce2fa-scrim{background:#f0f4f994}.enforce2fa-inner{max-width:620px;position:relative;width:100%;z-index:1}.enforce2fa-head{margin-bottom:22px;text-align:center}.enforce2fa-emoji{font-size:42px;line-height:1;margin-bottom:10px}.enforce2fa-title{color:var(--clr-dark);font-family:Sora,sans-serif;font-family:"Sora",var(--font-display,sans-serif);font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0}.enforce2fa-sub{color:var(--clr-text);font-size:14px;font-weight:600;line-height:1.6;margin:10px auto 0;max-width:52ch}.enforce2fa-card{border-radius:14px;box-shadow:0 24px 70px #0b3a6647}.enforce2fa-footer{margin-top:20px;text-align:center}.enforce2fa-signout{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:10px;box-shadow:0 2px 10px #0b3a661f;color:var(--clr-text-light);cursor:pointer;font-size:13px;font-weight:700;padding:9px 22px;transition:background .15s,box-shadow .15s}.enforce2fa-signout:hover{background:var(--n-50);box-shadow:0 4px 16px #0b3a662e}
/*# sourceMappingURL=main.ff72e802.css.map*/