@charset "UTF-8";@import"https://rsms.me/inter/inter.css";@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwhsk.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwhsk.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwhsk.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwhsk.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mavim-pink: #ec008c;--mavim-pink-deep: #c40078;--mavim-ink: #0a0a14;--mavim-snow: #fafbfd;--ai-gradient: linear-gradient(135deg, #ec008c 0%, #8b5cf6 45%, #5b5bfe 100%);--ai-gradient-soft: linear-gradient(135deg, rgba(236,0,140,.1) 0%, rgba(139,92,246,.12) 45%, rgba(91,91,254,.14) 100%);--ai-glow: 0 0 0 1px rgba(139,92,246,.3), 0 8px 32px -8px rgba(91,91,254,.45), 0 0 60px -10px rgba(236,0,140,.3)}:root{--indigo-50: #eef0ff;--indigo-100: #e0e3ff;--indigo-200: #c4caff;--indigo-300: #a0a8ff;--indigo-400: #7d83ff;--indigo-500: #5b5bfe;--indigo-600: #4646e5;--indigo-700: #3a3ac9;--indigo-800: #2d2da6;--indigo-900: #21217a;--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--slate-0: #ffffff;--slate-25: #fafbfd;--slate-50: #f5f6fa;--slate-100: #eceef4;--slate-200: #dfe2eb;--slate-300: #c4c9d6;--slate-400: #9ba1b3;--slate-500: #6e7587;--slate-600: #4d5366;--slate-700: #353a4a;--slate-800: #1f2230;--slate-850: #161825;--slate-900: #0e0f1a;--slate-950: #08090f;--cyan-500: #06b6d4;--cyan-bg: #ecfeff;--emerald-500: #10b981;--emerald-bg: #ecfdf5;--amber-500: #f59e0b;--amber-bg: #fffbeb;--rose-500: #f43f5e;--rose-bg: #fff1f3}:root{color-scheme:light;--bg-base: var(--slate-25);--bg-subtle: var(--slate-50);--surface: var(--slate-0);--surface-raised: var(--slate-0);--surface-sunken: var(--slate-50);--surface-glass: rgba(255,255,255,.72);--fg-primary: var(--slate-900);--fg-secondary: var(--slate-600);--fg-muted: var(--slate-500);--fg-subtle: var(--slate-400);--fg-on-accent: #ffffff;--fg-on-glass: var(--slate-900);--border: var(--slate-200);--border-strong: var(--slate-300);--border-subtle: var(--slate-100);--divider: var(--slate-100);--accent: var(--indigo-500);--accent-hover: var(--indigo-600);--accent-pressed: var(--indigo-700);--accent-soft: rgba(91,91,254,.1);--accent-soft-bdr: rgba(91,91,254,.25);--focus-ring: 0 0 0 3px rgba(91,91,254,.3);--ai-surface: #fcfaff;--ai-surface-bdr: rgba(139,92,246,.18)}html.dark,[data-theme=dark]{color-scheme:dark;--bg-base: var(--slate-950);--bg-subtle: var(--slate-900);--surface: var(--slate-850);--surface-raised: var(--slate-800);--surface-sunken: var(--slate-900);--surface-glass: rgba(20,22,34,.62);--fg-primary: #eef0f6;--fg-secondary: #b6bccd;--fg-muted: #8b91a4;--fg-subtle: #6a708c;--fg-on-glass: #eef0f6;--border: #2a2e3f;--border-strong: #3a3f55;--border-subtle: #1f2230;--divider: #1f2230;--accent: var(--indigo-400);--accent-hover: var(--indigo-300);--accent-pressed: var(--indigo-200);--accent-soft: rgba(91,91,254,.14);--accent-soft-bdr:rgba(125,131,255,.3);--focus-ring: 0 0 0 3px rgba(125,131,255,.4);--ai-surface: #1a1830;--ai-surface-bdr: rgba(167,139,250,.3)}:root{--success-fg: var(--emerald-500);--success-bg: var(--emerald-bg);--warning-fg: var(--amber-500);--warning-bg: var(--amber-bg);--danger-fg: var(--rose-500);--danger-bg: var(--rose-bg);--info-fg: var(--cyan-500);--info-bg: var(--cyan-bg);--premium-fg: var(--violet-500);--premium-bg: var(--violet-50)}html.dark{--success-bg: rgba(16,185,129,.12);--warning-bg: rgba(245,158,11,.12);--danger-bg: rgba(244,63,94,.12);--info-bg: rgba(6,182,212,.12);--premium-bg: rgba(139,92,246,.14);--violet-50: rgba(139,92,246,.12);--violet-200: rgba(139,92,246,.28)}:root{--elev-0: none;--elev-1: 0 1px 2px rgba(15,18,30,.04), 0 1px 1px rgba(15,18,30,.03);--elev-2: 0 2px 4px rgba(15,18,30,.05), 0 4px 12px rgba(15,18,30,.04);--elev-3: 0 8px 24px rgba(15,18,30,.08), 0 2px 6px rgba(15,18,30,.04);--elev-4: 0 16px 40px rgba(15,18,30,.1), 0 4px 12px rgba(15,18,30,.06);--elev-5: 0 24px 64px rgba(15,18,30,.14), 0 8px 24px rgba(15,18,30,.06);--elev-ai: 0 0 0 1px rgba(139,92,246,.3), 0 12px 36px -10px rgba(91,91,254,.45), 0 0 80px -20px rgba(236,0,140,.3)}html.dark{--elev-1: 0 1px 2px rgba(0,0,0,.4);--elev-2: 0 2px 6px rgba(0,0,0,.5);--elev-3: 0 8px 24px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.04) inset;--elev-4: 0 16px 40px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.05) inset;--elev-5: 0 24px 64px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.06) inset}:root{--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 10px;--r-5: 12px;--r-6: 16px;--r-7: 20px;--r-pill: 9999px}:root{--s-0: 0;--s-1: 2px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 10px;--s-6: 12px;--s-7: 14px;--s-8: 16px;--s-9: 20px;--s-10: 24px;--s-11: 32px;--s-12: 40px;--s-13: 48px;--s-14: 64px;--s-15: 80px}:root{--nav-rail-w: 56px;--nav-rail-w-open: 248px;--topbar-h: 52px;--container-max: 1440px;--page-px: 24px}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--d-instant: 80ms;--d-fast: .14s;--d-base: .22s;--d-slow: .34s;--d-slower: .52s}:root{--font-sans: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter var", "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@supports (font-variation-settings: normal){body,.ds-sans{font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss03"}}:root{--t-hero-size: 56px;--t-hero-line: 1.05;--t-hero-track: -.035em;--t-hero-weight: 700;--t-display-size:40px;--t-display-line:1.1;--t-display-track:-.03em;--t-display-weight:700;--t-h1-size: 28px;--t-h1-line: 1.15;--t-h1-track: -.025em;--t-h1-weight: 650;--t-h2-size: 20px;--t-h2-line: 1.25;--t-h2-track: -.02em;--t-h2-weight: 600;--t-h3-size: 15px;--t-h3-line: 1.3;--t-h3-track: -.01em;--t-h3-weight: 600;--t-h4-size: 13px;--t-h4-line: 1.35;--t-h4-track: 0;--t-h4-weight: 600;--t-body-size: 14px;--t-body-line: 1.5;--t-body-weight: 400;--t-body-sm-size:13px;--t-body-sm-line:1.45;--t-body-sm-weight:400;--t-caption-size:12px;--t-caption-line:1.4;--t-caption-weight:400;--t-label-size: 11px;--t-label-track: .06em;--t-label-weight:600;--t-mono-size: 12.5px;--t-mono-weight: 500;--t-kpi-xl-size: 40px;--t-kpi-xl-weight: 700;--t-kpi-xl-track: -.04em;--t-kpi-lg-size: 28px;--t-kpi-lg-weight: 650;--t-kpi-lg-track: -.03em;--t-kpi-md-size: 20px;--t-kpi-md-weight: 600;--t-kpi-md-track: -.02em}body{font-family:var(--font-sans);font-size:var(--t-body-size);line-height:var(--t-body-line);color:var(--fg-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}.t-hero{font:var(--t-hero-weight) var(--t-hero-size)/var(--t-hero-line) var(--font-display);letter-spacing:var(--t-hero-track)}.t-display{font:var(--t-display-weight) var(--t-display-size)/var(--t-display-line) var(--font-display);letter-spacing:var(--t-display-track)}.t-h1{font:var(--t-h1-weight) var(--t-h1-size)/var(--t-h1-line) var(--font-display);letter-spacing:var(--t-h1-track)}.t-h2{font:var(--t-h2-weight) var(--t-h2-size)/var(--t-h2-line) var(--font-sans);letter-spacing:var(--t-h2-track)}.t-h3{font:var(--t-h3-weight) var(--t-h3-size)/var(--t-h3-line) var(--font-sans);letter-spacing:var(--t-h3-track)}.t-h4{font:var(--t-h4-weight) var(--t-h4-size)/var(--t-h4-line) var(--font-sans)}.t-body{font:var(--t-body-weight) var(--t-body-size)/var(--t-body-line) var(--font-sans)}.t-body-sm{font:var(--t-body-sm-weight) var(--t-body-sm-size)/var(--t-body-sm-line) var(--font-sans)}.t-caption{font:var(--t-caption-weight) var(--t-caption-size)/var(--t-caption-line) var(--font-sans);color:var(--fg-muted)}.t-label{font:var(--t-label-weight) var(--t-label-size)/1.3 var(--font-sans);letter-spacing:var(--t-label-track);text-transform:uppercase;color:var(--fg-muted)}.t-mono{font:var(--t-mono-weight) var(--t-mono-size)/1.3 var(--font-mono)}.t-kpi-xl{font:var(--t-kpi-xl-weight) var(--t-kpi-xl-size)/1 var(--font-display);letter-spacing:var(--t-kpi-xl-track);font-variant-numeric:tabular-nums}.t-kpi-lg{font:var(--t-kpi-lg-weight) var(--t-kpi-lg-size)/1 var(--font-display);letter-spacing:var(--t-kpi-lg-track);font-variant-numeric:tabular-nums}.t-kpi-md{font:var(--t-kpi-md-weight) var(--t-kpi-md-size)/1 var(--font-display);letter-spacing:var(--t-kpi-md-track);font-variant-numeric:tabular-nums}.t-ai-gradient{background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-2);font:500 10.5px/1 var(--font-mono);color:var(--fg-muted)}:root{--primary-color: var(--accent);--primary-dark: var(--accent-hover);--primary-light: var(--accent-pressed);--primary-glow: var(--accent-soft);--accent-color: var(--accent);--accent-hover: var(--accent-hover);--bg-color: var(--bg-base);--bg-subtle: var(--bg-subtle);--card-bg: var(--surface);--card-bg-elevated:var(--surface-raised);--sidebar-bg: var(--surface-sunken);--sidebar-text: var(--fg-secondary);--sidebar-text-active: var(--accent);--sidebar-item-active-bg: var(--accent-soft);--sidebar-border: var(--border-subtle);--sidebar-logo-bg: var(--surface-sunken);--topbar-bg: var(--surface-sunken);--topbar-border: var(--border);--topbar-shadow: none;--text-main: var(--fg-primary);--text-secondary: var(--fg-secondary);--text-muted: var(--fg-muted);--border-color: var(--border);--border-light: var(--border-subtle);--divider: var(--divider);--sidebar-width: var(--nav-rail-w);--sidebar-width-expanded: var(--nav-rail-w-open);--header-height: var(--topbar-h);--status-active: var(--success-fg);--status-active-bg: var(--success-bg);--status-pending: var(--warning-fg);--status-pending-bg: var(--warning-bg);--status-rejected: var(--danger-fg);--status-rejected-bg: var(--danger-bg);--status-leave: var(--info-fg);--status-leave-bg: var(--info-bg);--module-leave: var(--danger-fg);--module-leave-bg: var(--danger-bg);--module-time: var(--info-fg);--module-time-bg: var(--info-bg);--module-attendance: var(--success-fg);--module-attendance-bg: var(--success-bg);--module-performance: var(--violet-500);--module-performance-bg: var(--premium-bg);--module-recruitment: var(--info-fg);--module-recruitment-bg: var(--info-bg);--module-expenses: var(--warning-fg);--module-expenses-bg: var(--warning-bg);--module-onboarding: var(--accent);--module-onboarding-bg: var(--accent-soft);--module-tasks: var(--warning-fg);--module-tasks-bg: var(--warning-bg);--module-documents: var(--accent);--module-documents-bg: var(--accent-soft);--module-assets: var(--fg-muted);--module-assets-bg: var(--bg-subtle);--module-holidays: var(--violet-500);--module-holidays-bg: var(--premium-bg);--module-files: var(--accent);--module-files-bg: var(--accent-soft);--module-travel: var(--warning-fg);--module-travel-bg: var(--warning-bg);--module-compensation:var(--accent);--module-compensation-bg:var(--accent-soft);--module-hr-letters: var(--violet-500);--module-hr-letters-bg: var(--premium-bg);--shadow-xs: var(--elev-1);--shadow-sm: var(--elev-2);--shadow-md: var(--elev-3);--shadow-lg: var(--elev-4);--shadow-xl: var(--elev-5);--shadow-hover: var(--elev-3);--shadow-glow: var(--focus-ring);--radius-xs: var(--r-1);--radius-sm: var(--r-2);--radius-md: var(--r-4);--radius-lg: var(--r-5);--radius-xl: var(--r-6);--radius-2xl: var(--r-7);--radius-full: var(--r-pill);--transition-fast: var(--d-fast);--transition-normal: var(--d-base);--transition-smooth: var(--d-slow);--transition-spring: var(--d-slower);--ai-accent: var(--accent);--ai-purple: var(--violet-500);--ai-purple-light: var(--violet-200);--mav-ai-bg: var(--ai-surface);--mav-ai-fg: var(--accent);--surface-card: var(--surface);--surface-ground: var(--bg-base);--bg-light: var(--bg-subtle);--bg-soft: var(--bg-subtle);--hover-color: var(--bg-subtle);--text-primary: var(--fg-primary);--fg-tertiary: var(--fg-muted);--primary: var(--accent);--warn-color: var(--warning-fg);--fs-display: var(--t-display-size);--legend-color-0: var(--accent);--legend-color-1: var(--emerald-500);--legend-color-2: var(--amber-500);--legend-color-3: var(--cyan-500);--legend-color-4: var(--violet-500);--legend-color-5: var(--rose-500)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring, rgba(91, 91, 254, .3))}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring, rgba(91, 91, 254, .3))}html{--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #002f65);--mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#005cbb, #abc7ff);--mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.dark{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #002f65;--mat-sys-on-tertiary-container: #d7e3ff;--mat-sys-on-tertiary-fixed: #001b3f;--mat-sys-on-tertiary-fixed-variant: #00458f;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #abc7ff;--mat-sys-tertiary-container: #00458f;--mat-sys-tertiary-fixed: #d7e3ff;--mat-sys-tertiary-fixed-dim: #abc7ff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-smooth),color var(--transition-smooth)}html,body{height:100%}.hrms-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow var(--transition-normal),transform var(--transition-normal),background var(--transition-smooth),border-color var(--transition-smooth)}.hrms-card:hover{box-shadow:var(--shadow-md)}.hrms-card-glass{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 24px}.page-header h2,.page-header .header-title{margin:0;font-size:20px;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.page-header .header-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px;font-weight:400}.header-actions{display:flex;align-items:center;gap:10px;min-height:48px}.header-actions .mat-mdc-form-field{width:240px;margin-bottom:0;margin-top:0;--mat-form-field-container-height: 38px;--mat-form-field-container-vertical-padding: 7px}.header-actions .mat-mdc-form-field.search-field{width:320px}.header-actions .mat-mdc-form-field.filter-field{width:175px}.header-actions .mat-mdc-form-field .mat-mdc-text-field-wrapper{height:38px!important;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center}.header-actions .mat-mdc-form-field .mat-mdc-form-field-flex{height:38px!important;align-items:center!important}.header-actions .mat-mdc-form-field .mat-mdc-form-field-infix{padding:0!important;display:flex;align-items:center;height:38px}.header-actions .mat-mdc-form-field .mdc-floating-label{font-size:13px!important}.header-actions .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none!important}.header-actions .mat-mdc-form-field .mat-mdc-select-trigger{height:auto!important}.header-actions .btn-primary,.header-actions .btn-secondary,.header-actions .btn-outline{height:38px!important;padding:0 18px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;line-height:1!important;flex-shrink:0;min-width:max-content}.header-actions .btn-primary mat-icon,.header-actions .btn-secondary mat-icon,.header-actions .btn-outline mat-icon{font-size:17px;width:17px;height:17px;margin:0}.pill,.status-badge{padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:5px;letter-spacing:.01em;text-transform:capitalize;white-space:nowrap}.pill:before,.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0;background:currentColor}.analytics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.metric-tile{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg)}.metric-tile mat-icon{color:var(--accent-color);flex-shrink:0}.metric-tile strong{display:block;font-size:18px;line-height:1.15;color:var(--text-main)}.metric-tile span{display:block;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px}.chart-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);padding:14px;min-width:0}html.dark .metric-tile,html.dark .chart-panel{background:var(--card-bg-elevated)!important;border-color:var(--border-color)!important}.chart-title{font-size:13px;font-weight:700;color:var(--text-main);margin-bottom:8px}.mini-chart{height:220px;width:100%}@media (max-width: 1024px){.analytics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.analytics-strip,.chart-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{flex-wrap:wrap}.header-actions .mat-mdc-form-field.search-field,.header-actions .mat-mdc-form-field.filter-field{width:100%!important}.mini-chart{height:180px}}@media (max-width: 520px){.analytics-strip{grid-template-columns:1fr}.mini-chart{height:150px}}.badge-active{background:var(--status-active-bg);color:var(--status-active)}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending)}.badge-approved{background:var(--status-active-bg);color:var(--status-active)}.badge-resigned{background:#f973161a;color:#f97316}.badge-terminated,.badge-rejected{background:var(--status-rejected-bg);color:var(--status-rejected)}.badge-leave{background:var(--status-leave-bg);color:var(--status-leave)}.badge-probation{background:var(--module-performance-bg);color:var(--module-performance)}.badge-cancelled{background:var(--bg-subtle);color:var(--text-muted)}.badge-revoked{background:var(--module-assets-bg);color:var(--module-assets)}.badge-default{background:var(--bg-subtle);color:var(--text-secondary)}.module-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-icon mat-icon{font-size:21px;width:21px;height:21px}.module-icon.leave{background:var(--module-leave-bg);color:var(--module-leave)}.module-icon.time{background:var(--module-time-bg);color:var(--module-time)}.module-icon.attendance{background:var(--module-attendance-bg);color:var(--module-attendance)}.module-icon.performance{background:var(--module-performance-bg);color:var(--module-performance)}.module-icon.recruitment{background:var(--module-recruitment-bg);color:var(--module-recruitment)}.module-icon.documents{background:var(--module-documents-bg);color:var(--module-documents)}.module-icon.expenses{background:var(--module-expenses-bg);color:var(--module-expenses)}.module-icon.onboarding{background:var(--module-onboarding-bg);color:var(--module-onboarding)}.module-icon.assets{background:var(--module-assets-bg);color:var(--module-assets)}.module-icon.holidays{background:var(--module-holidays-bg);color:var(--module-holidays)}.module-icon.files{background:var(--module-files-bg);color:var(--module-files)}.module-icon.travel{background:var(--module-travel-bg);color:var(--module-travel)}.module-icon.compensation{background:var(--module-compensation-bg);color:var(--module-compensation)}.module-icon.hr-letters{background:var(--module-hr-letters-bg);color:var(--module-hr-letters)}.module-icon.indigo{background:#6366f11a;color:#6366f1}.module-icon.orange{background:#f973161a;color:#f97316}.module-icon.teal{background:#14b8a61a;color:#14b8a6}.module-icon.rbac{background:#f43f5e1a;color:#f43f5e}.table-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--border-color);background:var(--card-bg);overflow:hidden;transition:background var(--transition-smooth),border-color var(--transition-smooth)}.table-card .mat-mdc-table{width:100%;background:var(--card-bg)}.table-card .mat-mdc-header-row{background:var(--bg-subtle);border-bottom:1px solid var(--border-color)}.table-card .mat-mdc-header-cell{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-subtle);border-bottom-color:var(--border-color)!important}.table-card .mat-mdc-row{transition:background var(--transition-fast);border-bottom-color:var(--border-light)!important;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.table-card .mat-mdc-row:hover{background:var(--bg-subtle)!important;box-shadow:inset 3.5px 0 0 0 var(--accent-color)!important}.table-card .mat-mdc-row:last-child{border-bottom:none!important}.table-card .mat-mdc-cell{font-size:13.5px;color:var(--text-main);border-bottom-color:var(--border-light)!important}.loading-shade,.loading-container{display:flex;align-items:center;justify-content:center;padding:48px}.form-section-header{font-size:13px;font-weight:700;color:var(--text-main);padding:10px 0;margin-bottom:16px;border-bottom:2px solid var(--accent-color);display:flex;align-items:center;gap:8px}.form-row{display:flex;gap:16px}.form-row mat-form-field{flex:1}.full-width{width:100%}.empty-msg{color:var(--text-muted);padding:48px 16px;text-align:center;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-msg mat-icon{font-size:40px;width:40px;height:40px;opacity:.3}.cdk-overlay-pane{max-width:none!important}.cdk-overlay-pane.zoho-dialog,.zoho-dialog,.cdk-overlay-pane.mav-modal-panel,.mav-modal-panel{max-width:100vw!important;width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important}.cdk-overlay-pane.zoho-dialog .mat-mdc-dialog-container,.zoho-dialog .mat-mdc-dialog-container,.cdk-overlay-pane.mav-modal-panel .mat-mdc-dialog-container,.mav-modal-panel .mat-mdc-dialog-container{border-radius:0!important;overflow:hidden;padding:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.cdk-overlay-pane.zoho-dialog .mdc-dialog__surface,.zoho-dialog .mdc-dialog__surface,.cdk-overlay-pane.mav-modal-panel .mdc-dialog__surface,.mav-modal-panel .mdc-dialog__surface{border-radius:0!important;display:flex;flex-direction:column;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;background:var(--surface, var(--card-bg))!important;box-shadow:none!important}.cdk-overlay-pane.csv-import-dialog,.csv-import-dialog{max-width:100vw!important;width:100vw!important;height:100vh!important;max-height:100vh!important;display:flex!important;flex-direction:column!important}.cdk-overlay-pane.csv-import-dialog .mat-mdc-dialog-container,.csv-import-dialog .mat-mdc-dialog-container{border-radius:0!important;overflow:hidden;padding:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important}.cdk-overlay-pane.csv-import-dialog .mdc-dialog__surface,.csv-import-dialog .mdc-dialog__surface{border-radius:0!important;display:flex;flex-direction:column;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;background:var(--surface, var(--card-bg))!important;box-shadow:none!important}.cdk-overlay-pane.ai-coach-panel,.ai-coach-panel{max-width:100%!important;width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important}.cdk-overlay-pane.ai-coach-panel .mat-mdc-dialog-container,.ai-coach-panel .mat-mdc-dialog-container{border-radius:0!important;overflow:hidden!important;padding:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.cdk-overlay-pane.ai-coach-panel .mdc-dialog__surface,.ai-coach-panel .mdc-dialog__surface{border-radius:0!important;box-shadow:none!important;display:block!important;overflow:hidden!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.mat-mdc-dialog-title{font-family:Inter,sans-serif!important;font-size:20px!important;font-weight:700!important;color:var(--text-main)!important;padding:22px 32px 18px!important;border-bottom:1px solid var(--border-color)!important;margin:0!important;background:var(--card-bg);position:relative;flex-shrink:0}.mat-mdc-dialog-title .close-btn,.mat-mdc-dialog-title .dialog-close,.mat-mdc-dialog-title button[mat-icon-button]:last-child{position:absolute;top:50%;right:24px;transform:translateY(-50%)}.mat-mdc-dialog-content{padding:32px 48px!important;background:var(--card-bg);color:var(--text-main)!important;flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.mat-mdc-dialog-content::-webkit-scrollbar{width:5px}.mat-mdc-dialog-content::-webkit-scrollbar-track{background:transparent}.mat-mdc-dialog-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:99px}.mat-mdc-dialog-actions{padding:16px 32px!important;border-top:1px solid var(--border-color)!important;background:var(--bg-subtle);flex-shrink:0;justify-content:flex-start!important;gap:12px}button[mav-button],button.mav-button-host{appearance:none;display:inline-flex!important;box-sizing:border-box!important;vertical-align:middle!important}button[mav-button]:focus,button[mav-button]:active,button.mav-button-host:focus,button.mav-button-host:active{outline:none!important}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 94%,#fff 6%),var(--accent-hover))!important;color:#fff!important;border-radius:var(--r-4, 10px)!important;font-weight:650!important;font-size:13px!important;padding:0 20px!important;min-height:38px;border:1px solid color-mix(in srgb,var(--accent-color) 82%,#000 18%)!important;box-shadow:0 1px 1px #0f121e14,0 8px 18px -14px #5b5bfed9!important;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)!important}.btn-primary:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-hover) 92%,#fff 8%),var(--accent-pressed, var(--accent-hover)))!important;box-shadow:0 1px 1px #0f121e1a,0 10px 22px -14px #5b5bfef2!important;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--accent-soft-bdr, rgba(91, 91, 254, .25))!important;color:var(--accent-color)!important;background:color-mix(in srgb,var(--card-bg) 92%,var(--accent-color) 8%)!important;border-radius:var(--r-4, 10px)!important;font-weight:650!important;font-size:13px!important;padding:0 20px!important;min-height:38px;box-shadow:0 1px 1px #0f121e0a!important;transition:all var(--transition-fast)!important}.btn-secondary mat-icon{font-size:17px;width:17px;height:17px;margin-right:4px;vertical-align:middle}.btn-secondary:hover{background:#5b5bfe1a!important;border-color:var(--accent-hover)!important;color:var(--accent-hover)!important}.btn-secondary:disabled{border-color:var(--border-color)!important;color:var(--text-muted)!important;opacity:.6}.btn-danger{background:var(--module-leave)!important;color:#fff!important;border-radius:var(--r-4, 10px)!important;font-weight:650!important}.btn-danger:hover{background:#e11d48!important;box-shadow:0 4px 14px #f43f5e4d!important}.btn-outline{border:1px solid color-mix(in srgb,var(--border-color) 78%,var(--accent-color) 22%)!important;color:var(--text-secondary)!important;background:color-mix(in srgb,var(--card-bg) 94%,var(--accent-color) 6%)!important;border-radius:var(--r-4, 10px)!important;font-weight:600!important;min-height:38px;box-shadow:0 1px 1px #0f121e0a!important;transition:all var(--transition-fast)!important}.btn-outline:hover{border-color:var(--accent-color)!important;color:var(--accent-color)!important;background:#5b5bfe14!important}.btn-link{color:var(--accent-color)!important;font-weight:500!important;font-size:13px!important;padding:0 4px!important;min-width:unset!important}.btn-link:hover{text-decoration:underline;background:transparent!important}button:not(.chip-filter):not(.mat-mdc-icon-button):not([class*=status]):not([class*=badge]):not([class*=pill]),a.mav-link-button,a.page-head__ai,.mav-btn{border-radius:var(--r-4, 10px)!important;box-sizing:border-box}button:not(.mat-mdc-icon-button):not([class*=status]):not([class*=badge]):not([class*=pill]),a.mav-link-button,a.page-head__ai{align-items:center;justify-content:center}button[mav-button],button.mav-button-host{min-height:38px!important}.mav-btn,button[mav-button].mav-btn,mav-button.mav-btn{align-items:center!important;border:1px solid transparent!important;border-radius:var(--r-4, 10px)!important;box-sizing:border-box!important;cursor:pointer;display:inline-flex!important;font-family:inherit!important;font-size:13px!important;font-weight:650!important;gap:8px!important;height:38px!important;justify-content:center!important;letter-spacing:0!important;line-height:1!important;min-width:88px;padding:0 16px!important;text-decoration:none!important;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)!important;white-space:nowrap}.mav-btn lucide-icon,.mav-btn mat-icon,.mav-btn mav-spark,.mav-btn svg,button[mav-button].mav-btn lucide-icon,button[mav-button].mav-btn mat-icon,button[mav-button].mav-btn mav-spark,button[mav-button].mav-btn svg,mav-button.mav-btn lucide-icon,mav-button.mav-btn mat-icon,mav-button.mav-btn mav-spark,mav-button.mav-btn svg{flex:0 0 auto}.mav-btn:focus-visible,button[mav-button].mav-btn:focus-visible,mav-button.mav-btn:focus-visible{outline:none!important;box-shadow:var(--focus-ring)!important}.mav-btn:disabled,.mav-btn[disabled],.mav-btn[aria-disabled=true],button[mav-button].mav-btn:disabled,button[mav-button].mav-btn[disabled],button[mav-button].mav-btn[aria-disabled=true],mav-button.mav-btn:disabled,mav-button.mav-btn[disabled],mav-button.mav-btn[aria-disabled=true]{cursor:not-allowed!important;opacity:.58!important;transform:none!important}.mav-btn--sm{border-radius:var(--r-3, 8px)!important;font-size:12.5px!important;gap:6px!important;height:32px!important;min-width:72px;padding:0 12px!important}.mav-btn--primary,button[mav-button].mav-btn--primary,mav-button.mav-btn--primary,.mat-mdc-unelevated-button.btn-primary,.mat-mdc-raised-button.btn-primary,.mat-mdc-button-base.btn-primary,.btn-primary{background:#5b5bfe!important;border-color:#4f46e5!important;color:#fff!important;box-shadow:0 1px 1px #0f121e14,0 10px 24px -16px #5b5bfee6!important}.mav-btn--primary:hover:not(:disabled):not([disabled]),button[mav-button].mav-btn--primary:hover:not(:disabled):not([disabled]),mav-button.mav-btn--primary:hover:not(:disabled):not([disabled]),.mat-mdc-unelevated-button.btn-primary:hover:not(:disabled):not([disabled]),.mat-mdc-raised-button.btn-primary:hover:not(:disabled):not([disabled]),.mat-mdc-button-base.btn-primary:hover:not(:disabled):not([disabled]),.btn-primary:hover:not(:disabled):not([disabled]){background:#4646e5!important;border-color:#3f3fd0!important;color:#fff!important;transform:translateY(-1px)}.mav-btn:disabled,.mav-btn[disabled],.mav-btn[aria-disabled=true],button[mav-button]:disabled,button[mav-button][disabled],button[mav-button][aria-disabled=true],.btn-primary:disabled,.btn-primary[disabled],.btn-secondary:disabled,.btn-secondary[disabled],.btn-outline:disabled,.btn-outline[disabled],.mat-mdc-button-disabled,.mat-mdc-button-base:disabled,.mat-mdc-button-base[disabled]{background:#eef1f7!important;border-color:#d7ddea!important;box-shadow:none!important;color:#7b8498!important;cursor:not-allowed!important;opacity:1!important;transform:none!important}.mav-btn:disabled lucide-icon,.mav-btn:disabled mat-icon,.mav-btn:disabled svg,.mav-btn[disabled] lucide-icon,.mav-btn[disabled] mat-icon,.mav-btn[disabled] svg,.mav-btn[aria-disabled=true] lucide-icon,.mav-btn[aria-disabled=true] mat-icon,.mav-btn[aria-disabled=true] svg,button[mav-button]:disabled lucide-icon,button[mav-button]:disabled mat-icon,button[mav-button]:disabled svg,button[mav-button][disabled] lucide-icon,button[mav-button][disabled] mat-icon,button[mav-button][disabled] svg,button[mav-button][aria-disabled=true] lucide-icon,button[mav-button][aria-disabled=true] mat-icon,button[mav-button][aria-disabled=true] svg,.btn-primary:disabled lucide-icon,.btn-primary:disabled mat-icon,.btn-primary:disabled svg,.btn-primary[disabled] lucide-icon,.btn-primary[disabled] mat-icon,.btn-primary[disabled] svg,.btn-secondary:disabled lucide-icon,.btn-secondary:disabled mat-icon,.btn-secondary:disabled svg,.btn-secondary[disabled] lucide-icon,.btn-secondary[disabled] mat-icon,.btn-secondary[disabled] svg,.btn-outline:disabled lucide-icon,.btn-outline:disabled mat-icon,.btn-outline:disabled svg,.btn-outline[disabled] lucide-icon,.btn-outline[disabled] mat-icon,.btn-outline[disabled] svg,.mat-mdc-button-disabled lucide-icon,.mat-mdc-button-disabled mat-icon,.mat-mdc-button-disabled svg,.mat-mdc-button-base:disabled lucide-icon,.mat-mdc-button-base:disabled mat-icon,.mat-mdc-button-base:disabled svg,.mat-mdc-button-base[disabled] lucide-icon,.mat-mdc-button-base[disabled] mat-icon,.mat-mdc-button-base[disabled] svg{color:#9aa3b5!important;opacity:1!important}.mav-btn--outline,button[mav-button].mav-btn--outline,mav-button.mav-btn--outline,.btn-outline,.btn-secondary{background:#fff!important;border-color:#d7dbea!important;color:#26324a!important;box-shadow:0 1px 1px #0f121e08!important}.mav-btn--outline:hover:not(:disabled):not([disabled]),button[mav-button].mav-btn--outline:hover:not(:disabled):not([disabled]),mav-button.mav-btn--outline:hover:not(:disabled):not([disabled]),.btn-outline:hover:not(:disabled):not([disabled]),.btn-secondary:hover:not(:disabled):not([disabled]){background:#f7f8ff!important;border-color:#aeb4ff!important;color:#4646e5!important;transform:translateY(-1px)}.mav-btn--ghost,button[mav-button].mav-btn--ghost,mav-button.mav-btn--ghost{background:transparent!important;border-color:transparent!important;color:var(--text-secondary)!important;min-width:0}.mav-btn--ghost:hover:not(:disabled):not([disabled]),button[mav-button].mav-btn--ghost:hover:not(:disabled):not([disabled]),mav-button.mav-btn--ghost:hover:not(:disabled):not([disabled]){background:#f0f2f7!important;color:var(--text-main)!important}.mav-btn--danger,button[mav-button].mav-btn--danger,mav-button.mav-btn--danger,.btn-danger{background:#e11d48!important;border-color:#be123c!important;color:#fff!important}.mav-btn--danger:hover:not(:disabled):not([disabled]),button[mav-button].mav-btn--danger:hover:not(:disabled):not([disabled]),mav-button.mav-btn--danger:hover:not(:disabled):not([disabled]),.btn-danger:hover:not(:disabled):not([disabled]){background:#be123c!important;color:#fff!important;transform:translateY(-1px)}.mav-btn--ai,button[mav-button].mav-btn--ai,mav-button.mav-btn--ai,a.page-head__ai{background:linear-gradient(#fff,#fff) padding-box,var(--ai-gradient) border-box!important;border:1px solid transparent!important;color:#111827!important;box-shadow:0 1px 1px #0f121e0a,0 10px 22px -18px #5b5bfebf!important}.mav-btn--ai:hover:not(:disabled):not([disabled]),button[mav-button].mav-btn--ai:hover:not(:disabled):not([disabled]),mav-button.mav-btn--ai:hover:not(:disabled):not([disabled]),a.page-head__ai:hover:not(:disabled):not([disabled]){background:linear-gradient(#fbfaff,#fbfaff) padding-box,var(--ai-gradient) border-box!important;color:#111827!important;box-shadow:var(--ai-glow)!important;transform:translateY(-1px)}html.dark .mav-btn:disabled,html.dark .mav-btn[disabled],html.dark .mav-btn[aria-disabled=true],html.dark button[mav-button]:disabled,html.dark button[mav-button][disabled],html.dark button[mav-button][aria-disabled=true],html.dark .btn-primary:disabled,html.dark .btn-primary[disabled],html.dark .btn-secondary:disabled,html.dark .btn-secondary[disabled],html.dark .btn-outline:disabled,html.dark .btn-outline[disabled],html.dark .mat-mdc-button-disabled,html.dark .mat-mdc-button-base:disabled,html.dark .mat-mdc-button-base[disabled]{background:#252a3a!important;border-color:#343a50!important;color:#858da3!important}html.dark .mav-btn:disabled lucide-icon,html.dark .mav-btn:disabled mat-icon,html.dark .mav-btn:disabled svg,html.dark .mav-btn[disabled] lucide-icon,html.dark .mav-btn[disabled] mat-icon,html.dark .mav-btn[disabled] svg,html.dark .mav-btn[aria-disabled=true] lucide-icon,html.dark .mav-btn[aria-disabled=true] mat-icon,html.dark .mav-btn[aria-disabled=true] svg,html.dark button[mav-button]:disabled lucide-icon,html.dark button[mav-button]:disabled mat-icon,html.dark button[mav-button]:disabled svg,html.dark button[mav-button][disabled] lucide-icon,html.dark button[mav-button][disabled] mat-icon,html.dark button[mav-button][disabled] svg,html.dark button[mav-button][aria-disabled=true] lucide-icon,html.dark button[mav-button][aria-disabled=true] mat-icon,html.dark button[mav-button][aria-disabled=true] svg,html.dark .btn-primary:disabled lucide-icon,html.dark .btn-primary:disabled mat-icon,html.dark .btn-primary:disabled svg,html.dark .btn-primary[disabled] lucide-icon,html.dark .btn-primary[disabled] mat-icon,html.dark .btn-primary[disabled] svg,html.dark .btn-secondary:disabled lucide-icon,html.dark .btn-secondary:disabled mat-icon,html.dark .btn-secondary:disabled svg,html.dark .btn-secondary[disabled] lucide-icon,html.dark .btn-secondary[disabled] mat-icon,html.dark .btn-secondary[disabled] svg,html.dark .btn-outline:disabled lucide-icon,html.dark .btn-outline:disabled mat-icon,html.dark .btn-outline:disabled svg,html.dark .btn-outline[disabled] lucide-icon,html.dark .btn-outline[disabled] mat-icon,html.dark .btn-outline[disabled] svg,html.dark .mat-mdc-button-disabled lucide-icon,html.dark .mat-mdc-button-disabled mat-icon,html.dark .mat-mdc-button-disabled svg,html.dark .mat-mdc-button-base:disabled lucide-icon,html.dark .mat-mdc-button-base:disabled mat-icon,html.dark .mat-mdc-button-base:disabled svg,html.dark .mat-mdc-button-base[disabled] lucide-icon,html.dark .mat-mdc-button-base[disabled] mat-icon,html.dark .mat-mdc-button-base[disabled] svg{color:#6f778d!important}html.dark .mav-btn--outline,html.dark button[mav-button].mav-btn--outline,html.dark mav-button.mav-btn--outline,html.dark .btn-outline,html.dark .btn-secondary{background:var(--surface-raised)!important;border-color:var(--border-strong)!important;color:var(--fg-primary)!important}html.dark .mav-btn--outline:hover:not(:disabled):not([disabled]),html.dark button[mav-button].mav-btn--outline:hover:not(:disabled):not([disabled]),html.dark mav-button.mav-btn--outline:hover:not(:disabled):not([disabled]),html.dark .btn-outline:hover:not(:disabled):not([disabled]),html.dark .btn-secondary:hover:not(:disabled):not([disabled]){background:var(--accent-soft)!important;border-color:var(--accent-soft-bdr)!important;color:var(--accent-hover)!important}html.dark .mav-btn--ai,html.dark button[mav-button].mav-btn--ai,html.dark mav-button.mav-btn--ai,html.dark a.page-head__ai{background:linear-gradient(var(--surface-raised),var(--surface-raised)) padding-box,var(--ai-gradient) border-box!important;color:var(--fg-primary)!important}.page-head__actions,.header-actions,.filter-row,.filter-bar,.ar-filters{align-items:center;gap:12px}.page-head__actions .mat-mdc-form-field,.header-actions .mat-mdc-form-field,.filter-row .mat-mdc-form-field,.filter-bar .mat-mdc-form-field,.ar-filters .mat-mdc-form-field,.search-field,.filter-field,.filter-select,.wide-filter,.search-field-inline{--mat-form-field-container-height: 42px;--mat-form-field-container-vertical-padding: 0;margin-bottom:0}.page-head__actions .mat-mdc-text-field-wrapper,.header-actions .mat-mdc-text-field-wrapper,.filter-row .mat-mdc-text-field-wrapper,.filter-bar .mat-mdc-text-field-wrapper,.ar-filters .mat-mdc-text-field-wrapper,.search-field .mat-mdc-text-field-wrapper,.filter-field .mat-mdc-text-field-wrapper,.filter-select .mat-mdc-text-field-wrapper,.wide-filter .mat-mdc-text-field-wrapper,.search-field-inline .mat-mdc-text-field-wrapper{background:#fff!important;border-radius:var(--r-4, 10px)!important;height:42px!important}.page-head__actions .mat-mdc-form-field-flex,.header-actions .mat-mdc-form-field-flex,.filter-row .mat-mdc-form-field-flex,.filter-bar .mat-mdc-form-field-flex,.ar-filters .mat-mdc-form-field-flex,.search-field .mat-mdc-form-field-flex,.filter-field .mat-mdc-form-field-flex,.filter-select .mat-mdc-form-field-flex,.wide-filter .mat-mdc-form-field-flex,.search-field-inline .mat-mdc-form-field-flex{align-items:center!important;height:42px!important}.page-head__actions .mat-mdc-form-field-infix,.header-actions .mat-mdc-form-field-infix,.filter-row .mat-mdc-form-field-infix,.filter-bar .mat-mdc-form-field-infix,.ar-filters .mat-mdc-form-field-infix,.search-field .mat-mdc-form-field-infix,.filter-field .mat-mdc-form-field-infix,.filter-select .mat-mdc-form-field-infix,.wide-filter .mat-mdc-form-field-infix,.search-field-inline .mat-mdc-form-field-infix{align-items:center;display:flex;min-height:42px!important;padding:0!important}.page-head__actions .mat-mdc-form-field-subscript-wrapper,.header-actions .mat-mdc-form-field-subscript-wrapper,.filter-row .mat-mdc-form-field-subscript-wrapper,.filter-bar .mat-mdc-form-field-subscript-wrapper,.ar-filters .mat-mdc-form-field-subscript-wrapper,.search-field .mat-mdc-form-field-subscript-wrapper,.filter-field .mat-mdc-form-field-subscript-wrapper,.filter-select .mat-mdc-form-field-subscript-wrapper,.wide-filter .mat-mdc-form-field-subscript-wrapper,.search-field-inline .mat-mdc-form-field-subscript-wrapper{display:none!important}.page-head__actions .mav-btn,.header-actions .mav-btn,.filter-row .mav-btn,.filter-bar .mav-btn,.ar-filters .mav-btn,.page-head__actions .mat-mdc-button-base,.header-actions .mat-mdc-button-base,.filter-row .mat-mdc-button-base,.filter-bar .mat-mdc-button-base,.ar-filters .mat-mdc-button-base,a.page-head__ai{height:42px!important;min-height:42px!important}html.dark .page-head__actions .mat-mdc-text-field-wrapper,html.dark .header-actions .mat-mdc-text-field-wrapper,html.dark .filter-row .mat-mdc-text-field-wrapper,html.dark .filter-bar .mat-mdc-text-field-wrapper,html.dark .ar-filters .mat-mdc-text-field-wrapper,html.dark .search-field .mat-mdc-text-field-wrapper,html.dark .filter-field .mat-mdc-text-field-wrapper,html.dark .filter-select .mat-mdc-text-field-wrapper,html.dark .wide-filter .mat-mdc-text-field-wrapper,html.dark .search-field-inline .mat-mdc-text-field-wrapper{background:var(--surface-raised)!important}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button{--mdc-text-button-container-shape: var(--r-4, 10px) !important;--mdc-filled-button-container-shape: var(--r-4, 10px) !important;--mdc-outlined-button-container-shape: var(--r-4, 10px) !important;--mdc-protected-button-container-shape: var(--r-4, 10px) !important;--mdc-filled-button-container-height: 38px !important;--mdc-outlined-button-container-height: 38px !important;--mdc-text-button-container-height: 38px !important;--mat-text-button-horizontal-padding: 16px !important;--mat-filled-button-horizontal-padding: 18px !important;--mat-outlined-button-horizontal-padding: 18px !important;border-radius:var(--r-4, 10px)!important;font-family:inherit!important;font-size:13px!important;font-weight:650!important;letter-spacing:0!important;min-height:38px!important;line-height:1!important}.mat-mdc-button .mat-mdc-button-persistent-ripple,.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,.mat-mdc-button .mdc-button,.mat-mdc-raised-button .mdc-button,.mat-mdc-unelevated-button .mdc-button,.mat-mdc-outlined-button .mdc-button{border-radius:var(--r-4, 10px)!important}.mat-mdc-button .mdc-button__label,.mat-mdc-raised-button .mdc-button__label,.mat-mdc-unelevated-button .mdc-button__label,.mat-mdc-outlined-button .mdc-button__label{display:inline-flex;align-items:center;gap:8px;min-width:0}.mat-mdc-icon-button{--mdc-icon-button-state-layer-shape: var(--r-3, 8px) !important;border-radius:var(--r-3, 8px)!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:var(--r-3, 8px)!important}app-topbar .global-search{width:min(34vw,360px);height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}app-topbar .global-search:hover,app-topbar .global-search:focus-within{border-color:var(--accent-color);box-shadow:var(--shadow-glow);background:var(--card-bg)}app-topbar .global-search mat-icon{font-size:17px;width:17px;height:17px;flex-shrink:0}app-topbar .global-search input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--text-main);font:inherit;font-size:13px}app-topbar .global-search .search-kbd{margin-left:auto;font-size:10px;font-weight:600;color:var(--text-muted);background:var(--border-color);border-radius:var(--radius-xs);padding:1px 5px;white-space:nowrap;flex-shrink:0}app-topbar .search-panel{position:fixed;top:68px;right:132px;width:400px;max-height:460px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;padding:6px}app-topbar .search-result{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}app-topbar .search-result:hover{background:var(--bg-subtle)}app-topbar .search-icon{width:34px;height:34px;border-radius:var(--radius-md);background:var(--module-time-bg);color:var(--accent-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}app-topbar .search-copy{min-width:0;flex:1;display:flex;flex-direction:column}app-topbar .search-copy strong{font-size:13px;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-topbar .search-copy span{font-size:11.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-topbar .open-icon{color:var(--text-muted);font-size:16px;width:16px;height:16px}app-topbar .empty-search{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--text-muted);font-size:13px}app-topbar .empty-search mat-icon{font-size:32px;width:32px;height:32px;opacity:.4}.mat-mdc-table{min-width:760px;background:var(--card-bg)!important}.table-card,.mat-mdc-table,mat-table{border-radius:var(--radius-lg)}.table-card,.mat-elevation-z1,.mat-elevation-z2,.mat-elevation-z3{overflow-x:auto;-webkit-overflow-scrolling:touch}.mat-mdc-header-cell,.mat-mdc-cell,mat-header-cell,mat-cell{padding-left:16px!important;padding-right:16px!important}.mat-mdc-row,mat-row{min-height:54px}.mat-mdc-dialog-container:not(.zoho-dialog .mat-mdc-dialog-container){max-width:calc(100vw - 24px)!important}.mat-mdc-form-field{width:100%;font-size:13.5px!important;font-family:Inter,sans-serif!important;--mat-form-field-container-height: 48px;--mat-form-field-container-vertical-padding: 12px}.mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:var(--card-bg)!important;height:48px!important;display:flex;align-items:center;transition:background var(--transition-smooth)}.mat-mdc-form-field .mat-mdc-form-field-flex{height:100%;align-items:center!important}.mat-mdc-form-field .mat-mdc-form-field-infix{min-height:24px!important;color:var(--text-main);display:flex;align-items:center}.mat-mdc-form-field .mdc-floating-label{font-size:14px!important;color:var(--text-muted)!important}.mat-mdc-form-field.mat-mdc-form-field-should-float .mdc-floating-label{font-size:12px!important;font-weight:600}.mat-mdc-form-field .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-notched-outline__trailing{border-color:var(--border-color)!important;border-width:1px!important}.mat-mdc-form-field:hover .mdc-notched-outline>*{border-color:var(--text-muted)!important}.mat-mdc-form-field.mat-focused .mdc-notched-outline>*{border-color:var(--accent-color)!important;border-width:1.5px!important}.mat-mdc-form-field.mat-focused .mdc-floating-label{color:var(--accent-color)!important}.mat-mdc-form-field .mat-mdc-select-trigger{display:flex;align-items:center;height:24px;color:var(--text-main)}.mat-mdc-form-field .mat-mdc-select-arrow{color:var(--text-muted)}.mat-mdc-form-field .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:center}.mat-mdc-form-field .mat-datepicker-toggle{margin-right:-8px;display:inline-flex;align-items:center}.mat-mdc-form-field .mat-datepicker-toggle button{width:32px;height:32px;padding:4px;display:inline-flex;align-items:center;justify-content:center}.mat-mdc-form-field .mat-datepicker-toggle button mat-icon{font-size:18px;width:18px;height:18px;line-height:18px}.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{height:14px;font-size:11px;margin-top:2px}.mat-mdc-form-field input,.mat-mdc-form-field textarea{color:var(--text-main)!important;caret-color:var(--accent-color);line-height:20px!important}.mat-mdc-form-field input::placeholder,.mat-mdc-form-field textarea::placeholder{color:var(--text-muted)!important}.mat-mdc-form-field textarea.mat-mdc-input-element{padding-top:4px!important;resize:vertical}.mat-mdc-form-field:has(textarea.mat-mdc-input-element){--mat-form-field-container-height: auto;--mat-form-field-container-vertical-padding: 14px}.mat-mdc-form-field:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper{min-height:88px!important;height:auto!important;align-items:flex-start}.mat-mdc-form-field:has(textarea.mat-mdc-input-element) .mat-mdc-form-field-flex{align-items:flex-start!important}.mat-mdc-form-field:has(textarea.mat-mdc-input-element) .mat-mdc-form-field-infix{min-height:56px!important;align-items:flex-start}.mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--border-color);background:transparent}.mat-mdc-tab-group .mat-mdc-tab{color:var(--text-secondary);font-weight:500;font-size:13.5px;font-family:Inter,sans-serif}.mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active{color:var(--accent-color)}.hrms-upload-btn-container{display:inline-flex;align-items:center;gap:12px}.hrms-upload-btn-container .upload-input{display:none}.hrms-upload-btn-container .file-preview{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.hrms-upload-btn-container .file-preview mat-icon{font-size:16px;width:16px;height:16px;color:var(--accent-color)}.label-block{display:block;font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:8px}.help-text{font-size:11px;color:var(--text-muted);margin-top:-4px;margin-bottom:12px;display:block}.mat-mdc-icon-button{flex:0 0 auto;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary)!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,.mat-mdc-icon-button .mat-mdc-button-touch-target{display:flex;align-items:center;justify-content:center}.mat-mdc-icon-button mat-icon{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;margin:0!important}.mat-mdc-icon-button:hover{color:var(--accent-color)!important;background:#5b5bfe14!important}mat-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;vertical-align:middle}.mat-mdc-button.has-icon .mat-icon,.mat-mdc-raised-button.has-icon .mat-icon,.mat-mdc-unelevated-button.has-icon .mat-icon,.mat-mdc-outlined-button.has-icon .mat-icon{font-size:17px;width:17px;height:17px;margin-right:6px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes mobileSheetUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .35s ease}.animate-fade{animation:fadeIn .25s ease}.animate-scale{animation:scaleIn .2s ease}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap}.section-divider{height:1px;background:var(--divider);margin:20px 0}@media (max-width: 900px){.page-header{align-items:flex-start;gap:12px;padding:0 0 18px}.page-header h2,.page-header .header-title{font-size:18px}.header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;gap:10px}.header-actions .mat-mdc-form-field,.header-actions .mat-mdc-form-field.search-field,.header-actions .mat-mdc-form-field.filter-field{width:min(100%,360px)}.form-row,.row-form{flex-direction:column;gap:8px}.form-row mat-form-field,.row-form mat-form-field{width:100%}.hrms-card{padding:18px}}@media (max-width: 768px){:root{--header-height: 58px}html,body{min-width:0;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}.page-header{flex-direction:column;margin-bottom:14px}.header-actions{min-height:unset;align-items:stretch;width:100%}.header-actions .btn-primary,.header-actions .btn-secondary,.header-actions .btn-outline,.header-actions .mat-mdc-raised-button,.header-actions .mat-mdc-unelevated-button,.header-actions .mat-mdc-outlined-button{min-height:42px;flex:1 1 150px}.hrms-card,.table-card,mat-card{border-radius:var(--radius-md)!important}.table-card,.mat-elevation-z1,.mat-elevation-z2,.mat-elevation-z3,.table-container,.review-table,.matrix-wrapper{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mat-mdc-table,mat-table,table.mat-mdc-table,.zoho-table{min-width:640px;max-width:none}mat-table{display:block}.mat-mdc-header-cell,.mat-mdc-cell,mat-header-cell,mat-cell{padding-left:12px!important;padding-right:12px!important}.mat-mdc-paginator-container{align-items:center;justify-content:flex-start!important;min-height:52px;overflow-x:auto;padding:0 8px!important}.mat-mdc-paginator{border-top:1px solid var(--border-light)}.mat-mdc-dialog-container .mdc-dialog__surface{max-height:100dvh!important;height:100dvh!important;border-radius:0!important}.cdk-overlay-pane.zoho-dialog,.zoho-dialog{align-self:stretch;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important}.cdk-overlay-pane.zoho-dialog .mat-mdc-dialog-container,.cdk-overlay-pane.zoho-dialog .mdc-dialog__surface,.zoho-dialog .mat-mdc-dialog-container,.zoho-dialog .mdc-dialog__surface{border-radius:0!important}.mat-mdc-dialog-title{padding:16px 20px 12px!important;font-size:17px!important}.mat-mdc-dialog-content{padding:16px 20px!important}.mat-mdc-dialog-actions{padding:12px 20px calc(14px + env(safe-area-inset-bottom))!important;flex-shrink:0}app-topbar .quick-add-btn,app-topbar .theme-btn{display:none!important}app-topbar .profile-panel,app-topbar .quick-add-panel,app-topbar .notification-panel,app-topbar .search-panel{inset:auto 10px 10px;width:auto;max-height:min(76vh,560px);border-radius:var(--radius-xl);animation:mobileSheetUp .2s ease}app-topbar .notification-panel{display:flex}}@media (max-width: 520px){.header-actions .mat-mdc-form-field,.header-actions .mat-mdc-form-field.search-field,.header-actions .mat-mdc-form-field.filter-field{width:100%;flex:1 1 100%}.header-actions .btn-primary,.header-actions .btn-secondary,.header-actions .btn-outline,.header-actions .mat-mdc-raised-button,.header-actions .mat-mdc-unelevated-button,.header-actions .mat-mdc-outlined-button{width:100%;flex-basis:100%}.hrms-card{padding:16px}.pill,.status-badge{padding:3px 8px;font-size:10.5px}}html.dark .mat-mdc-table{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .mat-mdc-row,html.dark .mat-mdc-header-row,html.dark .mat-mdc-footer-row{background:var(--card-bg)!important}html.dark .mat-mdc-row:hover,html.dark .mat-mdc-header-row:hover,html.dark .mat-mdc-footer-row:hover{background:var(--bg-subtle)!important}html.dark .mat-mdc-paginator{background:var(--card-bg)!important;color:var(--text-secondary)!important;border-top:1px solid var(--border-color)}html.dark .mat-mdc-select-panel{background:var(--card-bg)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}html.dark .mat-mdc-option{color:var(--text-main)!important}html.dark .mat-mdc-option:hover,html.dark .mat-mdc-option.mat-mdc-option-active{background:var(--bg-subtle)!important}html.dark .mat-mdc-menu-panel{background:var(--card-bg)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}html.dark .mat-calendar{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .mat-datepicker-popup{background:var(--card-bg)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}html.dark .mat-mdc-dialog-container .mdc-dialog__surface{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,html.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,html.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--border-color)!important}html.dark .mat-mdc-chip{background:var(--bg-subtle)!important;color:var(--text-main)!important}.page-container{animation:fadeInUp .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--text-muted)}.empty-state .empty-icon-wrap{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--bg-subtle);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-state .empty-icon-wrap mat-icon{font-size:32px;width:32px;height:32px;opacity:.4}.empty-state .empty-title{font-size:15px;font-weight:700;color:var(--text-secondary);margin:0 0 6px}.empty-state .empty-desc{font-size:13px;color:var(--text-muted);margin:0 0 20px;max-width:320px;line-height:1.5}.table-card .mat-mdc-row:hover:before{display:none}.table-card .mat-mdc-header-row{position:sticky;top:0;z-index:2}.mat-mdc-paginator{background:var(--card-bg)!important;color:var(--text-secondary)!important;font-size:13px!important;border-top:1px solid var(--border-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:background var(--transition-smooth)}.mat-mdc-paginator .mat-mdc-paginator-range-label{color:var(--text-muted);font-size:12.5px}.mat-mdc-paginator .mat-mdc-icon-button{color:var(--text-secondary)!important}.mat-mdc-paginator .mat-mdc-icon-button:disabled{opacity:.3}.mat-mdc-paginator .mat-mdc-icon-button:hover:not(:disabled){color:var(--accent-color)!important;background:var(--primary-glow)!important}.mat-sort-header-arrow{color:var(--accent-color)!important}.mat-mdc-checkbox{--mdc-checkbox-selected-checkmark-color: #fff;--mdc-checkbox-selected-focus-icon-color: var(--accent-color);--mdc-checkbox-selected-hover-icon-color: var(--accent-color);--mdc-checkbox-selected-icon-color: var(--accent-color);--mdc-checkbox-selected-pressed-icon-color: var(--accent-color)}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: var(--card-bg);--mdc-snackbar-supporting-text-color: var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md)!important;box-shadow:var(--shadow-xl)!important}.mat-mdc-snack-bar-container .mat-mdc-button{color:var(--accent-color)!important;font-weight:600!important}.mdc-tooltip__surface{font-size:11.5px!important;font-family:Inter,sans-serif!important;padding:5px 10px!important;border-radius:var(--radius-sm)!important;background:#1e293b!important;color:#fff!important}html.dark .mdc-tooltip__surface{background:#e2e8f0!important;color:#0f1117!important}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: var(--accent-color);--mdc-linear-progress-track-color: var(--bg-subtle);border-radius:var(--radius-full)!important;height:5px!important}.mat-mdc-slide-toggle{--mdc-switch-selected-track-color: var(--accent-color);--mdc-switch-selected-handle-color: #fff;--mdc-switch-selected-hover-track-color: var(--accent-hover);--mdc-switch-selected-focus-track-color: var(--accent-color)}.mat-expansion-panel{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;transition:background var(--transition-smooth)}.mat-expansion-panel .mat-expansion-panel-header{font-weight:600;font-size:13.5px;color:var(--text-main)}.mat-expansion-panel .mat-expansion-panel-body{color:var(--text-secondary)}.card-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:16px;margin-top:16px;border-top:1px solid var(--border-color)}.alert-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px;border:1px solid}.alert-banner mat-icon{font-size:18px;width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert-banner.info{background:var(--module-time-bg);color:var(--module-time);border-color:#3b82f633}.alert-banner.success{background:var(--module-attendance-bg);color:var(--module-attendance);border-color:#10b98133}.alert-banner.warning{background:var(--module-expenses-bg);color:var(--module-expenses);border-color:#f59e0b33}.alert-banner.danger{background:var(--module-leave-bg);color:var(--module-leave);border-color:#f43f5e33}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px 24px}.detail-item{display:flex;flex-direction:column;gap:3px}.detail-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.detail-value{font-size:13.5px;font-weight:500;color:var(--text-main)}.avatar-group{display:flex}.avatar-group .avatar-chip{width:28px;height:28px;border-radius:50%;border:2px solid var(--card-bg);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.avatar-group .avatar-chip:first-child{margin-left:0}.stat-mini{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-secondary)}.stat-mini mat-icon{font-size:14px;width:14px;height:14px}.stat-mini.up{color:var(--status-active)}.stat-mini.up mat-icon{color:var(--status-active)}.stat-mini.down{color:var(--status-rejected)}.stat-mini.down mat-icon{color:var(--status-rejected)}html.dark body{background-color:var(--bg-color);color:var(--text-main)}html.dark .mat-drawer-container,html.dark .mat-sidenav-container{background-color:var(--bg-color)!important;color:var(--text-main)!important}html.dark .mat-drawer,html.dark .mat-sidenav{background-color:var(--sidebar-bg)!important}html.dark .main-content{background-color:var(--bg-color)}html.dark .hrms-card{background:var(--card-bg);border-color:var(--border-color);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a}html.dark .hrms-card-glass,html.dark .table-card{background:var(--card-bg);border-color:var(--border-color)}html.dark .table-card .mat-mdc-table{background:var(--card-bg)!important}html.dark .table-card .mat-mdc-header-row{background:var(--bg-subtle)!important}html.dark .table-card .mat-mdc-header-cell{background:var(--bg-subtle)!important;color:var(--text-muted)!important}html.dark .table-card .mat-mdc-row{background:var(--card-bg)!important}html.dark .table-card .mat-mdc-row:hover{background:var(--bg-subtle)!important}html.dark .table-card .mat-mdc-cell{color:var(--text-main)!important;border-bottom-color:var(--border-light)!important}html.dark .mat-mdc-form-field .mat-mdc-text-field-wrapper{background-color:var(--bg-subtle)!important}html.dark .mat-mdc-form-field input,html.dark .mat-mdc-form-field textarea{color:var(--text-main)!important}html.dark .mat-mdc-dialog-title,html.dark .mat-mdc-dialog-content{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .mat-mdc-dialog-actions{background:var(--bg-subtle)!important}html.dark .dialog-header{background:var(--bg-subtle)!important;color:var(--text-main)!important;border-bottom-color:var(--border-color)!important}html.dark .dialog-actions{background:var(--bg-subtle)!important;border-top-color:var(--border-color)!important}html.dark .mobile-dock{background:var(--card-bg)!important;border-color:var(--border-color)!important}html.dark ::-webkit-scrollbar-thumb{background:var(--border-color)}html.dark ::-webkit-scrollbar-thumb:hover{background:#2e3347}html.dark input,html.dark textarea,html.dark select{color-scheme:dark}html.dark .mat-sidenav-content,html.dark .mat-drawer-content{background-color:var(--bg-color)!important;color:var(--text-main)!important}html.dark mat-card,html.dark .mat-mdc-card{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a!important}html.dark .mat-mdc-card-title{color:var(--text-main)!important}html.dark .mat-mdc-card-subtitle{color:var(--text-secondary)!important}html.dark .mat-mdc-card-content{color:var(--text-main)!important}html.dark .mat-mdc-button:not(.btn-primary,.btn-danger,.btn-link,.mark-all-btn,.sign-out-btn,.my-account-btn,.card-link,.theme-toggle-row){color:var(--text-secondary)!important}html.dark .mat-mdc-button:not(.btn-primary,.btn-danger,.btn-link,.mark-all-btn,.sign-out-btn,.my-account-btn,.card-link,.theme-toggle-row):hover{background:var(--bg-subtle)!important}html.dark .mat-mdc-outlined-button:not(.btn-primary,.btn-secondary,.btn-danger,.btn-outline),html.dark .mat-mdc-stroked-button:not(.btn-primary,.btn-secondary,.btn-danger,.btn-outline){color:var(--text-secondary)!important;border-color:var(--border-color)!important}html.dark .mat-mdc-outlined-button:not(.btn-primary,.btn-secondary,.btn-danger,.btn-outline):hover,html.dark .mat-mdc-stroked-button:not(.btn-primary,.btn-secondary,.btn-danger,.btn-outline):hover{background:var(--bg-subtle)!important}html.dark .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--bg-subtle)!important}html.dark .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input{color:var(--text-main)!important}html.dark .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--text-muted)!important}html.dark .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before{border-bottom-color:var(--border-color)!important}html.dark .mat-mdc-select-value-text{color:var(--text-main)!important}html.dark .mat-mdc-select-placeholder,html.dark .mat-mdc-select-arrow{color:var(--text-muted)!important}html.dark .mat-mdc-autocomplete-panel{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-xl)!important}html.dark .mat-datepicker-toggle-default-icon{color:var(--text-muted)!important}html.dark .mat-calendar-body-cell-content{color:var(--text-main)!important}html.dark .mat-calendar-body-label{color:var(--text-muted)!important}html.dark .mat-calendar-period-button,html.dark .mat-calendar-previous-button,html.dark .mat-calendar-next-button{color:var(--text-main)!important}html.dark .mat-stepper-horizontal,html.dark .mat-stepper-vertical{background:var(--card-bg)!important}html.dark .mat-step-header:hover{background:var(--bg-subtle)!important}html.dark .mat-step-label{color:var(--text-secondary)!important}html.dark .mat-step-label.mat-step-label-active{color:var(--text-main)!important}html.dark .mat-step-icon{background:var(--bg-subtle)!important;color:var(--text-muted)!important}html.dark .mat-step-icon-state-done,html.dark .mat-step-icon-state-edit{background:var(--accent-color)!important;color:#fff!important}html.dark .mat-mdc-tab-body-content,html.dark .mat-mdc-tab-header{background:transparent!important}html.dark .mdc-radio__outer-circle{border-color:var(--border-color)!important}html.dark .mat-mdc-radio-button .mdc-label,html.dark .mat-mdc-list-item{color:var(--text-main)!important}html.dark .stat-card{background:var(--card-bg)!important;color:var(--text-main)!important;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a!important}html.dark .stat-card .stat-value{color:var(--text-main)!important}html.dark .stat-card .stat-label{color:var(--text-secondary)!important}html.dark .stat-card .stat-sublabel{color:var(--text-muted)!important}html.dark .stat-card.total .stat-icon{background:var(--bg-subtle)!important;color:var(--text-secondary)!important}html.dark .stat-card.completed .stat-icon{background:var(--module-attendance-bg)!important;color:var(--module-attendance)!important}html.dark .stat-card.planned .stat-icon{background:var(--module-time-bg)!important;color:var(--module-time)!important}html.dark .stat-card.expiring .stat-icon{background:var(--module-expenses-bg)!important;color:var(--module-expenses)!important}html.dark .stat-card.expired .stat-icon{background:var(--module-leave-bg)!important;color:var(--module-leave)!important}html.dark .member-status.yet-to-check-in{color:var(--module-expenses)!important}html.dark .member-status.yet-to-check-in .status-dot{background:var(--module-expenses)!important}.chip-filter{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.chip-filter:hover,.chip-filter.active{background:var(--primary-glow);border-color:var(--accent-color);color:var(--accent-color)}.chip-filter mat-icon{font-size:14px;width:14px;height:14px}.sticky-action-bar{position:sticky;top:var(--header-height);z-index:10;background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:10px 20px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);margin:-24px -32px 24px;transition:background var(--transition-smooth)}@media (max-width: 768px){.sticky-action-bar{margin:-16px -16px 16px;padding:10px 16px}}.loading-shade{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:100;border-radius:var(--radius-lg)}.loading-shade .mat-mdc-progress-spinner circle{stroke:var(--accent-color)!important}.empty-state-cell{flex:1 1 100%!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px!important;text-align:center;background:transparent!important;border-bottom:none!important}.empty-state-cell .empty-icon{font-size:56px;width:56px;height:56px;color:var(--border-color);margin-bottom:16px;opacity:.6;transition:opacity var(--transition-normal)}.empty-state-cell .empty-text{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.mavim-logo{color:var(--text-main);display:inline-flex;align-items:center;line-height:1}.mavim-logo img{display:block;height:22px;width:auto}.actions-cell{display:flex!important;align-items:center!important;justify-content:flex-end;gap:2px}.action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;padding:0!important;line-height:1!important}.action-btn mat-icon{display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;margin:0!important}html.dark .summary-tile,html.dark .panel,html.dark .insight-panel,html.dark .stat-card,html.dark .template-list button,html.dark .assignment-card,html.dark .preset-strip button,html.dark .dynamic-question textarea,html.dark .dynamic-question input,html.dark .dynamic-question select,html.dark .profile-header,html.dark .detail-card,html.dark .timeline-card,html.dark .info-card,html.dark .doc-card,html.dark .asset-card,html.dark .cert-card,html.dark .expense-card,html.dark .payslip-card,html.dark .onboarding-card,html.dark .job-card,html.dark .candidate-card,html.dark .review-card,html.dark .hrms-card,html.dark .data-card,html.dark .kpi-card,html.dark .metric-card,html.dark .form-card{background:var(--card-bg)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}html.dark .setup-step,html.dark .board-row.header,html.dark .response-row.header,html.dark .executive-summary,html.dark .template-readiness,html.dark .preview-section,html.dark .import-dropzone,html.dark .file-upload-zone,html.dark .filter-bar,html.dark .search-bar,html.dark .tab-header,html.dark .info-banner,html.dark .stat-icon-box,html.dark .form-section-header{background:var(--bg-subtle)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}html.dark .progress-bar-wrap,html.dark .readiness-track,html.dark .progress-track{background:var(--border-color)!important}html.dark .type-pill,html.dark .status:not(.cycle-status){background:var(--bg-subtle)!important;color:var(--text-secondary)!important}html.dark .setup-step strong{background:var(--border-color)!important;color:var(--text-secondary)!important}html.dark .setup-step.active strong{background:var(--accent-color)!important;color:#fff!important}html.dark .setup-step.active{border-color:#7d83ff59!important;background:#5b5bfe14!important;color:var(--accent-color)!important}html.dark .active-cycle,html.dark .template-list button.active,html.dark .assignment-card.active,html.dark .preset-strip button:hover{background:#5b5bfe14!important;border-color:var(--accent-color)!important}html.dark .board-row.duplicate,html.dark .row-warning{background:#f59e0b14!important}html.dark .board-row.duplicate .status{background:#f59e0b2e!important;color:var(--warning-fg)!important}html.dark .row-error{background:#f43f5e0f!important}html.dark .mat-mdc-dialog-container,html.dark .cdk-overlay-pane .mat-mdc-dialog-surface{background:var(--card-bg-elevated)!important;color:var(--text-main)!important}html.dark .mat-mdc-dialog-title{color:var(--text-main)!important}html.dark .mat-mdc-menu-panel{background:var(--card-bg-elevated)!important;border:1px solid var(--border-color)!important}html.dark .mat-mdc-menu-item{color:var(--text-main)!important}html.dark .mat-mdc-menu-item:hover{background:var(--bg-subtle)!important}html.dark input:not([type=checkbox]):not([type=radio]):not(.mat-mdc-input-element),html.dark textarea:not(.mat-mdc-input-element),html.dark select:not(.mat-mdc-select){background:var(--bg-subtle)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}html.dark .mat-mdc-tooltip .mdc-tooltip__surface{background:var(--card-bg-elevated)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important}html.dark .mat-mdc-snack-bar-container .mdc-snackbar__surface{background:var(--card-bg-elevated)!important;color:var(--text-main)!important}html.dark .mat-mdc-chip.mat-mdc-standard-chip{background:var(--bg-subtle)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}html.dark .mat-expansion-panel{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .mat-expansion-panel .mat-expansion-panel-header-title{color:var(--text-main)!important}html.dark .mat-expansion-panel .mat-expansion-panel-header-description{color:var(--text-secondary)!important}html.dark .mat-mdc-slide-toggle .mdc-label,html.dark .mat-mdc-checkbox .mdc-label{color:var(--text-main)!important}html.dark .mat-mdc-checkbox .mdc-checkbox__background{border-color:var(--border-strong)!important}html.dark .badge-screening,html.dark .badge-inprogress{background:#f59e0b1f!important;color:var(--warning-fg)!important}html.dark [data-result=Reject],html.dark [data-result=StrongReject]{background:#f43f5e1f!important;color:var(--danger-fg)!important}html.dark [data-result=Hold]{background:#f59e0b1f!important;color:var(--warning-fg)!important}html.dark .access-denied-card{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .access-denied-alert{background:#f43f5e14!important;color:var(--danger-fg)!important}html.dark .email-preview{background:var(--card-bg)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}html.dark .profile-main-card,html.dark .detail-section,html.dark .tab-content-section{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .import-note,html.dark .import-warning{background:#f59e0b14!important;color:var(--text-main)!important;border-color:#f59e0b33!important}html.dark .payslip-notice{background:#f59e0b14!important;color:var(--text-main)!important}html.dark .permissions-panel,html.dark .permission-header{background:var(--card-bg)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}html.dark .perm-warning{background:#f59e0b14!important}html.dark .perm-danger{background:#f43f5e14!important}html.dark .review-runner,html.dark .review-section-card,html.dark .question-card{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .calibration-page{background:var(--bg-base)!important;color:var(--text-main)!important}html.dark .inbox-page,html.dark .inbox-card,html.dark .cycle-page,html.dark .cycle-card{background:var(--card-bg)!important;color:var(--text-main)!important}html.dark .kpi-tile,html.dark .kpi-strip .tile,html.dark .emp-kpi-strip>div,html.dark .summary-grid>div,html.dark .analytics-tile,html.dark .review-summary-grid>.summary-tile{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}html.dark .cycle-control-panel,html.dark .cycle-setup-panel,html.dark .cycle-panel{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}html.dark [class*=-card]:not(.ai-card):not([class*=status]):not([class*=badge]),html.dark [class*=-panel]:not(.mat-mdc-select-panel):not(.mat-mdc-autocomplete-panel):not(.mat-mdc-menu-panel):not(.cdk-overlay-pane):not(.ai-card):not([class*=status]):not([class*=badge]){background-color:var(--card-bg);color:var(--text-main)}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6,html.dark strong,html.dark b,html.dark label{color:var(--text-main)}html.dark p,html.dark span:not(.mat-mdc-button-touch-target):not(.mdc-button__label):not([class*=status]):not([class*=badge]):not([class*=pill]){color:inherit}html.dark small{color:var(--text-muted)}html.dark ::-webkit-scrollbar{width:6px;height:6px}html.dark ::-webkit-scrollbar-track{background:transparent}html.dark ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}html.dark app-dashboard .dashboard-hero{background:linear-gradient(135deg,#1f2230f5,#161825f0),radial-gradient(circle at top right,rgba(125,131,255,.14),transparent 34%)!important;background-color:var(--surface-raised)!important;border-color:var(--border-strong)!important;color:var(--fg-primary)!important}html.dark app-dashboard .dashboard-hero .page-head__title{color:var(--fg-primary)!important}html.dark app-dashboard .dashboard-hero .page-head__sub{color:var(--fg-secondary)!important}:focus-visible{box-shadow:var(--focus-ring, 0 0 0 3px rgba(91, 91, 254, .3));outline:none}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.coach-caret,.coach-turn__typing span,.ask-msg__typing span,.rbac-ai-audit__pulse span,.ai-coverage__loading span,.ai-anom-loading span{animation:none!important;opacity:.6}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.perf-360{background:var(--bg-base);color:var(--fg-primary, var(--text-main));font-family:Inter,sans-serif;min-height:100%}.perf-360 .t-h1{font:650 22px/1.2 Inter,sans-serif;letter-spacing:-.025em;margin:0}.perf-360 .t-h2{font:600 18px/1.25 Inter,sans-serif;letter-spacing:-.02em;margin:0}.perf-360 .t-h3{font:600 14px/1.3 Inter,sans-serif;letter-spacing:-.01em;margin:0}.perf-360 .t-h4{font:600 13px/1.35 Inter,sans-serif;margin:0}.perf-360 .t-body{font:400 13.5px/1.5 Inter,sans-serif}.perf-360 .t-body-sm{font:400 12.5px/1.45 Inter,sans-serif}.perf-360 .t-caption{font:400 12px/1.4 Inter,sans-serif;color:var(--text-muted)}.perf-360 .t-label{font:600 10.5px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.perf-360 .t-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.perf-360 .t-ai-grad{background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.perf-360 .t-kpi-xl{font:700 38px/1 Inter,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.perf-360 .t-kpi-lg{font:650 26px/1 Inter,sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.perf-360 .t-kpi-md{font:600 20px/1 Inter,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.perf-360 .muted{color:var(--text-muted)}.perf-360 .row{display:flex;align-items:center;gap:8px}.perf-360 .col{display:flex;flex-direction:column;gap:8px}.perf-360 .spacer{flex:1}.perf-360 .ph{padding:4px 4px 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.perf-360 .ph__title{font:650 22px/1.2 Inter,sans-serif;letter-spacing:-.025em;margin:0;color:var(--text-main)}.perf-360 .ph__sub{color:var(--text-muted);font:400 12.5px/1.4 Inter,sans-serif;margin-top:4px}.perf-360 .ph__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perf-360 .p-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-5, 12px);padding:16px;box-shadow:var(--elev-1, 0 1px 2px rgba(15, 18, 30, .04));transition:border-color .14s ease,background .14s ease}.perf-360 .p-card--sunken{background:var(--bg-subtle);border:1px solid var(--border-light, var(--border-color));border-radius:var(--r-5, 12px);padding:16px}.perf-360 .p-card--flush{padding:0}.perf-360 .p-card--ai{position:relative;background:var(--ai-surface, color-mix(in srgb, var(--card-bg) 92%, var(--violet-500) 8%));border:1px solid transparent;border-radius:var(--r-5, 12px);padding:16px;background-image:linear-gradient(var(--ai-surface, var(--card-bg)),var(--ai-surface, var(--card-bg))),linear-gradient(135deg,#ec008c,#8b5cf6 50%,#5b5bfe,#8b5cf6,#ec008c);background-size:100% 100%,300% 300%;background-position:0 0,0% 50%;background-origin:border-box;background-clip:padding-box,border-box;animation:perfAiBorder 14s linear infinite}@keyframes perfAiBorder{0%{background-position:0 0,0% 50%}to{background-position:0 0,300% 50%}}.perf-360 .p-card__hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.perf-360 .p-card__title{display:flex;align-items:center;gap:8px;font:600 13.5px/1.3 Inter,sans-serif;letter-spacing:-.01em;color:var(--text-main)}.perf-360 .p-card__meta{color:var(--text-muted);font:500 11.5px/1 Inter,sans-serif}.perf-360 .cycle-chips{display:flex;gap:10px;flex-wrap:wrap}.perf-360 .cycle-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;min-height:44px;border:1px solid var(--border-color);border-radius:var(--r-4, 10px);background:var(--card-bg);cursor:pointer;transition:all .14s ease}.perf-360 .cycle-chip:hover{border-color:var(--accent-color);background:var(--bg-subtle)}.perf-360 .cycle-chip.is-active{border-color:var(--accent-color);background:var(--accent-soft, rgba(91, 91, 254, .1));box-shadow:0 1px 1px #0f121e0a,0 6px 16px -12px #5b5bfe66}.perf-360 .cycle-chip__name{font:650 13px/1.2 Inter,sans-serif;color:var(--text-main)}.perf-360 .kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.perf-360 .kpi-tile{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-5, 12px);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}.perf-360 .kpi-tile__label{font:600 11px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.perf-360 .kpi-tile__value{font:700 28px/1.05 Inter,sans-serif;letter-spacing:-.03em;color:var(--text-main);font-variant-numeric:tabular-nums}.perf-360 .kpi-tile__sub{font:400 11.5px/1.4 Inter,sans-serif;color:var(--text-muted)}.perf-360 .tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:16px;overflow-x:auto;scrollbar-width:thin}.perf-360 .tab{position:relative;padding:10px 14px;font:600 13px/1 Inter,sans-serif;color:var(--text-secondary);cursor:pointer;border:0;background:transparent;white-space:nowrap;transition:color .14s ease;display:inline-flex;align-items:center;gap:6px}.perf-360 .tab:hover{color:var(--text-main)}.perf-360 .tab.is-active{color:var(--accent-color)}.perf-360 .tab.is-active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--accent-color);border-radius:2px 2px 0 0}.perf-360 .tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:var(--bg-subtle);color:var(--text-muted);font:600 10.5px/1 JetBrains Mono,monospace}.perf-360 .tab.is-active .tab__count{background:color-mix(in srgb,var(--accent-color) 12%,transparent);color:var(--accent-color)}.perf-360 .sdot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.perf-360 .sdot--ok{background:var(--success-fg, #10b981);box-shadow:0 0 0 3px #10b9812e}.perf-360 .sdot--warn{background:var(--warning-fg, #f59e0b);box-shadow:0 0 0 3px #f59e0b2e}.perf-360 .sdot--late{background:var(--danger-fg, #f43f5e);box-shadow:0 0 0 3px #f43f5e2e}.perf-360 .sdot--idle{background:var(--text-muted);opacity:.45}.perf-360 .likert{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.perf-360 .likert__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-4, 10px);transition:all .14s ease;cursor:pointer;color:var(--text-secondary);min-height:56px}.perf-360 .likert__btn:hover{border-color:var(--border-strong, var(--border-color));background:var(--bg-subtle)}.perf-360 .likert__btn.is-on{border-color:var(--accent-color);background:var(--accent-soft, color-mix(in srgb, var(--accent-color) 8%, var(--card-bg)));color:var(--text-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 18%,transparent)}.perf-360 .likert__num{font:700 16px/1 Inter,sans-serif;letter-spacing:-.02em}.perf-360 .likert__label{font:500 10.5px/1.2 Inter,sans-serif;text-align:center;color:var(--text-muted)}.perf-360 .likert__btn.is-on .likert__label{color:var(--accent-color)}.perf-360 .tagchip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 13px;border-radius:9999px;border:1px solid var(--border-color);background:var(--card-bg);font:500 12.5px/1 Inter,sans-serif;color:var(--text-secondary);cursor:pointer;transition:all .14s ease}.perf-360 .tagchip:hover{border-color:var(--border-strong, var(--border-color));color:var(--text-main)}.perf-360 .tagchip.is-on{background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg));border-color:var(--accent-color);color:var(--accent-color)}.perf-360 .tagchip.tagchip--growth.is-on{background:#f59e0b24;border-color:var(--warning-fg, #f59e0b);color:var(--warning-fg, #f59e0b)}.perf-360 .wiz-rail{width:240px;flex-shrink:0;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--r-5, 12px);padding:16px 12px;display:flex;flex-direction:column;gap:4px;align-self:flex-start;position:sticky;top:24px;max-height:calc(100vh - 160px)}.perf-360 .wiz-step{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-3, 8px);color:var(--text-secondary);position:relative;cursor:pointer;border:0;background:transparent;text-align:left;width:100%}.perf-360 .wiz-step:hover{background:var(--card-bg)}.perf-360 .wiz-step.is-active{background:color-mix(in srgb,var(--accent-color) 8%,var(--card-bg));color:var(--text-main)}.perf-360 .wiz-step.is-active:before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:2px;background:var(--accent-color);border-radius:0 2px 2px 0}.perf-360 .wiz-step.is-done .wiz-step__dot{background:var(--success-fg, #10b981);border-color:var(--success-fg, #10b981);color:#fff}.perf-360 .wiz-step.is-active .wiz-step__dot{border-color:var(--accent-color);color:var(--accent-color);background:var(--card-bg)}.perf-360 .wiz-step__dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong, var(--border-color));display:flex;align-items:center;justify-content:center;font:600 11px/1 JetBrains Mono,monospace;color:var(--text-muted);flex-shrink:0;background:var(--card-bg)}.perf-360 .wiz-step__body{min-width:0;flex:1}.perf-360 .wiz-step__name{font:600 12.5px/1.3 Inter,sans-serif}.perf-360 .wiz-step__meta{font:400 11px/1.2 Inter,sans-serif;color:var(--text-muted);margin-top:2px}.perf-360 .q{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-5, 12px);padding:18px 20px;margin-bottom:14px}.perf-360 .q__num{font:700 11px/1 JetBrains Mono,monospace;color:var(--accent-color);letter-spacing:.04em}.perf-360 .q__title{font:600 15px/1.4 Inter,sans-serif;letter-spacing:-.01em;margin:6px 0 4px;color:var(--text-main)}.perf-360 .q__hint{font:400 12.5px/1.5 Inter,sans-serif;color:var(--text-muted);margin-bottom:14px}.perf-360 .q__field{margin-top:10px}.perf-360 .q__field textarea,.perf-360 .q__field input{box-sizing:border-box;width:100%;min-height:90px;padding:12px 14px;border:1px solid var(--border-color);background:var(--card-bg);border-radius:var(--r-4, 10px);font:400 13.5px/1.5 Inter,sans-serif;color:var(--text-main);resize:vertical;transition:border-color .14s ease,box-shadow .14s ease}.perf-360 .q__field textarea:focus,.perf-360 .q__field input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.perf-360 .q__field input{min-height:40px}.perf-360 .coach{width:280px;flex-shrink:0;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--r-5, 12px);padding:16px 14px;overflow-y:auto;align-self:flex-start;position:sticky;top:24px;max-height:calc(100vh - 160px);display:flex;flex-direction:column;gap:12px}.perf-360 .coach__hdr{display:flex;align-items:center;gap:8px;font:600 13px/1 Inter,sans-serif;color:var(--text-main)}.perf-360 .coach__msg{background:var(--ai-surface, color-mix(in srgb, var(--card-bg) 94%, var(--violet-500) 6%));border:1px solid var(--ai-surface-bdr, rgba(139, 92, 246, .18));border-radius:var(--r-4, 10px);padding:12px;font:400 12.5px/1.55 Inter,sans-serif;color:var(--text-main)}.perf-360 .coach__chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:9999px;background:var(--card-bg);border:1px solid var(--border-color);font:500 11.5px/1 Inter,sans-serif;cursor:pointer;transition:all .14s ease;color:var(--text-secondary)}.perf-360 .coach__chip:hover{border-color:var(--accent-color);color:var(--accent-color)}.perf-360 .coach__list{display:flex;flex-direction:column;gap:6px}.perf-360 .coach__list-row{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-3, 8px);cursor:pointer;transition:all .14s ease}.perf-360 .coach__list-row:hover{border-color:var(--accent-color)}.perf-360 .wiz-layout{display:flex;gap:16px;align-items:stretch;min-height:calc(100vh - 280px)}.perf-360 .wiz-layout__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.perf-360 .wiz-layout__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 4px;border-top:1px solid var(--divider, var(--border-color));margin-top:8px}@media (max-width: 1024px){.perf-360 .wiz-layout{flex-direction:column}.perf-360 .wiz-rail,.perf-360 .coach{width:100%;max-width:none}}.perf-360 .ring{--pct: 0;--size: 56px;--thick: 6px;--color: var(--accent-color);width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--color) calc(var(--pct) * 1%),var(--border-color) 0);display:flex;align-items:center;justify-content:center;position:relative}.perf-360 .ring:before{content:"";position:absolute;inset:var(--thick);background:var(--card-bg);border-radius:50%}.perf-360 .ring__num{position:relative;font:700 13px/1 Inter,sans-serif;letter-spacing:-.02em;color:var(--text-main)}.perf-360 .skill-row{display:grid;grid-template-columns:160px 1fr 40px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light, var(--border-color))}.perf-360 .skill-row:last-child{border-bottom:0}.perf-360 .skill-row__label{font:600 13px/1.25 Inter,sans-serif;color:var(--text-main)}.perf-360 .skill-row__hint{font:400 11.5px/1.3 Inter,sans-serif;color:var(--text-muted);margin-top:2px}.perf-360 .skill-bar{position:relative;height:8px;background:var(--bg-subtle);border-radius:9999px;overflow:visible;cursor:pointer}.perf-360 .skill-bar__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent-color),var(--violet-500));border-radius:9999px;transition:width .18s ease}.perf-360 .skill-bar__node{position:absolute;top:-4px;width:16px;height:16px;background:var(--card-bg);border:2px solid var(--accent-color);border-radius:50%;transform:translate(-50%);box-shadow:0 1px 2px #0f121e1a;transition:left .18s ease}.perf-360 .skill-row__val{font:700 14px/1 Inter,sans-serif;text-align:right;font-variant-numeric:tabular-nums}.perf-360 .radar{display:block;margin:0 auto}.perf-360 .radar__grid{fill:none;stroke:var(--border-color);stroke-width:1}.perf-360 .radar__axis{stroke:var(--border-light, var(--border-color));stroke-width:1}.perf-360 .radar__shape{fill-opacity:.08;stroke-width:2.5}.perf-360 .radar__shape--self{fill:var(--accent-color);stroke:var(--accent-color)}.perf-360 .radar__shape--peer{fill:var(--violet-500);stroke:var(--violet-500)}.perf-360 .radar__shape--mgr{fill:var(--mavim-pink);stroke:var(--mavim-pink);stroke-dasharray:3,3}.perf-360 .radar__label{font:500 10.5px/1 Inter,sans-serif;fill:var(--text-muted)}.perf-360 .radar-legend{display:flex;gap:12px;justify-content:center;padding-top:8px;flex-wrap:wrap}.perf-360 .radar-legend__item{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1 Inter,sans-serif;color:var(--text-secondary)}.perf-360 .radar-legend__sw{display:inline-block;flex-shrink:0;width:10px;height:10px;border-radius:2px}.perf-360 .spark-path{fill:none;stroke-width:1.5}.perf-360 .tline{position:relative;background:var(--bg-subtle);border-radius:var(--r-5, 12px);padding:18px 18px 40px;border:1px solid var(--border-light, var(--border-color))}.perf-360 .tline__track{position:relative;height:38px;background:linear-gradient(180deg,transparent 0%,transparent 47%,var(--border-color) 47%,var(--border-color) 53%,transparent 53%)}.perf-360 .tline__phase{position:absolute;top:0;height:38px;border-radius:9999px;display:flex;align-items:center;padding:0 12px;font:600 11px/1 Inter,sans-serif;white-space:nowrap;overflow:hidden;box-shadow:0 1px 2px #0f121e1a;color:#fff}.perf-360 .tline__day{position:absolute;bottom:4px;font:500 10.5px/1 JetBrains Mono,monospace;color:var(--text-muted);transform:translate(-50%)}.perf-360 .tline-detail{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.perf-360 .tline-detail__tile{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-4, 10px);padding:10px 12px}.perf-360 .tline-detail__name{font:600 12px/1.2 Inter,sans-serif;color:var(--text-main);display:flex;align-items:center;gap:6px}.perf-360 .tline-detail__sw{width:8px;height:8px;border-radius:50%}.perf-360 .tline-detail__meta{font:400 11px/1.3 Inter,sans-serif;color:var(--text-muted);margin-top:4px}.perf-360 .matrix{border:1px solid var(--border-color);border-radius:var(--r-5, 12px);overflow:auto;background:var(--card-bg)}.perf-360 .matrix__row{display:grid;grid-template-columns:200px repeat(var(--cols, 8),minmax(48px,1fr));border-bottom:1px solid var(--border-light, var(--border-color))}.perf-360 .matrix__row:last-child{border-bottom:0}.perf-360 .matrix__hd{padding:10px;font:500 11.5px/1.3 Inter,sans-serif;color:var(--text-muted);background:var(--bg-subtle);border-right:1px solid var(--border-light, var(--border-color));display:flex;align-items:center;gap:6px;min-height:44px}.perf-360 .matrix__cell{min-height:44px;border-right:1px solid var(--border-light, var(--border-color));display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .14s ease}.perf-360 .matrix__cell:hover{background:var(--bg-subtle)}.perf-360 .matrix__cell.is-on{background:linear-gradient(135deg,#5b5bfe1f,#8b5cf61a)}.perf-360 .matrix__cell.is-on:after{content:"";width:11px;height:11px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 0 4px #5b5bfe33}.perf-360 .matrix__cell.is-ai.is-on:after{background:var(--violet-500);box-shadow:0 0 0 4px #8b5cf633}.perf-360 .ninebox{display:grid;grid-template-columns:80px repeat(3,1fr);grid-template-rows:repeat(3,1fr) 24px;gap:8px}.perf-360 .ninebox__cell{border:1px solid var(--border-color);border-radius:var(--r-3, 8px);padding:10px;min-height:100px;background:var(--card-bg);display:flex;flex-direction:column;gap:6px;position:relative;transition:border-color .14s ease}.perf-360 .ninebox__cell.tier--core{background:color-mix(in srgb,var(--accent-color) 6%,var(--card-bg))}.perf-360 .ninebox__cell.tier--hot{background:linear-gradient(135deg,#5b5bfe1a,#8b5cf61f)}.perf-360 .ninebox__cell.tier--warn{background:#f43f5e14}.perf-360 .ninebox__rowlabel,.perf-360 .ninebox__collabel{display:flex;align-items:center;justify-content:center;font:600 10.5px/1.2 Inter,sans-serif;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.perf-360 .ninebox__rowlabel{writing-mode:vertical-rl;transform:rotate(180deg)}.perf-360 .ninebox__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:9999px;font:600 11px/1 Inter,sans-serif;color:var(--text-main);cursor:grab}.perf-360 .dist{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light, var(--border-color))}.perf-360 .dist:last-child{border-bottom:0}.perf-360 .dist__label{font:500 12.5px/1.3 Inter,sans-serif;color:var(--text-main)}.perf-360 .dist__bar{position:relative;height:10px;background:var(--bg-subtle);border-radius:9999px;overflow:hidden}.perf-360 .dist__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent-color),var(--violet-500));border-radius:9999px;transition:width .18s ease}.perf-360 .dist__avg{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text-secondary);opacity:.6}.perf-360 .dist__val{font:700 13px/1 Inter,sans-serif;text-align:right;color:var(--text-main);font-variant-numeric:tabular-nums}.perf-360 .block-tile{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-3, 8px);padding:10px;display:flex;align-items:center;gap:10px;cursor:grab;transition:all .14s ease}.perf-360 .block-tile:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 6%,var(--card-bg))}.perf-360 .block-tile__icon{width:30px;height:30px;border-radius:var(--r-3, 8px);background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.perf-360 .block-tile__name{font:600 12.5px/1.2 Inter,sans-serif;color:var(--text-main)}.perf-360 .block-tile__type{font:400 11px/1.2 Inter,sans-serif;color:var(--text-muted);margin-top:2px}.perf-360 .dropzone{border:1.5px dashed var(--border-strong, var(--border-color));border-radius:var(--r-4, 10px);padding:24px;text-align:center;color:var(--text-muted);font:500 12.5px/1.4 Inter,sans-serif;background:var(--bg-subtle)}.perf-360 .sh{display:flex;align-items:baseline;justify-content:space-between;margin:16px 0 10px;gap:12px}.perf-360 .sh__title{font:600 13px/1 Inter,sans-serif;letter-spacing:-.01em;color:var(--text-main)}.perf-360 .sh__meta{font:500 11.5px/1 Inter,sans-serif;color:var(--text-muted)}.perf-360 .theme-tile{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--r-4, 10px);padding:14px;display:flex;flex-direction:column;gap:8px}.perf-360 .theme-tile__quote{font:italic 400 13px/1.55 Inter,sans-serif;color:var(--text-main);border-left:2px solid var(--accent-color);padding-left:10px}.perf-360 .theme-tile__meta{display:flex;align-items:center;justify-content:space-between;font:500 11.5px/1 Inter,sans-serif;color:var(--text-muted)}.perf-360 .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perf-360 .save-indicator{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1 Inter,sans-serif;color:var(--text-muted)}.perf-360 .save-indicator lucide-icon{color:var(--success-fg, #10b981)}.perf-360 .save-indicator.is-saving{color:var(--text-muted)}.perf-360 .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 24px;color:var(--text-muted);text-align:center}.perf-360 .empty-state lucide-icon{opacity:.4}.perf-360 .p-input{box-sizing:border-box;height:38px;padding:0 12px;border:1px solid var(--border-color);background:var(--card-bg);border-radius:var(--r-4, 10px);font:400 13.5px/1 Inter,sans-serif;color:var(--text-main);transition:border-color .14s ease,box-shadow .14s ease;width:100%}.perf-360 .p-input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.perf-360 textarea.p-input{height:auto;padding:10px 12px;line-height:1.5;min-height:80px;resize:vertical}.perf-360 .p-input--lg{height:44px;font-size:14px}.perf-360 .outlier-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-subtle);border:1px solid var(--border-light, var(--border-color));border-radius:var(--r-4, 10px)}.perf-360 .outlier-row+.perf-360 .outlier-row{margin-top:8px}.perf-360 .outlier-row__body{flex:1;min-width:0}.perf-360 .outlier-row__title{font:600 13px/1.3 Inter,sans-serif;color:var(--text-main)}.perf-360 .outlier-row__evidence{font:400 12px/1.45 Inter,sans-serif;color:var(--text-muted);margin-top:2px}html.dark .perf-360 .kpi-tile,html.dark .perf-360 .matrix,html.dark .perf-360 .matrix__cell,html.dark .perf-360 .ninebox__cell,html.dark .perf-360 .theme-tile,html.dark .perf-360 .tline-detail__tile,html.dark .perf-360 .block-tile,html.dark .perf-360 .cycle-chip,html.dark .perf-360 .p-card,html.dark .perf-360 .q,html.dark .perf-360 .p-input,html.dark .perf-360 .skill-bar__node{background-color:var(--card-bg)}html.dark .perf-360 .matrix__hd,html.dark .perf-360 .wiz-rail,html.dark .perf-360 .coach,html.dark .perf-360 .p-card--sunken,html.dark .perf-360 .tline,html.dark .perf-360 .outlier-row,html.dark .perf-360 .dropzone{background-color:var(--bg-subtle)}