:root{--color-primary:#00897b;--color-primary-light:#4db6ac;--color-primary-dark:#00695c;--color-primary-50:#00897b0f;--color-primary-100:#00897b1f;--color-primary-200:#00897b33;--color-primary-500:#00897b;--color-primary-600:#00796b;--color-primary-700:#00695c;--color-teal:var(--color-primary);--color-teal-light:var(--color-primary-light);--color-teal-lighter:#80cbc4;--color-teal-dark:var(--color-primary-dark);--color-teal-50:var(--color-primary-50);--color-teal-100:var(--color-primary-100);--color-secondary:#475569;--color-secondary-light:#64748b;--color-secondary-dark:#334155;--color-secondary-50:#4755690f;--color-secondary-100:#4755691f;--color-accent:#4f46e5;--color-accent-light:#818cf8;--color-accent-dark:#3730a3;--color-accent-50:#4f46e50f;--color-accent-100:#4f46e51f;--color-info:#2563eb;--color-info-light:#60a5fa;--color-info-dark:#1d4ed8;--color-info-50:#2563eb0f;--color-info-100:#2563eb1f;--color-blue:#2563eb;--color-blue-light:#60a5fa;--color-blue-dark:#1d4ed8;--color-blue-50:#eff6ff;--color-blue-200:#bfdbfe;--color-purple:#7c3aed;--color-purple-50:#7c3aed0f;--color-indigo:var(--color-accent);--color-indigo-light:var(--color-accent-light);--color-indigo-50:var(--color-accent-50);--color-indigo-100:var(--color-accent-100);--color-sky:var(--color-info);--color-sky-50:var(--color-info-50);--color-warning:#d97706;--color-warning-light:#fbbf24;--color-warning-dark:#b45309;--color-warning-50:#d977060f;--color-warning-100:#d977061f;--color-orange:var(--color-warning);--color-orange-50:#fffbeb;--color-gold:#d97706;--color-gold-50:#d9770614;--color-danger:#dc2626;--color-danger-light:#f87171;--color-danger-dark:#b91c1c;--color-danger-50:#dc26260f;--color-danger-100:#dc26261f;--color-red:var(--color-danger);--color-red-light:var(--color-danger-light);--color-red-dark:var(--color-danger-dark);--color-red-50:#fef2f2;--color-pink:var(--color-danger);--color-pink-50:var(--color-red-50);--color-pink-100:#dc26261a;--color-success:#059669;--color-success-light:#34d399;--color-success-dark:#047857;--color-success-50:#0596690f;--color-success-100:#0596691f;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-green:var(--color-success);--color-green-50:#ecfdf5;--color-green-100:#d1fae5;--color-green-600:#059669;--color-green-700:#047857;--color-gray-25:#fcfcfd;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--surface-elevated:#fff;--surface-sunken:#f1f5f9;--surface-overlay:#0f172a99;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-disabled:#94a3b8;--text-inverse:#fff;--text-link:var(--color-primary);--text-link-hover:var(--color-primary-dark);--text-on-primary:#fff;--text-on-danger:#fff;--border-light:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-color:#e2e8f0;--border-focus:var(--color-primary);--input-bg:#fff;--focus-ring-color:var(--color-primary);--focus-ring-offset:2px;--focus-ring-width:2px;--focus-ring:var(--focus-ring-width) solid var(--focus-ring-color);--focus-ring-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--shadow-2xl:0 25px 50px -12px #0003;--shadow-inner:inset 0 2px 4px 0 #0000000a;--shadow-primary:0 4px 14px 0 #00897b40;--shadow-card-hover:0 8px 25px -5px #00000014,0 4px 10px -6px #0000000a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--radius-full:9999px;--space-0:0px;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code","Cascadia Code",monospace;--text-2xs:0.625rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2.25rem;--text-6xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-spring:350ms cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--sidebar-width-collapsed:60px;--sidebar-width-expanded:228px;--sidebar-w:var(--sidebar-width-expanded);--topbar-height:64px;--content-max-width:1280px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:1000;--z-toast:1100;--z-tooltip:1200;--z-skip-link:9999;--density-row-py:var(--space-3);--density-row-px:var(--space-4);--density-control-py:var(--space-2-5);--density-control-px:var(--space-3);--density-gap:var(--space-3);--density-font-size:var(--text-base)}[data-density=compact]{--density-row-py:var(--space-2);--density-row-px:var(--space-3);--density-control-py:var(--space-1-5);--density-control-px:var(--space-2-5);--density-gap:var(--space-2);--density-font-size:var(--text-sm)}[data-theme=dark]{--surface-primary:#1e293b;--surface-secondary:#070f1e;--surface-tertiary:#162032;--surface-elevated:#1e293b;--surface-sunken:#020617;--surface-overlay:#000000b3;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-disabled:#475569;--text-inverse:#020617;--text-link:var(--color-primary);--text-link-hover:var(--color-primary-dark);--border-light:#ffffff0a;--border-default:#ffffff0f;--border-strong:#ffffff1a;--border-color:#ffffff0f;--input-bg:#ffffff0d;--focus-ring-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--shadow-card-hover:0 8px 25px -5px #0006,0 4px 10px -6px #0000004d;--color-green-50:#22c55e1f;--color-red-50:#ef44441f;--color-blue-50:#60a5fa1f;--color-purple-50:#a78bfa1f;--color-orange-50:#f59e0b1f;--color-primary-50:#0dbfb01f;--color-primary-100:#0dbfb02e;--color-accent-50:#a78bfa1f;--color-green-100:#22c55e2e;--color-blue-200:#60a5fa38;--color-teal-50:#0dbfb01a;--color-teal-100:#0dbfb02e;--color-pink-50:#ef44441f;--color-pink-100:#ef44442e;--color-success-50:#22c55e1a;--color-success-100:#22c55e2e;--color-success-bg:#22c55e14;--color-success-border:#22c55e38;--color-sky-50:#60a5fa1f;--color-gold-50:#f59e0b1f;--color-indigo-50:#a78bfa1a;--color-indigo-100:#a78bfa2e;--color-info-50:#60a5fa1f;--color-info-100:#60a5fa2e;--color-secondary-50:#94a3b81f;--color-secondary-100:#94a3b82e;--color-warning-50:#f59e0b1a;--color-warning-100:#f59e0b2e;--color-danger-50:#ef44441a;--color-danger-100:#ef44442e}[data-theme=light]{--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--surface-elevated:#fff;--surface-sunken:#f1f5f9;--surface-overlay:#0f172a99;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-disabled:#94a3b8;--text-inverse:#fff;--text-link:var(--color-primary);--text-link-hover:var(--color-primary-dark);--border-light:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-color:#e2e8f0;--input-bg:#fff;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--shadow-card-hover:0 8px 25px -5px #00000014,0 4px 10px -6px #0000000a}[data-theme=blue]{--color-primary:#38bdf8;--color-primary-light:#7dd3fc;--color-primary-dark:#0ea5e9;--color-primary-50:#38bdf81f;--color-primary-100:#38bdf82e;--color-primary-200:#38bdf840;--color-primary-500:#38bdf8;--color-primary-600:#0ea5e9;--color-primary-700:#0284c7;--color-teal:var(--color-primary);--color-teal-light:var(--color-primary-light);--color-teal-dark:var(--color-primary-dark);--color-teal-50:var(--color-primary-50);--color-teal-100:var(--color-primary-100);--focus-ring-color:#38bdf8;--color-accent:#c084fc;--color-accent-light:#e9d5ff;--color-accent-dark:#a855f7;--color-accent-50:#c084fc1f;--color-accent-100:#c084fc2e;--surface-primary:#0d2137;--surface-secondary:#071524;--surface-tertiary:#143352;--surface-elevated:#102a45;--surface-sunken:#0a1929;--surface-overlay:#000000bf;--text-primary:#e0f2fe;--text-secondary:#7dd3fc;--text-tertiary:#0369a1;--text-disabled:#0c4a6e;--text-inverse:#0a1929;--text-link:#38bdf8;--text-link-hover:#0ea5e9;--text-on-primary:#fff;--border-light:#38bdf80f;--border-default:#38bdf81a;--border-strong:#38bdf82e;--border-color:#38bdf81a;--input-bg:#38bdf812;--color-green-50:#34d3991f;--color-red-50:#f871711f;--color-blue-50:#38bdf81f;--color-orange-50:#fbbf241f;--color-purple-50:#c084fc1f;--color-success:#34d399;--color-success-light:#6ee7b7;--color-success-bg:#34d3991a;--color-success-border:#34d39940;--color-warning-50:#fbbf241a;--color-warning-100:#fbbf242e;--color-danger-50:#f871711a;--color-danger-100:#f871712e;--color-indigo-50:#c084fc1a;--color-indigo-100:#c084fc2e;--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 1px 3px 0 #00000080,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #00000080;--shadow-primary:0 4px 14px 0 #38bdf84d;--shadow-card-hover:0 8px 25px -5px #00000080,0 4px 10px -6px #0006;--focus-ring-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}[data-theme=corporate]{--color-primary:#c8a96e;--color-primary-light:#dcc28a;--color-primary-dark:#b8922e;--color-primary-50:#c8a96e1f;--color-primary-100:#c8a96e2e;--color-primary-200:#c8a96e40;--color-primary-500:#c8a96e;--color-primary-600:#b8922e;--color-primary-700:#9a7824;--color-teal:var(--color-primary);--color-teal-light:var(--color-primary-light);--color-teal-dark:var(--color-primary-dark);--color-teal-50:var(--color-primary-50);--color-teal-100:var(--color-primary-100);--focus-ring-color:#c8a96e;--color-accent:#6ee7b7;--color-accent-light:#a7f3d0;--color-accent-dark:#34d399;--color-accent-50:#6ee7b71f;--color-accent-100:#6ee7b72e;--surface-primary:#1a2744;--surface-secondary:#131c33;--surface-tertiary:#243361;--surface-elevated:#1e2d4f;--surface-sunken:#10182e;--surface-overlay:#000000bf;--text-primary:#f0ece4;--text-secondary:#a89880;--text-tertiary:#5a4e3c;--text-disabled:#3a3028;--text-inverse:#10182e;--text-link:#c8a96e;--text-link-hover:#b8922e;--text-on-primary:#10182e;--border-light:#c8a96e0f;--border-default:#c8a96e1a;--border-strong:#c8a96e2e;--border-color:#c8a96e1a;--input-bg:#ffffff0d;--color-green-50:#6ee7b71f;--color-red-50:#fca5a51f;--color-blue-50:#c8a96e1f;--color-orange-50:#fbbf241f;--color-purple-50:#c084fc1f;--color-success:#6ee7b7;--color-success-light:#a7f3d0;--color-success-bg:#6ee7b71a;--color-success-border:#6ee7b740;--color-warning-50:#fbbf241a;--color-warning-100:#fbbf242e;--color-danger-50:#fca5a51a;--color-danger-100:#fca5a52e;--color-teal-50:#c8a96e1a;--color-teal-100:#c8a96e2e;--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 1px 3px 0 #00000080,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #00000080;--shadow-primary:0 4px 14px 0 #c8a96e4d;--shadow-card-hover:0 8px 25px -5px #00000080,0 4px 10px -6px #0006;--focus-ring-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}[data-theme=ocean]{--color-primary:#06b6d4;--color-primary-light:#22d3ee;--color-primary-dark:#0891b2;--color-primary-100:#06b6d42e;--color-primary-200:#06b6d440;--color-primary-500:#06b6d4;--color-primary-600:#0891b2;--color-primary-700:#0369a1;--color-teal:var(--color-primary);--color-teal-light:var(--color-primary-light);--color-teal-dark:var(--color-primary-dark);--color-teal-50:var(--color-primary-50);--color-teal-100:var(--color-primary-100);--focus-ring-color:#06b6d4;--color-accent:#22d3ee;--color-accent-light:#67e8f9;--color-accent-dark:#0891b2;--color-accent-50:#22d3ee1f;--color-accent-100:#22d3ee2e;--surface-primary:#061526;--surface-secondary:#050f20;--surface-tertiary:#0d2545;--surface-elevated:#0a1e36;--surface-sunken:#030d1a;--surface-overlay:#030d1ad9;--text-primary:#cffafe;--text-secondary:#67e8f9;--text-tertiary:#164e63;--text-disabled:#0c3a4a;--text-inverse:#030d1a;--text-link:#22d3ee;--text-link-hover:#06b6d4;--text-on-primary:#fff;--border-light:#06b6d40f;--border-default:#06b6d41a;--border-strong:#06b6d42e;--border-color:#06b6d41a;--input-bg:#06b6d412;--color-green-50:#34d39924;--color-red-50:#f8717124;--color-blue-50:#06b6d424;--color-orange-50:#fbbf2424;--color-primary-50:#06b6d41f;--color-success:#34d399;--color-success-bg:#34d3991a;--color-success-border:#34d39940;--color-warning-50:#fbbf241a;--color-warning-100:#fbbf242e;--color-danger-50:#f871711a;--color-danger-100:#f871712e;--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 1px 3px 0 #00000080,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #00000080;--shadow-primary:0 4px 14px 0 #06b6d459;--shadow-card-hover:0 8px 25px -5px #00000080,0 4px 10px -6px #0006;--focus-ring-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}[data-theme=high-contrast]{--color-primary:#ff0;--color-primary-light:#ff6;--color-primary-dark:#cc0;--color-primary-50:#ffff001f;--color-primary-100:#ff03;--color-primary-200:#ffff004d;--color-primary-500:#ff0;--color-primary-600:#e6e600;--color-primary-700:#cc0;--color-teal:var(--color-primary);--color-teal-light:var(--color-primary-light);--color-teal-dark:var(--color-primary-dark);--color-teal-50:var(--color-primary-50);--color-teal-100:var(--color-primary-100);--focus-ring-color:#ff0;--focus-ring-width:3px;--focus-ring-offset:3px;--color-accent:#0ff;--color-accent-light:#6ff;--color-accent-dark:#0cc;--color-accent-50:#00ffff1f;--color-accent-100:#0ff3;--surface-primary:#000;--surface-secondary:#0a0a0a;--surface-tertiary:#141414;--surface-elevated:#1a1a1a;--surface-sunken:#000;--surface-overlay:#000000e6;--text-primary:#fff;--text-secondary:#e5e5e5;--text-tertiary:#ccc;--text-disabled:#666;--text-inverse:#000;--text-link:#ff0;--text-link-hover:#ff6;--text-on-primary:#000;--border-light:#333;--border-default:#fff;--border-strong:#fff;--border-color:#fff;--input-bg:#000;--color-green-50:#00ff0024;--color-red-50:#ff505024;--color-blue-50:#00c8ff24;--color-orange-50:#ffc80024;--color-success:#0f0;--color-success-light:#6f6;--color-success-dark:#0c0;--color-success-bg:#00ff001a;--color-success-border:#00ff004d;--color-danger:#f55;--color-danger-light:#f88;--color-danger-dark:#c00;--color-warning:#fa0;--color-warning-light:#fc4;--color-warning-dark:#c80;--shadow-xs:none;--shadow-sm:none;--shadow-md:0 0 0 1px #fff;--shadow-lg:0 0 0 2px #fff;--shadow-xl:0 0 0 2px #fff;--shadow-primary:0 0 0 2px #ff0;--shadow-card-hover:0 0 0 2px #ff0;--focus-ring-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}:root{font-size:14px;font-size:var(--ui-font-size,14px);font-weight:400;font-weight:var(--ui-font-weight,400)}:root,[data-theme=dark],[data-theme=light]{--color-primary:var(--ui-primary,#0dbfb0);--color-primary-light:var(--ui-primary,#34d3c5);--color-primary-dark:var(--ui-primary,#0a9e91);--color-primary-600:var(--ui-primary,#0a9e91)}[data-theme=enterprise]{--color-primary:var(--ui-primary,#60a5fa);--color-primary-light:var(--ui-primary,#93c5fd);--color-primary-dark:var(--ui-primary,#3b82f6);--color-primary-600:var(--ui-primary,#3b82f6)}[data-theme=electemb]{--color-primary:var(--ui-primary,#0dbfb0);--color-primary-light:var(--ui-primary,#34d3c5);--color-primary-dark:var(--ui-primary,#0a9e91);--color-primary-600:var(--ui-primary,#0a9e91)}[data-theme=blue]{--color-primary:var(--ui-primary,#38bdf8);--color-primary-light:var(--ui-primary,#7dd3fc);--color-primary-dark:var(--ui-primary,#0ea5e9);--color-primary-600:var(--ui-primary,#0ea5e9)}[data-theme=corporate]{--color-primary:var(--ui-primary,#c8a96e);--color-primary-light:var(--ui-primary,#dcc28a);--color-primary-dark:var(--ui-primary,#b8922e);--color-primary-600:var(--ui-primary,#b8922e)}[data-theme=ocean]{--color-primary:var(--ui-primary,#06b6d4);--color-primary-light:var(--ui-primary,#22d3ee);--color-primary-dark:var(--ui-primary,#0891b2);--color-primary-600:var(--ui-primary,#0891b2)}[data-theme=high-contrast]{--color-primary:var(--ui-primary,#ff0);--color-primary-light:var(--ui-primary,#ff6);--color-primary-dark:var(--ui-primary,#cc0);--color-primary-600:var(--ui-primary,#e6e600)}:root,[data-theme=blue],[data-theme=corporate],[data-theme=dark],[data-theme=electemb],[data-theme=enterprise],[data-theme=high-contrast],[data-theme=light],[data-theme=ocean]{--color-orange:var(--ui-warning,#d97706);--color-warning:var(--ui-warning,#d97706);--color-red:var(--ui-error,#dc2626);--color-danger:var(--ui-error,#dc2626);--color-red-light:var(--ui-error,#f87171);--color-red-dark:var(--ui-error,#b91c1c)}[data-theme=enterprise]{--color-primary:#60a5fa;--color-primary-light:#93c5fd;--color-primary-dark:#3b82f6;--color-primary-50:#60a5fa1f;--color-primary-100:#60a5fa2e;--color-primary-200:#60a5fa40;--color-primary-500:#60a5fa;--color-primary-600:#3b82f6;--color-primary-700:#2563eb;--color-teal:var(--color-primary);--color-teal-light:var(--color-primary-light);--color-teal-dark:var(--color-primary-dark);--color-teal-50:var(--color-primary-50);--color-teal-100:var(--color-primary-100);--focus-ring-color:#60a5fa;--color-secondary:#8fa0ba;--color-accent:#a78bfa;--color-accent-light:#c4b5fd;--color-accent-dark:#7c3aed;--color-accent-50:#a78bfa1f;--color-accent-100:#a78bfa2e;--surface-primary:#1b2b4b;--surface-secondary:#0f1e36;--surface-tertiary:#243760;--surface-elevated:#1f3154;--surface-sunken:#0d1829;--surface-overlay:#000000b3;--text-primary:#e8edf5;--text-secondary:#8fa0ba;--text-tertiary:#4f6282;--text-disabled:#2a3d5a;--text-inverse:#0d1829;--text-link:#60a5fa;--text-link-hover:#3b82f6;--text-on-primary:#fff;--border-light:#ffffff0a;--border-default:#ffffff12;--border-strong:#ffffff1f;--border-color:#ffffff12;--input-bg:#ffffff0f;--color-green-50:#22c55e1f;--color-red-50:#ef44441f;--color-blue-50:#60a5fa1f;--color-purple-50:#a78bfa1f;--color-orange-50:#f59e0b1f;--color-success-bg:#22c55e14;--color-success-border:#22c55e38;--color-green-100:#22c55e2e;--color-pink-50:#ef44441f;--color-pink-100:#ef44442e;--color-gold-50:#f59e0b1a;--color-indigo-50:#a78bfa1a;--color-indigo-100:#a78bfa2e;--color-info-50:#60a5fa1f;--color-info-100:#60a5fa2e;--color-secondary-50:#8fa0ba1f;--color-secondary-100:#8fa0ba2e;--color-warning-50:#f59e0b1a;--color-warning-100:#f59e0b2e;--color-danger-50:#ef44441a;--color-danger-100:#ef44442e;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--shadow-primary:0 4px 14px 0 #60a5fa4d;--shadow-card-hover:0 8px 25px -5px #0006,0 4px 10px -6px #0000004d;--focus-ring-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}[data-theme=electemb]{--color-primary:#0dbfb0;--color-primary-light:#34d3c5;--color-primary-dark:#0a9e91;--color-primary-50:#0dbfb01f;--color-primary-100:#0dbfb02e;--color-primary-200:#0dbfb040;--color-primary-500:#0dbfb0;--color-primary-600:#0a9e91;--color-primary-700:#087d72;--color-teal:var(--color-primary);--color-teal-light:var(--color-primary-light);--color-teal-dark:var(--color-primary-dark);--color-teal-50:var(--color-primary-50);--color-teal-100:var(--color-primary-100);--focus-ring-color:#0dbfb0;--color-secondary:#8fa0ba;--color-accent:#a78bfa;--color-accent-light:#c4b5fd;--color-accent-dark:#7c3aed;--color-accent-50:#a78bfa1f;--color-accent-100:#a78bfa2e;--surface-primary:#1b2b4b;--surface-secondary:#0f1e36;--surface-tertiary:#243760;--surface-elevated:#1f3154;--surface-sunken:#0d1829;--surface-overlay:#000000b3;--text-primary:#e8edf5;--text-secondary:#8fa0ba;--text-tertiary:#4f6282;--text-disabled:#2a3d5a;--text-inverse:#0d1829;--text-link:#0dbfb0;--text-link-hover:#0a9e91;--text-on-primary:#fff;--border-light:#ffffff0a;--border-default:#ffffff12;--border-strong:#ffffff1f;--border-color:#ffffff12;--input-bg:#ffffff0f;--color-green-50:#22c55e1f;--color-red-50:#ef44441f;--color-blue-50:#60a5fa1f;--color-purple-50:#a78bfa1f;--color-orange-50:#f59e0b1f;--color-success-bg:#22c55e14;--color-success-border:#22c55e38;--color-green-100:#22c55e2e;--color-pink-50:#ef44441f;--color-pink-100:#ef44442e;--color-gold-50:#f59e0b1a;--color-indigo-50:#a78bfa1a;--color-indigo-100:#a78bfa2e;--color-info-50:#0dbfb01f;--color-info-100:#0dbfb02e;--color-secondary-50:#8fa0ba1f;--color-secondary-100:#8fa0ba2e;--color-warning-50:#f59e0b1a;--color-warning-100:#f59e0b2e;--color-danger-50:#ef44441a;--color-danger-100:#ef44442e;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--shadow-primary:0 4px 14px 0 #0dbfb04d;--shadow-card-hover:0 8px 25px -5px #0006,0 4px 10px -6px #0000004d;--focus-ring-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum";font-size:16px;font-variant-numeric:tabular-nums;max-width:100%;text-rendering:optimizeLegibility;width:100%}body,html{overflow-x:hidden}body{font-feature-settings:"cv02","cv03","cv04","cv11";background:linear-gradient(160deg,#eff9f8,#f8fafc 55%,#f0f4fd) fixed;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}#root{max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}[data-theme=dark] body{background:var(--surface-secondary)}[data-theme=blue] body{background:linear-gradient(160deg,#eff4ff,#f5f8ff 55%,#eef2ff) fixed}[data-theme=corporate] body{background:linear-gradient(160deg,#f0f3f7,#f4f6f8 55%,#eef1f5) fixed}[data-theme=ocean] body{background:var(--surface-secondary)}[data-theme=high-contrast] body{background:#000}::selection{background:var(--color-primary-200);color:var(--color-primary-700)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-2xl);letter-spacing:-.02em}h3{font-size:var(--text-xl);letter-spacing:-.015em}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h5,h6{font-weight:var(--weight-medium)}h6{font-size:var(--text-base)}p{line-height:var(--leading-normal);margin:0}small{color:var(--text-secondary);font-size:var(--text-xs)}.text-display{font-size:var(--text-5xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}.text-h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}.text-h1,.text-h2{font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.text-h2{font-size:var(--text-2xl)}.text-h3{font-size:var(--text-xl)}.text-h3,.text-h4{font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.text-h4{font-size:var(--text-lg)}.text-body{font-size:var(--text-base)}.text-body,.text-body-sm{font-weight:var(--weight-normal);line-height:var(--leading-normal)}.text-body-sm{font-size:var(--text-sm)}.text-label{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);line-height:var(--leading-snug);text-transform:uppercase}.text-caption,.text-label{color:var(--text-tertiary);font-size:var(--text-xs)}.text-caption{font-weight:var(--weight-normal);line-height:var(--leading-normal)}.text-overline{color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.text-mono{font-family:var(--font-mono)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{overflow-wrap:break-word;word-break:break-word}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes pulse-ring{0%,to{opacity:.6}50%{opacity:1}}.modal-overlay{align-items:center;animation:fadeIn .15s ease;background:var(--surface-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-6);padding-top:max(var(--space-6),72px);position:fixed;z-index:var(--z-modal)}.modal-content{animation:scaleIn .2s ease;background:var(--surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.modal-content.closing{animation:scaleOut .15s ease}.modal-content.modal-sm{max-width:480px}.modal-content.modal-md{max-width:720px}.modal-content.modal-lg{max-width:960px}.modal-content.modal-xl{max-width:1200px}.modal-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-5) var(--space-6)}.modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.close-btn,.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.close-btn:hover,.modal-close:hover{background:var(--color-gray-100);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.modal-footer{background:var(--surface-secondary);border-top:1px solid var(--border-default);display:flex;flex-shrink:0;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.modal-footer .btn{flex:1 1}.company-container,.component-container,.department-container,.employee-container,.page-container,.user-container{animation:fadeInUp .35s ease-out;max-width:100%;padding:var(--space-6)}.company-header,.component-header,.department-header,.designation-header,.employee-header,.page-header,.salary-type-header,.shift-header,.user-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.company-header h2,.component-header h2,.department-header h2,.designation-header h2,.employee-header h2,.header-left h2,.salary-type-header h2,.shift-header h2,.user-header h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-1) 0}.employee-id,.header-subtitle,.total-count{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.btn{align-items:center;background:var(--color-primary);border:1px solid #0000;border-radius:var(--radius-lg);color:var(--text-on-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);height:36px;justify-content:center;line-height:1;padding:0 var(--space-4);position:relative;text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover:not(:disabled){box-shadow:var(--shadow-sm);filter:brightness(1.05);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:none;filter:brightness(.95);transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.45;pointer-events:none}.btn svg{flex-shrink:0;height:16px;width:16px}.btn-add,.btn-create,.btn-primary,.btn-save,.btn-submit{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary)}.btn-add:hover:not(:disabled),.btn-create:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-save:hover:not(:disabled),.btn-submit:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-primary)}.btn-edit,.btn-modify,.btn-secondary{background:var(--surface-primary);border-color:var(--border-default);color:var(--text-primary)}.btn-edit:hover:not(:disabled),.btn-modify:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--surface-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.btn-danger,.btn-delete{background:var(--color-danger);border-color:var(--color-danger);color:var(--text-on-danger)}.btn-danger:hover:not(:disabled),.btn-delete:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-clear,.btn-warning{background:var(--color-warning);border-color:var(--color-warning);color:var(--text-on-primary)}.btn-clear:hover:not(:disabled),.btn-warning:hover:not(:disabled){background:var(--color-warning-dark);border-color:var(--color-warning-dark)}.btn-info,.btn-print{background:var(--color-info);border-color:var(--color-info);color:var(--text-on-primary)}.btn-info:hover:not(:disabled),.btn-print:hover:not(:disabled){background:var(--color-info-dark);border-color:var(--color-info-dark)}.btn-cancel,.btn-exit,.btn-gray{background:var(--surface-primary);border-color:var(--border-default);color:var(--text-secondary)}.btn-cancel:hover:not(:disabled),.btn-exit:hover:not(:disabled),.btn-gray:hover:not(:disabled){background:var(--surface-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.btn-ghost{background:#0000;border-color:#0000;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-tertiary);box-shadow:none;color:var(--text-primary);transform:none}.btn-outline{background:#0000;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-50);color:var(--color-primary-dark)}.btn-outline-danger{background:#0000;border-color:var(--color-danger);color:var(--color-danger)}.btn-outline-danger:hover:not(:disabled){background:var(--color-danger-50);color:var(--color-danger-dark)}.btn-xs{border-radius:var(--radius-md);font-size:var(--text-2xs);height:26px;padding:0 var(--space-2)}.btn-sm{font-size:var(--text-xs);height:30px;padding:0 var(--space-3)}.btn-lg{font-size:var(--text-base);height:42px;padding:0 var(--space-6)}.btn-xl{border-radius:var(--radius-xl);font-size:var(--text-md);height:48px;padding:0 var(--space-8)}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-lg);height:36px;padding:0;width:36px}.btn-icon.btn-sm{height:30px;width:30px}.btn-icon.btn-lg{height:42px;width:42px}.btn-loading{opacity:.7;pointer-events:none}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:14px;margin-left:var(--space-2);width:14px}.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text],.filter-group select,.filter-input,.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);height:36px;outline:none;padding:0 var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-group select,.filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.filter-group input:focus,.filter-group select:focus,.filter-input:focus,.filter-select:focus{border-color:var(--color-primary);box-shadow:none}.filter-group input:hover:not(:focus),.filter-group select:hover:not(:focus),.filter-input:hover:not(:focus),.filter-select:hover:not(:focus){border-color:var(--border-strong)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.filter-group label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4)}.radio-item,.status-item{align-items:center;cursor:pointer;display:flex;gap:var(--space-2)}.radio-item input[type=radio],.status-item input[type=radio]{appearance:none;border:2px solid var(--border-strong);border-radius:50%;cursor:pointer;flex-shrink:0;height:16px;margin:0;position:relative;transition:all var(--transition-fast);width:16px}.radio-item input[type=radio]:checked,.status-item input[type=radio]:checked{background:var(--color-primary);border-color:var(--color-primary);box-shadow:inset 0 0 0 3px #fff}.radio-item input[type=radio]:hover,.status-item input[type=radio]:hover{border-color:var(--color-primary-light)}.radio-item label,.status-item label{color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.report-type-card input[type=checkbox]{appearance:none;border:2px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:18px;margin:0;position:relative;transition:all var(--transition-fast);width:18px}.report-type-card input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.report-type-card input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.report-type-card input[type=checkbox]:hover{border-color:var(--color-primary-light)}.alert{align-items:center;animation:fadeInDown .25s ease-out;border:1px solid #0000;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);font-weight:500;justify-content:space-between;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.alert-error{background:var(--color-red-50);border-color:var(--color-red-light);color:var(--color-red-dark)}.alert-success{background:var(--color-green-50);border-color:var(--color-green-100);color:var(--color-green-700)}.alert-warning{background:var(--color-orange-50);border-color:var(--color-orange);color:var(--color-orange)}.alert-info{background:var(--color-blue-50);border-color:var(--color-blue-200);color:var(--color-blue-dark)}.alert-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:inline-flex;justify-content:center;opacity:.6;padding:4px;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.form-group{margin-bottom:var(--space-5)}.form-group label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-1-5)}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=time],.form-group input[type=url],.form-group select,.form-group textarea{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);height:38px;outline:none;padding:0 var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px}.form-group textarea{height:auto;min-height:80px;padding:var(--space-2-5) var(--space-3);resize:vertical}.form-group input:hover:not(:focus):not(:disabled),.form-group select:hover:not(:focus):not(:disabled),.form-group textarea:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--surface-tertiary);color:var(--text-tertiary);cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--space-2);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.form-actions{border-top:1px solid var(--border-default);display:flex;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5)}.form-actions .btn{flex:1 1}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-4)}.form-columns{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.form-column-left,.form-column-right{display:flex;flex-direction:column}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.form-grid .form-group.full-width{grid-column:1/-1}.form-section{margin-bottom:var(--space-6)}.form-section h3{align-items:center;border-bottom:1px solid var(--border-default);color:var(--text-primary);display:flex;font-size:var(--text-md);font-weight:600;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.form-hint{color:var(--text-tertiary);display:block;font-size:var(--text-xs);margin-top:var(--space-1)}.checkbox-group{margin-bottom:var(--space-4)}.company-table-container,.department-table-container,.employee-table-container,.table-container,.user-table-container{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);max-height:calc(100vh - 280px);overflow-x:auto;overflow-y:auto}.company-table,.data-table,.department-table,.employee-table,.user-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.company-table thead,.data-table thead,.department-table thead,.designation-table thead,.employee-table thead,.shift-table thead,.user-table thead{background:var(--surface-primary);border-bottom:2px solid var(--border-default);position:sticky;top:0;z-index:1}.company-table th,.data-table th,.department-table th,.designation-table th,.employee-table th,.shift-table th,.user-table th{color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;padding:6px var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.company-table tbody tr,.data-table tbody tr,.department-table tbody tr,.designation-table tbody tr,.employee-table tbody tr,.shift-table tbody tr,.user-table tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.company-table tbody tr:hover,.data-table tbody tr:hover,.department-table tbody tr:hover,.designation-table tbody tr:hover,.employee-table tbody tr:hover,.shift-table tbody tr:hover,.user-table tbody tr:hover{background:var(--color-primary-50)}.company-table tbody tr:last-child,.data-table tbody tr:last-child,.department-table tbody tr:last-child,.designation-table tbody tr:last-child,.employee-table tbody tr:last-child,.shift-table tbody tr:last-child,.user-table tbody tr:last-child{border-bottom:none}.company-table td,.data-table td,.department-table td,.designation-table td,.employee-table td,.shift-table td,.user-table td{color:var(--text-secondary);padding:4px var(--space-4)}.company-name,.department-name,.employee-name,.user-name-cell{color:var(--text-primary);font-weight:500}.empty-cell,.loading-cell{color:var(--text-tertiary);font-style:italic;padding:var(--space-10) var(--space-5)!important;text-align:center}.error-message{background:var(--color-red-50);border:1px solid var(--color-red-light);border-radius:var(--radius-md);color:var(--color-red-dark);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)!important;text-align:center}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:500;line-height:1.6;padding:2px 8px}.badge.badge-success,.status-badge.active{background:var(--color-green-100);color:var(--color-green-700)}.badge.badge-danger,.status-badge.inactive{background:var(--color-red-50);color:var(--color-red)}.badge.badge-warning{background:var(--color-orange-50);color:var(--color-orange)}.badge.badge-info{background:var(--color-blue-50);color:var(--color-blue-dark)}.badge.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.action-buttons{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.action-btn,.action-buttons .btn-delete,.action-buttons .btn-edit{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.action-btn:hover{border-color:var(--border-default)}.action-btn.btn-view{color:var(--color-gray-500)}.action-btn.btn-view:hover{background:var(--color-gray-50);border-color:var(--border-default);color:var(--text-primary)}.action-btn.btn-edit,.action-buttons .btn-edit{color:var(--color-primary)}.action-btn.btn-edit:hover,.action-buttons .btn-edit:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-dark)}.action-btn.btn-delete,.action-buttons .btn-delete{color:var(--color-red)}.action-btn.btn-delete:hover,.action-buttons .btn-delete:hover{background:var(--color-red-50);border-color:var(--color-red-light);color:var(--color-red-dark)}.action-btn.btn-toggle{color:var(--color-primary)}.action-btn.btn-toggle:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.pagination{display:flex;gap:var(--space-1);margin-top:var(--space-5)}.page-btn,.pagination{align-items:center;justify-content:center}.page-btn{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);height:32px;min-width:32px;padding:0 var(--space-2);transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){background:var(--surface-tertiary);border-color:var(--border-strong)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);font-weight:600}.page-numbers{display:flex;gap:var(--space-1)}.page-info{color:var(--text-tertiary);font-size:var(--text-sm);margin-left:var(--space-3)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-text.short{width:60%}.skeleton-circle{border-radius:50%;height:36px;width:36px}@media (max-width:768px){.page-container{padding:var(--space-3)}.modal-content{margin:var(--space-3);max-height:85vh;width:95%}.form-actions{flex-direction:column}.form-columns,.form-grid,.form-row{grid-template-columns:1fr}.data-table{font-size:var(--text-xs)}.data-table td,.data-table th{padding:var(--space-2) var(--space-3)}.pagination{gap:var(--space-1)}.page-numbers,.pagination{flex-wrap:wrap}.page-info{margin-left:0;text-align:center;width:100%}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.table-container{-webkit-overflow-scrolling:touch}.action-btn,.action-buttons .btn-delete,.action-buttons .btn-edit{height:36px;width:36px}.btn,.btn-primary,.btn-secondary,button[type=submit]{font-size:var(--text-sm);min-height:42px}}@media (max-width:480px){.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;margin:0;max-height:90vh;position:fixed;right:0;width:100%}.form-actions button{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{align-items:center;display:flex}.flex-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-span-full{grid-column:1/-1}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.border-t{border-top:1px solid var(--border-default)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.fade-in{animation:fadeInUp .35s ease-out both}.fade-in-1{animation-delay:.04s}.fade-in-2{animation-delay:.08s}.fade-in-3{animation-delay:.12s}.fade-in-4{animation-delay:.16s}.fade-in-5{animation-delay:.2s}.divider{background:var(--border-default);border:none;height:1px;margin:var(--space-4) 0}.no-data{padding:var(--space-10) var(--space-5)}.no-data,.no-data td{color:var(--text-tertiary);text-align:center}.no-data td{padding:var(--space-10) var(--space-5)!important}.photo-upload-box{min-height:120px}.photo-upload-box,.photo-upload-trigger{align-items:center;display:flex;justify-content:center}.photo-upload-trigger{background:#f9fafb;background:var(--surface-secondary,#f9fafb);border:2px dashed #d1d5db;border:2px dashed var(--border-default,#d1d5db);border-radius:8px;border-radius:var(--radius-md,8px);color:#9ca3af;color:var(--text-tertiary,#9ca3af);cursor:pointer;flex-direction:column;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-sm,.875rem);gap:8px;height:120px;transition:all .15s;width:100%}.photo-upload-trigger:hover:not(:disabled){background:#eff6ff;background:var(--color-primary-50,#eff6ff);border-color:#2563eb;border-color:var(--color-primary,#2563eb);color:#2563eb;color:var(--color-primary,#2563eb)}.photo-upload-trigger:disabled{cursor:not-allowed;opacity:.6}.photo-preview{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.photo-preview img{border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);height:100px;object-fit:cover;width:100px}.photo-remove-btn{align-items:center;background:var(--color-red-50);border:none;border-radius:50%;color:var(--color-red);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:0;top:0;transition:all .15s;width:28px}.photo-remove-btn:hover{background:#fca5a5;color:#dc2626}.photo-display{align-items:center;display:flex;justify-content:center;min-height:60px}.photo-display img{border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);height:80px;object-fit:cover;width:80px}.focus-ring:focus-visible,[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);outline:none}.is-disabled,[aria-disabled=true]:not(:disabled){cursor:not-allowed!important;opacity:.55!important;pointer-events:none!important}.hover-bg:hover{background:var(--surface-tertiary)}@media print{:root,[data-theme]{--surface-primary:#fff;--surface-secondary:#fff;--surface-tertiary:#f5f5f5;--text-primary:#000;--text-secondary:#333;--text-tertiary:#555;--border-default:#ccc;--border-light:#e5e5e5;--color-primary:#000;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none}}.v3-page{animation:v3FadeUp .3s ease;display:flex;flex-direction:column;gap:14px;min-height:0}@keyframes v3FadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.v3-toolbar{align-items:center;background:#fff;background:var(--toolbar-bg,#fff);border:1px solid color-mix(in srgb,#fff 80%,#000 20%);border:1px solid color-mix(in srgb,var(--toolbar-bg,#fff) 80%,#000 20%);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;min-height:44px;padding:var(--space-3) var(--space-5);transition:background .25s ease,color .25s ease,border-color .25s ease}.v3-toolbar,.v3-toolbar .v3-badge{color:var(--text-primary);color:var(--toolbar-text,var(--text-primary))}.v3-toolbar .v3-badge{text-shadow:none}.v3-toolbar .ss-searchable__trigger,.v3-toolbar input,.v3-toolbar select{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-color:#ffffff40;color:var(--text-primary);color:var(--toolbar-text,var(--text-primary))}:root:not([style*="--toolbar-bg"]) .v3-toolbar .ss-searchable__trigger,:root:not([style*="--toolbar-bg"]) .v3-toolbar input,:root:not([style*="--toolbar-bg"]) .v3-toolbar select{background:var(--surface-secondary);border-color:var(--border-default);color:var(--text-primary)}.v3-toolbar-left{flex-wrap:wrap}.v3-toolbar-left,.v3-toolbar-right{align-items:center;display:flex;gap:8px}.v3-card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:0 1px 4px #0000000f,0 1px 2px #0000000a;min-width:0}.v3-card-h{border-bottom:1px solid var(--border-default);padding:14px 18px}.v3-card-h,.v3-card-t{align-items:center;display:flex;gap:10px}.v3-card-t{color:var(--text-primary);font-size:var(--text-md);font-weight:700}.v3-ci{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:13px;height:24px;justify-content:center;width:24px}.v3-card-b{padding:14px 18px}.v3-card-link{background:none;border:none;color:var(--color-green);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600}.v3-card-link:hover{opacity:.7}.v3-g2{grid-gap:14px;grid-template-columns:1fr 1fr}.v3-g2,.v3-g3{display:grid;gap:14px}.v3-g3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}.v3-g4{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.v3-ga{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:1200px){.v3-g4{grid-template-columns:1fr 1fr}}@media (max-width:900px){.v3-g3,.v3-g4{grid-template-columns:1fr 1fr}}@media (max-width:600px){.v3-g2,.v3-g3{grid-template-columns:1fr}}.v3-kpi{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:8px 10px;position:relative;transition:transform .2s,box-shadow .2s}.v3-g-compact{gap:10px}.v3-g-compact .v3-kpi{padding:6px 8px}.v3-g-compact .v3-kpi-icon{font-size:12px;height:24px;width:24px}.v3-g-compact .v3-kpi-icon svg{height:12px;width:12px}.v3-g-compact .v3-kpi-top{margin-bottom:3px}.v3-g-compact .v3-kpi-label{font-size:9px;letter-spacing:.5px;margin-bottom:1px}.v3-g-compact .v3-kpi-value{font-size:18px}.v3-kpi:hover{box-shadow:0 6px 16px #00000017;transform:translateY(-2px)}.v3-kpi.att-kpi-click{cursor:pointer;-webkit-user-select:none;user-select:none}.v3-kpi.att-kpi-click:hover{box-shadow:0 2px 10px #0000001a}.v3-kpi.att-kpi-active{box-shadow:0 0 0 4px #2563eb1f;outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:-2px}.v3-kpi-accent{border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;left:0;position:absolute;right:0;top:0}.v3-kpi-glow{border-radius:50%;filter:blur(10px);height:40px;opacity:.07;position:absolute;right:-10px;top:-10px;width:40px}.v3-kpi-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.v3-kpi-icon{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.v3-kpi-icon svg{height:14px;width:14px}.v3-kpi-badge{border-radius:var(--radius-3xl);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;padding:2px 7px}.v3-kpi-label{color:var(--text-tertiary);font-size:9px;font-weight:700;letter-spacing:.6px;margin-bottom:2px;text-transform:uppercase}.v3-kpi-value{color:var(--text-primary);font-family:var(--font-mono);font-size:20px;font-weight:800;line-height:1}.v3-kpi-sub{color:var(--text-tertiary);font-size:var(--text-2xs);margin-top:3px}.v3-kpi-bar{background:var(--border-default);border-radius:2px;height:3px;margin-top:7px;overflow:hidden}.v3-kpi-fill{border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.v3-tw{max-height:calc(100vh - 280px);overflow-x:auto;overflow-y:auto}.v3-tw::-webkit-scrollbar{height:3px;width:3px}.v3-tw::-webkit-scrollbar-thumb{background:var(--border-strong)}.v3-tbl{border-collapse:collapse;font-size:var(--text-sm);width:100%}.v3-tbl th{background:var(--surface-secondary);border-bottom:1px solid var(--border-strong);font-size:var(--text-2xs);font-weight:700;letter-spacing:.8px;padding:7px 10px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.v3-tbl td,.v3-tbl th{color:var(--color-gray-700)}.v3-tbl td{border-bottom:1px solid var(--border-default);line-height:1.3;padding:5px 10px;vertical-align:middle}.v3-tbl tr:last-child td{border-bottom:none}.v3-tbl tr:hover td{background:var(--surface-tertiary)}.v3-section-hdr{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.v3-section-title{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:700}.v3-section-sub{color:var(--text-tertiary);font-size:12px;margin-top:2px}.v3-section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.v3-tbl-wrap{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-2xl);overflow-x:auto;overflow-y:clip;width:100%}.v3-tbl-wrap .v3-tbl th{position:sticky;top:0;z-index:1}.v3-col-action{padding-right:12px!important;text-align:right;white-space:nowrap;width:1%}.v3-col-num{color:var(--text-tertiary);font-size:12px;padding-left:4px!important;padding-right:4px!important;text-align:center!important;white-space:nowrap;width:1px}.v3-badge{align-items:center;border-radius:var(--radius-3xl);display:inline-flex;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;gap:3px;padding:2px 7px;white-space:nowrap}.v3-badge.green{background:var(--color-teal-100);color:var(--color-green)}.v3-badge.red{background:var(--color-pink-100);color:var(--color-pink)}.v3-badge.amber{background:var(--color-gold-50);color:#d97706}.v3-badge.blue{background:var(--color-gray-100);color:var(--color-gray-700)}.v3-badge.purple{background:var(--color-accent-50);color:#a67eff}.v3-badge.teal{background:var(--color-teal-100);color:var(--color-teal)}.v3-badge.pink{background:var(--color-pink-100);color:var(--color-pink)}.v3-badge.cyan{background:var(--color-teal-50);color:var(--color-teal)}.v3-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);gap:var(--space-1);padding:var(--space-2) var(--space-4);transition:all .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.v3-btn:hover{transform:translateY(-1px)}.v3-btn:active{transform:translateY(0);transition:none}.v3-btn-p{background:linear-gradient(135deg,var(--color-teal) 0,color-mix(in srgb,#00897b 75%,#0097a7) 100%);background:linear-gradient(135deg,var(--gs-btn-primary,var(--color-teal)) 0,color-mix(in srgb,var(--gs-btn-primary,#00897b) 75%,#0097a7) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--color-teal) 35%,#0000),inset 0 1px 0 #ffffff1f;box-shadow:0 2px 8px color-mix(in srgb,var(--gs-btn-primary,var(--color-teal)) 35%,#0000),inset 0 1px 0 #ffffff1f;color:var(--text-inverse)}.v3-btn-p:hover{background:linear-gradient(135deg,var(--color-teal-dark) 0,color-mix(in srgb,#00695c 80%,#00838f) 100%);background:linear-gradient(135deg,var(--gs-btn-hover,var(--color-teal-dark)) 0,color-mix(in srgb,var(--gs-btn-hover,#00695c) 80%,#00838f) 100%);box-shadow:0 4px 14px color-mix(in srgb,var(--color-teal) 45%,#0000);box-shadow:0 4px 14px color-mix(in srgb,var(--gs-btn-primary,var(--color-teal)) 45%,#0000)}.v3-btn-o{background:#0000;border:1px solid color-mix(in srgb,var(--color-teal) 40%,#0000);color:var(--color-teal)}.v3-btn-o:hover{background:var(--color-teal-50)}.v3-btn-g{background:var(--surface-primary);border:1px solid var(--border-default);box-shadow:0 1px 2px #0000000d;color:var(--text-secondary)}.v3-btn-g:hover{background:var(--surface-secondary);border-color:var(--border-strong);color:var(--text-primary)}.v3-btn-r{background:var(--color-pink-100);border:1px solid color-mix(in srgb,var(--color-pink) 20%,#0000);color:var(--color-pink)}.v3-btn-r:hover{background:var(--color-pink);color:var(--text-inverse)}.v3-btn-sm{font-size:var(--text-2xs);padding:var(--space-1) var(--space-3)}.v3-inp{background:var(--surface-primary);border:1.5px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:inset 0 1px 2px #0000000a;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:var(--space-2) var(--space-3);transition:border-color .2s,box-shadow .2s;width:100%}.v3-inp:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-teal) 12%,#0000)}.v3-inp::placeholder{color:var(--text-tertiary)}select.v3-inp{cursor:pointer}textarea.v3-inp{resize:vertical}.v3-fg{display:flex;flex-direction:column;gap:4px}.v3-fl{color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:700;letter-spacing:.6px;text-transform:uppercase}.v3-search{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);display:flex;gap:7px;padding:var(--space-1-5) var(--space-2-5)}.v3-search input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--text-xs);outline:none}.v3-search input::placeholder{color:var(--text-tertiary)}.v3-sep{background:var(--border-default);height:1px;margin:9px 0}.v3-stat{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:6px 9px}.v3-stat-label{color:var(--text-tertiary)}.v3-stat-value{font-family:var(--font-mono);font-weight:700}.v3-av{align-items:center;border-radius:50%;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:32px;justify-content:center;width:32px}.v3-feed{display:flex;flex-direction:column}.v3-fi{align-items:flex-start;border-bottom:1px solid var(--border-default);display:flex;gap:8px;padding:7px 0}.v3-fi:last-child{border-bottom:none}.v3-empty{color:var(--text-tertiary);padding:26px 14px;text-align:center}.v3-empty-icon{font-size:var(--text-4xl);margin-bottom:6px}.v3-empty-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;margin-bottom:3px}.v3-act{align-items:center;display:inline-flex;gap:6px}.v3-act button{align-items:center;background:var(--color-pink-50);border:none;border-radius:50%;color:var(--color-pink);cursor:pointer;display:flex;font-size:var(--text-sm);height:24px;justify-content:center;transition:all .15s;width:24px}.v3-act button:hover{background:var(--color-pink-50);transform:scale(1.1)}.v3-act button.approve{color:var(--color-green-600)}.v3-act button.approve,.v3-act button.approve:hover{background:var(--color-green-100)}.v3-toolbar select{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;border-radius:var(--radius-lg);color:var(--text-primary);color:var(--toolbar-text,var(--text-primary));cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;padding:6px 12px;transition:background .2s,border-color .2s,color .2s}.v3-color-dot{border-radius:50%;display:inline-block;height:14px;width:14px}.v3-num{color:var(--color-teal);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:800}.v3-status-text{font-size:var(--text-xs);font-weight:700}.v3-status-text.approved{color:var(--color-green-600)}.v3-status-text.pending{color:#d97706}.v3-status-text.rejected{color:var(--color-red-dark)}.v3-status-text.cancelrequested{color:#b45309}.v3-status-text.cancelled{color:var(--color-gray-500)}.v3-emp-cell{align-items:center;display:flex;gap:10px}.v3-emp-name{color:var(--color-gray-800);font-size:var(--text-sm);font-weight:600}.v3-emp-code{color:var(--color-gray-500);font-family:var(--font-mono);font-size:var(--text-2xs)}.skip-link{background:var(--color-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-on-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);left:var(--space-4);padding:var(--space-3) var(--space-5);position:fixed;text-decoration:none;top:-100%;transition:top var(--transition-fast);z-index:var(--z-skip-link)}.skip-link:focus{outline:none;top:0}:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.btn:focus-visible,.v3-btn:focus-visible,[role=button]:focus-visible,button:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.v3-inp:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus-ring-color);box-shadow:0 0 0 1px var(--focus-ring-color);outline:none}a:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring-shadow);outline:none}[role=listbox]:focus-visible,[role=menuitem]:focus-visible,[role=option]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:0 0 0 var(--focus-ring-offset) var(--surface-primary),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)}:focus:not(:focus-visible){box-shadow:none;outline:none}.btn:hover:not(:disabled):not(:focus-visible),.v3-btn:hover:not(:focus-visible){box-shadow:var(--shadow-sm)}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{margin:inherit;padding:inherit}.not-sr-only,.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;overflow:visible;position:static;white-space:normal;width:auto}.not-sr-only{margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (forced-colors:active){.btn,.v3-btn{border:1px solid ButtonText}.badge,.v3-badge{border:1px solid}input,select,textarea{border:1px solid ButtonText}}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}[aria-busy=true]{cursor:progress}[aria-invalid=true]{border-color:var(--color-danger)!important}[aria-invalid=true]:focus-visible{box-shadow:0 0 0 1px var(--color-danger)}[aria-live]{position:relative}@media (hover:none) and (pointer:coarse){.action-btn,.btn,.page-btn,.sb-item,.v3-btn,[role=button],button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important;min-height:44px}}*{-webkit-tap-highlight-color:transparent}.att-table-wrap,.dashboard-main,.hm-feed,.lm-table-wrap,.notif-list,.sb-nav,.table-container,.table-wrapper,.v3-tw{-webkit-overflow-scrolling:touch}.dashboard-main{overscroll-behavior-y:contain}@media (hover:none) and (pointer:coarse){.btn,.hm-punch-btn,.hm-qa-item,.inv-btn,.lm-btn,.pr-btn,.quick-action-item,.sb-item,[role=button],button{min-height:44px}input,select,textarea{font-size:16px!important;min-height:44px}}@media (max-width:1200px){.company-header,.component-header,.department-header,.designation-header,.employee-header,.page-header,.salary-type-header,.shift-header,.user-header{flex-wrap:wrap;gap:var(--space-3)}}@media (max-width:900px){.filter-row,.form-grid{flex-wrap:wrap}.notif-dropdown{right:-60px;width:320px}.profile-panel{max-width:100%!important;width:100%!important}}@media (max-width:768px){.company-container,.component-container,.department-container,.employee-container,.page-container,.user-container{padding:var(--space-3)}.company-header,.component-header,.department-header,.designation-header,.employee-header,.page-header,.salary-type-header,.shift-header,.user-header{align-items:flex-start;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.company-header h2,.component-header h2,.department-header h2,.employee-header h2,.page-header h2{font-size:var(--text-lg)}.header-actions,.header-right{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%}.data-table-wrapper,.lm-table-wrap,.table-container,.table-wrapper,.v3-tw{-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-3)*-1);overflow-x:auto;padding:0 var(--space-3)}table td,table th{white-space:nowrap}.modal-overlay{padding:var(--space-2)}.modal-content{border-radius:var(--radius-lg);max-height:95vh}.modal-content.modal-lg,.modal-content.modal-xl{max-width:100%}.modal-header{padding:var(--space-3) var(--space-4)}.modal-body{padding:var(--space-4)}.modal-footer{flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.filter-row{align-items:stretch;flex-direction:column;gap:var(--space-2)}.filter-row .filter-group,.filter-row .filter-input,.filter-row .filter-select{width:100%}.v3-toolbar{flex-wrap:wrap;gap:6px;min-width:0;padding:var(--space-2) var(--space-3)}.v3-toolbar-left,.v3-toolbar-right{flex-wrap:wrap;justify-content:flex-start;min-width:0;width:100%}.v3-toolbar-left>*,.v3-toolbar-right>*{max-width:100%;min-width:0}.v3-toolbar .filter-select{flex:1 1 140px;max-width:100%;min-width:0}.v3-tw{max-height:none;max-width:100%;min-width:0;overflow-x:auto}body,html{overflow-x:hidden}.dashboard-main,.v3-page{max-width:100%;overflow-x:hidden}.v3-card,.v3-card-b{max-width:100%;min-width:0}.v3-g2,.v3-g3,.v3-g4,.v3-kpi{min-width:0}.v3-kpi{max-width:100%}.v3-g4{grid-template-columns:1fr}.btn-lg{width:100%}.att-search,.lm-search,.search-bar,.v3-search{max-width:100%;width:100%}.employee-actions,.employee-toolbar{align-items:stretch;flex-direction:column;gap:var(--space-2)}.emp-form-body{grid-template-columns:1fr}.emp-form-row{flex-direction:column;gap:4px}.emp-form-row label{width:auto}.cs-root{padding:var(--space-3)}.cs-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.cs-grid-2,.cs-tab-grid-2{grid-template-columns:1fr}.cs-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.lm-header{align-items:flex-start;flex-direction:column}.lm-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.lm-modal-row-2{grid-template-columns:1fr}.lm-toolbar{align-items:stretch;flex-direction:column;gap:var(--space-2)}.attendance-modal .form-grid,.biometric-grid,.device-grid{grid-template-columns:1fr}.sh-sidebar{display:none}.sh-content{margin-left:0}.sh-mobile-nav{display:flex}.shift-roster-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.login-container{flex-direction:column}.login-hero{display:none}.login-form-side{max-width:none;padding:var(--space-6) var(--space-4);width:100%}.topbar-left{flex:1 1;min-width:0;overflow:hidden}.tb-title{overflow:hidden;white-space:nowrap}.tb-name{overflow:hidden;text-overflow:ellipsis}.tb-chip.tb-date,.tb-chip.tb-time-chip,.tb-theme span:last-child{display:none}.cl-toolbar,.dc-toolbar{align-items:stretch;flex-direction:column;gap:var(--space-2)}.cl-footer,.cl-header,.cp-content-hdr,.cp-page-hdr,.dc-footer,.dc-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.cp-table-wrap,.cp-tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.cp-form-row,.cp-form-row-3{grid-template-columns:1fr}.ss-page-hdr{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.ss-content-hdr,.ss-page-hdr{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.ss-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.ss-form-row{grid-template-columns:1fr}.ss-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.shift-planner-header,.sp-header,.st-header,.st-toolbar{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.sp-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.audit-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.detail-panel,.profile-modal,.slide-panel{max-width:100vw!important;width:100vw!important}.action-buttons,.btn-group,.dialog-actions,.form-actions,.modal-footer,.profile-footer,.toolbar-actions{flex-wrap:wrap;gap:var(--space-2)}}@media (max-width:480px){.company-container,.component-container,.department-container,.employee-container,.page-container,.user-container{padding:var(--space-2)}.modal-content{border-radius:var(--radius-md);margin:var(--space-1)}.modal-header h3{font-size:var(--text-base)}.v3-g2,.v3-g3,.v3-g4{grid-template-columns:1fr}.btn{font-size:var(--text-xs);height:38px;padding:0 var(--space-3)}.company-header h2,.component-header h2,.department-header h2,.employee-header h2,.page-header h2{font-size:var(--text-base)}.v3-card-b,.v3-card-h{padding:10px 12px}.pagination-container{align-items:stretch;flex-direction:column;gap:var(--space-2)}.pagination-controls,.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-info{font-size:var(--text-xs);text-align:center}.hm-att-grid,.hm-punch-grid{grid-template-columns:1fr 1fr}.hm-punch-grid{gap:6px}.hm-punch-btn{padding:8px 6px}.hm-punch-btn svg{height:16px;width:16px}.hm-leave-stats,.lm-kpi-grid{grid-template-columns:1fr}.emp-form-section{padding:var(--space-3)}.cs-root{padding:var(--space-2)}.cs-header-title{font-size:var(--text-lg)}.notif-dropdown{left:var(--space-2);position:fixed;right:var(--space-2);top:56px;width:auto}.profile-panel{left:0!important;max-width:100vw!important;width:100vw!important}.pr-form-grid-2,.pr-form-grid-3,.pr-run-stats{grid-template-columns:1fr}.inv-header{flex-wrap:wrap;gap:6px;height:auto;padding:10px}.inv-grid-2,.inv-grid-3,.inv-stats-grid{grid-template-columns:1fr}.inv-list-toolbar{align-items:stretch;flex-direction:column}.inv-search{width:100%}.tb-bread,.tb-theme{display:none}.cl-kpis,.dc-kpis,.st-kpis{grid-template-columns:1fr!important}.cp-root{padding:var(--space-2)!important}.ss-form-row{grid-template-columns:1fr}.ss-tc-metrics{grid-template-columns:1fr 1fr}.detail-panel,.profile-modal,.slide-panel{max-width:100vw!important;width:100vw!important}.form-actions,.modal-footer,.profile-footer{flex-wrap:wrap;gap:var(--space-2);justify-content:center}.form-actions .btn,.modal-footer .btn{flex:1 1 auto;min-width:0}}@media (max-height:500px) and (orientation:landscape){.modal-overlay{align-items:flex-start;padding:var(--space-1)}.modal-content{max-height:98vh}.sidebar.mobile-open{max-height:100vh;overflow-y:auto}}@supports (padding:env(safe-area-inset-bottom)){.app-footer-bar{padding-bottom:env(safe-area-inset-bottom)}.dashboard-main{padding-bottom:calc(var(--space-6) + 44px + env(safe-area-inset-bottom))}@media (max-width:768px){.dashboard-main{padding-bottom:calc(var(--space-3) + 44px + env(safe-area-inset-bottom))}}}@media print{.app-footer-bar,.dashboard-topbar,.sidebar,.sidebar-backdrop,.tb-hamburger{display:none!important}.dashboard-layout{padding-left:0!important}.dashboard-main{padding:0}}code{font-family:var(--font-mono)}.App{min-height:100vh}.action-buttons button{padding:15px;width:100%}.electemb-arcs{animation:electemb-spin 1.2s linear infinite;transform-origin:50px 50px}@keyframes electemb-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.electemb-center-text{fill:var(--text-secondary);font-family:inherit;font-size:14px;font-weight:400}[data-theme=dark] .electemb-center-text{fill:var(--border-strong)}.electemb-page{flex-direction:column;gap:12px;min-height:calc(100vh - 200px);padding:48px 16px;width:100%}.electemb-overlay,.electemb-page{align-items:center;display:flex;justify-content:center}.electemb-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;inset:0;position:fixed;z-index:9999}[data-theme=dark] .electemb-overlay{background:#0f172a99}.electemb-overlay-card{align-items:center;background:var(--surface-primary);border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;gap:12px;padding:32px 40px}[data-theme=dark] .electemb-overlay-card{background:var(--text-primary);box-shadow:0 8px 32px #0006}.electemb-inline{align-items:center;display:inline-flex;line-height:1;vertical-align:middle}.electemb-message{color:var(--text-tertiary);font-size:13px;font-weight:500;letter-spacing:.01em}[data-theme=dark] .electemb-message{color:var(--text-disabled)}
/*# sourceMappingURL=main.43633cf6.css.map*/