:root{--eco-font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--eco-font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--eco-font-size-2xl:22px;--eco-font-size-xl:17px;--eco-font-size-lg:20px;--eco-font-size-md:14px;--eco-font-size-sm:13px;--eco-font-size-xs:12px;--eco-font-weight-regular:400;--eco-font-weight-medium:500;--eco-font-weight-semibold:600;--eco-line-height-tight:1.3;--eco-line-height-base:1.5;--eco-space-4:4px;--eco-space-8:8px;--eco-space-12:12px;--eco-space-16:16px;--eco-space-24:24px;--eco-space-32:32px;--eco-space-48:48px;--eco-canvas:#fafafa;--eco-surface:#fff;--eco-surface-sunken:#f5f6f8;--eco-border:#eaecef;--eco-border-strong:#d9dce1;--eco-text:#1a1d21;--eco-text-secondary:#4a4f57;--eco-text-muted:#8b919a;--eco-text-disabled:#b6bac1;--eco-primary:#2f4a6d;--eco-primary-hover:#26405f;--eco-primary-soft:#eef2f7;--eco-on-primary:#fff;--eco-brand:var(--eco-primary);--eco-success:#237b52;--eco-success-hover:#1e6a47;--eco-success-soft:#eef7f2;--eco-warning:#92630c;--eco-warning-hover:#7e550a;--eco-warning-soft:#fdf6e9;--eco-danger:#c4344f;--eco-danger-hover:#a92d44;--eco-danger-soft:#fdf2f4;--eco-info:#3b6fa8;--eco-info-hover:#335f90;--eco-info-soft:#eff4fa;--eco-radius-sm:4px;--eco-radius-md:6px;--eco-radius-lg:8px;--eco-shadow-sm:0 1px 2px #1a1d210d;--eco-shadow-pop:0 4px 16px #1a1d211a;--eco-focus-ring:0 0 0 3px var(--eco-primary-soft);--eco-focus-ring-danger:0 0 0 3px var(--eco-danger-soft);--eco-hover-surface:var(--eco-surface-sunken);--eco-transition:.12s ease;--eco-control-height:36px;--eco-control-height-sm:30px;--eco-control-padding-x:11px;--eco-table-header-bg:var(--eco-surface-sunken);--eco-table-header-size:var(--eco-font-size-xs);--eco-table-cell-padding-y:12px;--eco-table-cell-padding-x:16px;--eco-badge-height:20px;--eco-badge-padding-x:8px;--eco-topbar-height:56px;--eco-content-max:1180px;--eco-sidebar-width:100px;--eco-sidebar-surface:var(--eco-surface);--eco-sidebar-ink:var(--eco-text);--eco-sidebar-muted:var(--eco-text-muted)}[data-eco-app]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-eco-app] body{background:var(--eco-canvas);min-height:100vh;color:var(--eco-text-secondary);font-family:var(--eco-font-sans);font-size:var(--eco-font-size-md);line-height:var(--eco-line-height-base);margin:0}@media (prefers-reduced-motion:reduce){[data-eco-app] *,[data-eco-app] :before,[data-eco-app] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--eco-radius-control:var(--eco-radius-md);--eco-radius-card:var(--eco-radius-lg);--eco-shadow-card:var(--eco-shadow-sm);--eco-shadow-overlay:var(--eco-shadow-pop);--eco-success-ink:var(--eco-success);--eco-warning-ink:var(--eco-warning);--eco-primary-deep:var(--eco-primary);--eco-accent:#ffc700;--eco-accent-ink:#7a5b00;--eco-accent-soft:#fff8dd}:root,[data-theme=light]{--bg-page:#fafafa;--bg-surface:#fff;--bg-subtle:#f4f4f5;--border:#e4e4e7;--border-strong:#d4d4d8;--ink:#18181b;--ink-secondary:#3f3f46;--ink-muted:#71717a;--sidebar:#fff;--sidebar-ink:#18181b;--sidebar-ink-muted:#71717a;--sidebar-hover:#f4f4f5;--sidebar-active:#e7e8e8;--sidebar-field:#fafafa;--sidebar-line:#e4e4e7;--sidebar-edge:var(--sidebar-line);--brand-red:#e5382d;--brand-purple:#8b2fd6;--brand-blue:#2f6fe4;--brand-sun:#f5a524;--brand-navy:#1b2559;--brand-red-soft:#fdeceb;--brand-purple-soft:#f4ebfd;--brand-sun-soft:#fff4dc;--hero-pagi:#fff3e0;--hero-siang:#e8f1ff;--hero-sore:#ffe9e2;--hero-malam:#1b2559;--on-hero-malam:#fff;--on-hero-malam-muted:#c7cdf0;--primary:#2563eb;--primary-hover:#1d4ed8;--on-primary:#fff;--primary-soft:color-mix(in srgb, var(--primary) 8%, #fff);--primary-ink:var(--primary);--success-solid:#16a34a;--success-soft:#f0fdf4;--success-border:#bbf7d0;--success-ink:#15803d;--warning-solid:#b45309;--warning-soft:#fffbeb;--warning-border:#fde68a;--warning-ink:#b45309;--danger-solid:#dc2626;--danger-soft:#fef2f2;--danger-border:#fecaca;--danger-ink:#c81e1e;--violet-solid:#7c3aed;--violet-soft:#f5f3ff;--violet-ink:#6d28d9;--teal-solid:#0d9488;--teal-soft:#f0fdfa;--teal-ink:#0f766e;--neutral-solid:#64748b;--focus-ring:#2563eb;--shadow-card:0 1px 2px #18181b0a;--shadow-pop:0 8px 24px #18181b1f;--ink-disabled:#a1a1aa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-page:#09090b;--bg-surface:#18181b;--bg-subtle:#27272a;--border:#2e2e33;--border-strong:#3f3f46;--ink:#fafafa;--ink-secondary:#d4d4d8;--ink-muted:#a1a1aa;--sidebar:#111113;--sidebar-ink:#fafafa;--sidebar-ink-muted:#a1a1aa;--sidebar-hover:#27272a;--sidebar-active:#343438;--sidebar-field:#18181b;--sidebar-line:#2e2e33;--sidebar-edge:var(--sidebar-line);--brand-red:#ef5a50;--brand-purple:#a259e6;--brand-blue:#4f86ec;--brand-sun:#f5b445;--brand-navy:#c7cdf0;--brand-red-soft:#2d100e;--brand-purple-soft:#22113a;--brand-sun-soft:#2a1f08;--hero-pagi:#2a1c08;--hero-siang:#0d1b36;--hero-sore:#2a120c;--hero-malam:#0e1330;--on-hero-malam:#fff;--on-hero-malam-muted:#b6bde6;--primary:#2563eb;--primary-hover:#1d4ed8;--on-primary:#fff;--primary-soft:color-mix(in srgb, var(--primary) 26%, #09090b);--primary-ink:color-mix(in srgb, var(--primary) 45%, #fff);--success-solid:#22c55e;--success-soft:#052e16;--success-border:#14532d;--success-ink:#4ade80;--warning-solid:#d97706;--warning-soft:#271a06;--warning-border:#78350f;--warning-ink:#fbbf24;--danger-solid:#ef4444;--danger-soft:#2a0b0e;--danger-border:#7f1d1d;--danger-ink:#f87171;--violet-solid:#8b5cf6;--violet-soft:#1e1338;--violet-ink:#c4b5fd;--teal-solid:#14b8a6;--teal-soft:#042f2e;--teal-ink:#5eead4;--neutral-solid:#71717a;--focus-ring:#60a5fa;--shadow-card:none;--shadow-pop:0 8px 24px #00000080;--ink-disabled:#52525b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page:#09090b;--bg-surface:#18181b;--bg-subtle:#27272a;--border:#2e2e33;--border-strong:#3f3f46;--ink:#fafafa;--ink-secondary:#d4d4d8;--ink-muted:#a1a1aa;--sidebar:#111113;--sidebar-ink:#fafafa;--sidebar-ink-muted:#a1a1aa;--sidebar-hover:#27272a;--sidebar-active:#343438;--sidebar-field:#18181b;--sidebar-line:#2e2e33;--sidebar-edge:var(--sidebar-line);--brand-red:#ef5a50;--brand-purple:#a259e6;--brand-blue:#4f86ec;--brand-sun:#f5b445;--brand-navy:#c7cdf0;--brand-red-soft:#2d100e;--brand-purple-soft:#22113a;--brand-sun-soft:#2a1f08;--hero-pagi:#2a1c08;--hero-siang:#0d1b36;--hero-sore:#2a120c;--hero-malam:#0e1330;--on-hero-malam:#fff;--on-hero-malam-muted:#b6bde6;--primary:#2563eb;--primary-hover:#1d4ed8;--on-primary:#fff;--primary-soft:color-mix(in srgb, var(--primary) 26%, #09090b);--primary-ink:color-mix(in srgb, var(--primary) 45%, #fff);--success-solid:#22c55e;--success-soft:#052e16;--success-border:#14532d;--success-ink:#4ade80;--warning-solid:#d97706;--warning-soft:#271a06;--warning-border:#78350f;--warning-ink:#fbbf24;--danger-solid:#ef4444;--danger-soft:#2a0b0e;--danger-border:#7f1d1d;--danger-ink:#f87171;--violet-solid:#8b5cf6;--violet-soft:#1e1338;--violet-ink:#c4b5fd;--teal-solid:#14b8a6;--teal-soft:#042f2e;--teal-ink:#5eead4;--neutral-solid:#71717a;--focus-ring:#60a5fa;--shadow-card:none;--shadow-pop:0 8px 24px #00000080;--ink-disabled:#52525b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--control-h-sm:32px;--control-h-md:36px;--topnav-h:52px;--sidenav-w:232px;--sidenav-w-collapsed:60px;--container-w:1280px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-display:600 24px/30px var(--font-sans);--text-title-lg:600 18px/26px var(--font-sans);--text-title-md:600 18px/26px var(--font-sans);--text-title-sm:600 14px/20px var(--font-sans);--text-body:400 14px/20px var(--font-sans);--text-body-sm:400 13px/18px var(--font-sans);--text-label:500 13px/18px var(--font-sans);--text-caption:400 12px/16px var(--font-sans);--text-overline:500 11px/16px var(--font-sans);--text-metric:600 24px/30px var(--font-sans);--text-code:400 12px/16px var(--font-mono);--surface:var(--bg-page);--surface-raised:var(--bg-surface);--surface-sunken:var(--bg-subtle);--border-control:var(--border-strong);--brand:var(--primary);--brand-hover:var(--primary-hover);--brand-soft:var(--primary-soft);--brand-strong:var(--primary-ink);--brand-deep:var(--sidebar);--on-brand:var(--on-primary);--nav-bg:var(--sidebar);--nav-hover:var(--sidebar-hover);--on-deep:var(--sidebar-ink);--on-deep-muted:var(--sidebar-ink-muted);--accent:var(--warning-solid);--accent-soft:var(--warning-soft);--accent-strong:var(--warning-ink);--success:var(--success-solid);--warning:var(--warning-solid);--danger:var(--danger-solid);--info:var(--primary);--info-soft:var(--primary-soft);--focus:var(--focus-ring);--eco-canvas:var(--bg-page);--eco-surface:var(--bg-surface);--eco-surface-sunken:var(--bg-subtle);--eco-hover-surface:var(--bg-subtle);--eco-border:var(--border);--eco-border-strong:var(--border-strong);--eco-table-header-bg:var(--bg-subtle);--eco-text:var(--ink);--eco-text-secondary:var(--ink-secondary);--eco-text-muted:var(--ink-muted);--eco-text-disabled:var(--ink-disabled);--eco-primary:var(--primary);--eco-primary-hover:var(--primary-hover);--eco-primary-soft:var(--primary-soft);--eco-on-primary:var(--on-primary);--eco-success:var(--success-solid);--eco-success-soft:var(--success-soft);--eco-success-hover:color-mix(in srgb, var(--success-solid) 88%, #000);--eco-warning:var(--warning-solid);--eco-warning-soft:var(--warning-soft);--eco-warning-hover:color-mix(in srgb, var(--warning-solid) 88%, #000);--eco-danger:var(--danger-solid);--eco-danger-soft:var(--danger-soft);--eco-danger-hover:color-mix(in srgb, var(--danger-solid) 88%, #000);--eco-info:var(--primary);--eco-info-soft:var(--primary-soft);--eco-info-hover:var(--primary-hover);--eco-primary-ink:var(--primary-ink);--eco-success-ink:var(--success-ink);--eco-warning-ink:var(--warning-ink);--eco-danger-ink:var(--danger-ink);--eco-info-ink:var(--primary-ink);--primary-border:color-mix(in srgb, var(--primary) 32%, var(--bg-surface));--eco-primary-border:var(--primary-border);--eco-success-border:var(--success-border);--eco-warning-border:var(--warning-border);--eco-danger-border:var(--danger-border);--eco-focus-ring:0 0 0 2px var(--bg-surface), 0 0 0 4px var(--focus-ring);--eco-focus-ring-danger:0 0 0 2px var(--bg-surface), 0 0 0 4px var(--danger-solid);--eco-radius-sm:var(--radius-sm);--eco-radius-md:var(--radius-md);--eco-radius-lg:var(--radius-lg);--eco-shadow-sm:var(--shadow-card);--eco-shadow-pop:var(--shadow-pop);--eco-control-height:var(--control-h-md);--eco-control-height-sm:var(--control-h-sm);--eco-topbar-height:var(--topnav-h);--eco-sidebar-width:var(--sidenav-w);--eco-content-max:var(--container-w);--eco-font-sans:var(--font-sans);--eco-sidebar-surface:var(--sidebar);--eco-sidebar-ink:var(--sidebar-ink);--eco-sidebar-muted:var(--sidebar-ink-muted);--eco-brand:var(--primary);--hris-brand:var(--eco-brand)}.kp-display{font:var(--text-display);letter-spacing:-.02em}.kp-title-lg{font:var(--text-title-lg);letter-spacing:-.01em}.kp-title-md{font:var(--text-title-md);letter-spacing:-.01em}.kp-title-sm{font:var(--text-title-sm)}.kp-body{font:var(--text-body)}.kp-body-sm{font:var(--text-body-sm)}.kp-label{font:var(--text-label)}.kp-caption{font:var(--text-caption)}.kp-overline{font:var(--text-overline);letter-spacing:.06em;text-transform:uppercase}.kp-code{font:var(--text-code)}.kp-metric{font:var(--text-metric);letter-spacing:-.01em}.kp-num,.kp-metric,.kp-code{font-variant-numeric:tabular-nums}[data-eco-app=hris]{--bs-primary:var(--eco-primary);--bs-primary-rgb:47, 74, 109;--bs-primary-active:var(--eco-primary-hover);--bs-primary-inverse:var(--eco-on-primary);--bs-info:var(--eco-info);--bs-success:var(--eco-success);--bs-warning:var(--eco-warning);--bs-danger:var(--eco-danger);--bs-light:var(--eco-surface-sunken);--bs-light-rgb:245, 246, 248;--bs-light-inverse:var(--eco-text-secondary);--bs-primary-light:var(--eco-primary-soft);--bs-info-light:var(--eco-info-soft);--bs-success-light:var(--eco-success-soft);--bs-warning-light:var(--eco-warning-soft);--bs-danger-light:var(--eco-danger-soft);--bs-body-bg:var(--eco-canvas);--bs-body-color:var(--eco-text-secondary);--bs-heading-color:var(--eco-text);--bs-secondary-color:var(--eco-text-secondary);--bs-tertiary-color:var(--eco-text-muted);--bs-secondary-bg:var(--eco-surface-sunken);--bs-tertiary-bg:var(--eco-surface-sunken);--bs-border-color:var(--eco-border);--bs-border-color-translucent:var(--eco-border);--bs-border-dashed-color:var(--eco-border);--bs-link-color:var(--eco-primary);--bs-link-hover-color:var(--eco-primary-hover);--bs-font-sans-serif:var(--eco-font-sans);--bs-body-font-family:var(--eco-font-sans);--bs-body-font-size:var(--eco-font-size-md);--bs-body-line-height:var(--eco-line-height-base);--bs-border-radius:var(--eco-radius-md);--bs-border-radius-sm:var(--eco-radius-sm);--bs-border-radius-lg:var(--eco-radius-lg);--bs-border-radius-xl:var(--eco-radius-lg);--bs-symbol-label-bg:var(--eco-primary-soft);--bs-symbol-label-color:var(--eco-primary)}html[data-eco-app=hris],html[data-eco-app=hris] body,body#kt_body,body#kt_body.auth-bg{background-color:var(--eco-canvas);background-image:none}[data-eco-app=hris] .btn{--bs-btn-border-radius:var(--eco-radius-md);--bs-btn-font-size:var(--eco-font-size-sm);border-radius:var(--eco-radius-md);font-weight:var(--eco-font-weight-medium);transition:background-color var(--eco-transition), border-color var(--eco-transition), color var(--eco-transition)}[data-eco-app=hris] .btn:not(.btn-icon):not(.btn-sm):not(.btn-lg){min-height:var(--eco-control-height)}[data-eco-app=hris] .btn.btn-sm:not(.btn-icon){min-height:var(--eco-control-height-sm);--bs-btn-font-size:var(--eco-font-size-xs)}[data-eco-app=hris] .btn:focus-visible{box-shadow:var(--eco-focus-ring);outline:none}[data-eco-app=hris] .btn.btn-primary{--bs-btn-color:var(--eco-on-primary);--bs-btn-bg:var(--eco-primary);--bs-btn-border-color:var(--eco-primary);--bs-btn-hover-color:var(--eco-on-primary);--bs-btn-hover-bg:var(--eco-primary-hover);--bs-btn-hover-border-color:var(--eco-primary-hover);--bs-btn-active-bg:var(--eco-primary-hover);--bs-btn-active-border-color:var(--eco-primary-hover);--bs-btn-active-color:var(--eco-on-primary);--bs-btn-disabled-bg:var(--eco-border-strong);--bs-btn-disabled-border-color:var(--eco-border-strong);--bs-btn-disabled-color:var(--eco-surface);color:var(--eco-on-primary);background-color:var(--eco-primary);border-color:var(--eco-primary)}[data-eco-app=hris] .btn.btn-primary:hover,[data-eco-app=hris] .btn.btn-primary:focus,[data-eco-app=hris] .btn.btn-primary:active{background-color:var(--eco-primary-hover);border-color:var(--eco-primary-hover);color:var(--eco-on-primary)}[data-eco-app=hris] .btn.btn-outline-primary{--bs-btn-color:var(--eco-primary);--bs-btn-border-color:var(--eco-primary);--bs-btn-hover-bg:var(--eco-primary-hover);--bs-btn-hover-border-color:var(--eco-primary-hover);--bs-btn-hover-color:var(--eco-on-primary);--bs-btn-active-bg:var(--eco-primary-hover);--bs-btn-active-border-color:var(--eco-primary-hover)}[data-eco-app=hris] .btn.btn-light,[data-eco-app=hris] .btn.btn-secondary,[data-eco-app=hris] .btn.btn-bg-light,[data-eco-app=hris] .btn.btn-outline-secondary{--bs-btn-color:var(--eco-text-secondary);--bs-btn-bg:var(--eco-surface);--bs-btn-border-color:var(--eco-border-strong);--bs-btn-hover-color:var(--eco-text);--bs-btn-hover-bg:var(--eco-surface-sunken);--bs-btn-hover-border-color:var(--eco-border-strong);--bs-btn-active-color:var(--eco-text);--bs-btn-active-bg:var(--eco-surface-sunken);--bs-btn-active-border-color:var(--eco-border-strong);--bs-btn-disabled-color:var(--eco-text-disabled);--bs-btn-disabled-bg:var(--eco-surface-sunken);--bs-btn-disabled-border-color:var(--eco-border);color:var(--eco-text-secondary);background-color:var(--eco-surface);box-shadow:inset 0 0 0 1px var(--eco-border-strong)!important}[data-eco-app=hris] .btn.btn-light:hover,[data-eco-app=hris] .btn.btn-secondary:hover,[data-eco-app=hris] .btn.btn-bg-light:hover{color:var(--eco-text);background-color:var(--eco-surface-sunken);box-shadow:inset 0 0 0 1px var(--eco-border-strong)!important}[data-eco-app=hris] .btn.btn-light:focus-visible,[data-eco-app=hris] .btn.btn-secondary:focus-visible,[data-eco-app=hris] .btn.btn-bg-light:focus-visible{box-shadow:inset 0 0 0 1px var(--eco-border-strong), var(--eco-focus-ring)!important}[data-eco-app=hris] .btn.btn-light-primary{--bs-btn-color:var(--eco-primary-ink);--bs-btn-bg:var(--eco-primary-soft);--bs-btn-border-color:transparent;color:var(--eco-primary-ink);background-color:var(--eco-primary-soft);border-color:#0000}[data-eco-app=hris] .btn.btn-light-primary:hover,[data-eco-app=hris] .btn.btn-light-primary:focus{color:var(--eco-on-primary);background-color:var(--eco-primary)}[data-eco-app=hris] .btn.btn-light-success{color:var(--eco-success-ink);background-color:var(--eco-success-soft);border-color:#0000}[data-eco-app=hris] .btn.btn-light-warning{color:var(--eco-warning-ink);background-color:var(--eco-warning-soft);border-color:#0000}[data-eco-app=hris] .btn.btn-light-danger{color:var(--eco-danger-ink);background-color:var(--eco-danger-soft);border-color:#0000}[data-eco-app=hris] .btn.btn-light-info{color:var(--eco-info-ink);background-color:var(--eco-info-soft);border-color:#0000}[data-eco-app=hris] .btn.btn-danger{--bs-btn-bg:var(--eco-danger);--bs-btn-border-color:var(--eco-danger);--bs-btn-color:var(--eco-surface);background-color:var(--eco-danger);border-color:var(--eco-danger);color:var(--eco-surface)}[data-eco-app=hris] .btn.btn-danger:focus-visible{box-shadow:var(--eco-focus-ring-danger)}[data-eco-app=hris] .btn.btn-success{--bs-btn-bg:var(--eco-success);--bs-btn-border-color:var(--eco-success);--bs-btn-color:var(--eco-surface);background-color:var(--eco-success);border-color:var(--eco-success);color:var(--eco-surface)}[data-eco-app=hris] .btn.btn-warning{--bs-btn-bg:var(--eco-warning);--bs-btn-border-color:var(--eco-warning);--bs-btn-color:var(--eco-surface);background-color:var(--eco-warning);border-color:var(--eco-warning);color:var(--eco-surface)}[data-eco-app=hris] .btn.btn-link{--bs-btn-color:var(--eco-primary);--bs-btn-hover-color:var(--eco-primary-hover);font-weight:var(--eco-font-weight-medium)}[data-eco-app=hris] .card{--bs-card-bg:var(--eco-surface);--bs-card-border-color:var(--eco-border);--bs-card-border-radius:var(--eco-radius-lg);background-color:var(--eco-surface);border:1px solid var(--eco-border);border-radius:var(--eco-radius-lg);box-shadow:var(--eco-shadow-sm)}[data-eco-app=hris] .card-header,[data-eco-app=hris] .card-footer{background-color:var(--eco-surface);border-color:var(--eco-border)}[data-eco-app=hris] .shadow-sm,[data-eco-app=hris] .shadow{box-shadow:var(--eco-shadow-sm)!important}[data-eco-app=hris] .form-control,[data-eco-app=hris] .form-select{min-height:var(--eco-control-height);padding-right:var(--eco-control-padding-x);padding-left:var(--eco-control-padding-x);background-color:var(--eco-surface);border:1px solid var(--eco-border-strong);border-radius:var(--eco-radius-md);color:var(--eco-text);font-size:var(--eco-font-size-md);transition:border-color var(--eco-transition), box-shadow var(--eco-transition)}[data-eco-app=hris] .form-select{padding-right:calc(1rem + 16px + var(--eco-space-8))}[data-eco-app=hris] textarea.form-control{min-height:88px;line-height:var(--eco-line-height-base)}[data-eco-app=hris] .form-control-sm,[data-eco-app=hris] .form-select-sm{min-height:var(--eco-control-height-sm);font-size:var(--eco-font-size-sm)}[data-eco-app=hris] .form-control.form-control-solid,[data-eco-app=hris] .form-select.form-select-solid{background-color:var(--eco-surface);border:1px solid var(--eco-border-strong);color:var(--eco-text)}[data-eco-app=hris] .form-control:focus,[data-eco-app=hris] .form-select:focus,[data-eco-app=hris] .form-control.form-control-solid:focus,[data-eco-app=hris] .form-select.form-select-solid:focus{box-shadow:var(--eco-focus-ring);background-color:var(--eco-surface);color:var(--eco-text);border-color:var(--eco-primary)!important}[data-eco-app=hris] .form-control::placeholder,[data-eco-app=hris] .form-control.form-control-solid::placeholder{color:var(--eco-text-disabled)}[data-eco-app=hris] .form-control:disabled,[data-eco-app=hris] .form-select:disabled{background-color:var(--eco-surface-sunken);border-color:var(--eco-border);color:var(--eco-text-disabled)}[data-eco-app=hris] .form-control.is-invalid,[data-eco-app=hris] .form-select.is-invalid{border-color:var(--eco-danger)}[data-eco-app=hris] .form-control.is-invalid:focus,[data-eco-app=hris] .form-select.is-invalid:focus{box-shadow:var(--eco-focus-ring-danger);border-color:var(--eco-danger)!important}[data-eco-app=hris] .form-label{margin-bottom:var(--eco-space-4);color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);font-weight:var(--eco-font-weight-medium)}[data-eco-app=hris] .form-check-input:checked,[data-eco-app=hris] .form-check-input[type=checkbox]:indeterminate,[data-eco-app=hris] .form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate{background-color:var(--eco-primary);border-color:var(--eco-primary)}[data-eco-app=hris] .form-check-input:focus{border-color:var(--eco-primary);box-shadow:var(--eco-focus-ring)}[data-eco-app=hris] .form-range::-webkit-slider-thumb{background-color:var(--eco-primary)}[data-eco-app=hris] .form-range::-moz-range-thumb{background-color:var(--eco-primary)}[data-eco-app=hris] .table{--bs-table-color:var(--eco-text-secondary);--bs-table-bg:transparent;--bs-table-border-color:var(--eco-border);--bs-table-striped-bg:transparent;--bs-table-hover-bg:var(--eco-hover-surface);--bs-table-hover-color:var(--eco-text);font-size:var(--eco-font-size-md)}[data-eco-app=hris] .table thead th{background-color:var(--eco-table-header-bg);border-bottom:1px solid var(--eco-border);color:var(--eco-text-muted);font-size:var(--eco-table-header-size);font-weight:var(--eco-font-weight-medium);letter-spacing:0;padding-top:9px;padding-bottom:9px}[data-eco-app=hris] .table tbody td{border-bottom-color:var(--eco-border);vertical-align:middle}[data-eco-app=hris] .table.table-row-dashed tr,[data-eco-app=hris] .table-row-dashed tr{border-bottom-style:solid;border-bottom-color:var(--eco-border)}[data-eco-app=hris] .border-dashed{border-style:solid!important;border-color:var(--eco-border)!important}[data-eco-app=hris] .badge{--bs-badge-border-radius:var(--eco-radius-sm);min-height:var(--eco-badge-height);padding:0 var(--eco-badge-padding-x);border-radius:var(--eco-radius-sm);font-size:var(--eco-font-size-xs);font-weight:var(--eco-font-weight-medium);align-items:center;line-height:1;display:inline-flex}[data-eco-app=hris] .badge.badge-light,[data-eco-app=hris] .badge.badge-secondary,[data-eco-app=hris] .badge.badge-light-secondary,[data-eco-app=hris] .badge.badge-light-dark{background-color:var(--eco-surface-sunken);color:var(--eco-text-secondary)}[data-eco-app=hris] .badge.badge-light-primary{background-color:var(--eco-primary-soft);color:var(--eco-primary-ink)}[data-eco-app=hris] .badge.badge-light-success{background-color:var(--eco-success-soft);color:var(--eco-success-ink)}[data-eco-app=hris] .badge.badge-light-warning{background-color:var(--eco-warning-soft);color:var(--eco-warning-ink)}[data-eco-app=hris] .badge.badge-light-danger{background-color:var(--eco-danger-soft);color:var(--eco-danger-ink)}[data-eco-app=hris] .badge.badge-light-info{background-color:var(--eco-info-soft);color:var(--eco-info-ink)}[data-eco-app=hris] .badge.badge-primary{background-color:var(--eco-primary);color:var(--eco-on-primary)}[data-eco-app=hris] .badge.badge-success{background-color:var(--eco-success);color:var(--eco-surface)}[data-eco-app=hris] .badge.badge-warning{background-color:var(--eco-warning);color:var(--eco-surface)}[data-eco-app=hris] .badge.badge-danger{background-color:var(--eco-danger);color:var(--eco-surface)}[data-eco-app=hris] .bg-light-primary{color:var(--eco-primary-ink);background-color:var(--eco-primary-soft)!important}[data-eco-app=hris] .bg-light-success{color:var(--eco-success-ink);background-color:var(--eco-success-soft)!important}[data-eco-app=hris] .bg-light-warning{color:var(--eco-warning-ink);background-color:var(--eco-warning-soft)!important}[data-eco-app=hris] .bg-light-danger{color:var(--eco-danger-ink);background-color:var(--eco-danger-soft)!important}[data-eco-app=hris] .bg-light-info{color:var(--eco-info-ink);background-color:var(--eco-info-soft)!important}[data-eco-app=hris] .text-primary,[data-eco-app=hris] .link-primary{color:var(--eco-primary)!important}[data-eco-app=hris] .text-info{color:var(--eco-info)!important}[data-eco-app=hris] .text-muted{color:var(--eco-text-muted)!important}[data-eco-app=hris] .bg-primary{background-color:var(--eco-primary)!important}[data-eco-app=hris] .border-primary{border-color:var(--eco-primary)!important}[data-eco-app=hris] .border{border-color:var(--eco-border)!important}[data-eco-app=hris] .separator.separator-content.border-primary:before,[data-eco-app=hris] .separator.separator-content.border-primary:after{border-color:var(--eco-border)}[data-eco-app=hris] .progress,[data-eco-app=hris] .progress-stacked{--bs-progress-bg:var(--eco-surface-sunken);--bs-progress-bar-bg:var(--eco-primary);--bs-progress-bar-color:var(--eco-on-primary)}[data-eco-app=hris] .nav-pills{--bs-nav-pills-link-active-bg:var(--eco-primary);--bs-nav-pills-link-active-color:var(--eco-on-primary);--bs-nav-pills-border-radius:var(--eco-radius-md)}[data-eco-app=hris] .dropdown-menu,[data-eco-app=hris] .modal-content,[data-eco-app=hris] .popover,[data-eco-app=hris] .menu-sub-dropdown{background-color:var(--eco-surface);border:1px solid var(--eco-border);border-radius:var(--eco-radius-lg);box-shadow:var(--eco-shadow-pop)}[data-eco-app=hris] .modal-header,[data-eco-app=hris] .modal-footer,[data-eco-app=hris] .dropdown-divider{border-color:var(--eco-border)}[data-eco-app=hris] .dropdown-item.active,[data-eco-app=hris] .dropdown-item:active{background-color:var(--eco-primary-soft);color:var(--eco-primary)}[data-eco-app=hris] #kt_header_menu .menu-link{border-radius:var(--eco-radius-md);color:var(--eco-text-secondary);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-medium)}[data-eco-app=hris] #kt_header_menu .menu-link:hover{color:var(--eco-text);background-color:#0000}[data-eco-app=hris] #kt_header_menu>.menu-item{margin-right:2px}@media (width>=992px){[data-eco-app=hris] #kt_header_menu>.menu-item>.menu-link{border-radius:0;height:100%;padding:0 10px;position:relative}[data-eco-app=hris] #kt_header_menu>.menu-item>.menu-link.active:after,[data-eco-app=hris] #kt_header_menu>.menu-item.here>.menu-link:after{content:"";background:var(--eco-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:10px;right:10px}}[data-eco-app=hris] #kt_header_menu>.menu-item>.menu-link.active,[data-eco-app=hris] #kt_header_menu>.menu-item.here>.menu-link{color:var(--eco-primary);font-weight:var(--eco-font-weight-medium);background-color:#0000}[data-eco-app=hris] #kt_header_menu .menu-arrow{color:var(--eco-text-muted)}[data-eco-app=hris] #kt_header_menu .menu-sub .menu-link.active{background-color:var(--eco-primary-soft);color:var(--eco-primary)}[data-eco-app=hris] #kt_header_menu .menu-sub .menu-link:hover{background-color:var(--eco-hover-surface)}[data-eco-app=hris] #kt_header_menu .menu-link:focus-visible{box-shadow:var(--eco-focus-ring);outline:none}[data-eco-app=hris] .symbol.symbol-28px,[data-eco-app=hris] .symbol.symbol-28px .symbol-label,[data-eco-app=hris] .symbol.symbol-28px img{width:28px;height:28px}[data-eco-app=hris] #kt_header_menu button.menu-link{text-align:left;background:0 0;border:0;width:100%;font-family:inherit}[data-eco-app=hris] .app-topbar-brand{align-items:center;gap:.6rem;min-width:0;display:flex}[data-eco-app=hris] .app-topbar-logo{flex:none;width:auto;height:26px}[data-eco-app=hris] .app-topbar-company{font-size:var(--eco-font-size-md);font-weight:var(--eco-font-weight-semibold);color:var(--eco-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kp,.kp *{box-sizing:border-box}.kp{font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "tnum";font-size:14px;line-height:20px}.kp .ui-icon{stroke-width:1.75px;flex:none}.kp :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.kp-btn{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--ink);font:var(--text-label);cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex}.kp-btn:hover{background:var(--bg-subtle);color:var(--ink)}.kp-btn:disabled{color:var(--ink-disabled);cursor:not-allowed}.kp-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.kp-btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}.kp-btn--ghost{color:var(--ink-secondary);background:0 0;border-color:#0000}.kp-btn--ghost:hover{background:var(--bg-subtle)}.kp-btn--icon{justify-content:center;width:32px;padding:0;position:relative}.kp-btn--block{justify-content:center;width:100%;height:36px}.kp-link{align-items:center;gap:var(--space-1);color:var(--primary-ink);font:var(--text-label);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:inline-flex}.kp-link:hover{color:var(--primary-ink);text-decoration:underline}.kp-badge{height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font:500 12px/16px var(--font-sans);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;display:inline-flex}.kp-badge .dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.kp-badge--success{background:var(--success-soft);color:var(--success-ink);border-radius:var(--radius-full)}.kp-badge--success .dot{background:var(--success-solid)}.kp-badge--warning{background:var(--warning-soft);color:var(--warning-ink)}.kp-badge--danger{background:var(--danger-soft);color:var(--danger-ink);border-color:var(--danger-border)}.kp-badge--neutral{background:var(--bg-subtle);color:var(--ink-secondary)}.kp-badge--count{background:var(--danger-soft);min-width:18px;height:18px;color:var(--danger-ink);border-color:var(--danger-border);justify-content:center;padding:0 5px;font-size:11px}.kp-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.kp-chip{align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);height:28px;color:var(--ink);font:var(--text-label);cursor:pointer;white-space:nowrap;padding:0 10px;text-decoration:none;display:inline-flex}.kp-chip:hover{background:var(--bg-subtle);color:var(--ink)}.kp-chip.is-active{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--primary-ink)}.kp-chip .ui-icon{width:14px;height:14px;color:var(--ink-muted)}.kp-tile{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);width:24px;height:24px;color:var(--ink-secondary);flex:none;place-items:center;display:inline-grid}.kp-tile .ui-icon{width:14px;height:14px}.kp-tile--blue{background:var(--primary-soft);color:var(--primary-ink);border-color:#0000}.kp-tile--green{background:var(--success-soft);color:var(--success-ink);border-color:var(--success-border)}.kp-tile--amber{background:var(--warning-soft);color:var(--warning-ink);border-color:var(--warning-border)}.kp-tile--red{background:var(--danger-soft);color:var(--danger-ink);border-color:var(--danger-border)}.kp-tile--violet{background:var(--violet-soft);color:var(--violet-ink);border-color:#0000}.kp-tile--teal{background:var(--teal-soft);color:var(--teal-ink);border-color:#0000}.kp-stats{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.kp-stat{gap:var(--space-2);min-height:132px;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:inherit;text-align:left;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.kp-stat:hover{border-color:var(--border-strong);color:inherit}.kp-stat__head{align-items:center;gap:var(--space-2);font:var(--text-label);color:var(--ink-secondary);display:flex}.kp-stat__value{font:var(--text-metric);color:var(--ink)}.kp-stat__value.is-danger{color:var(--danger-ink)}.kp-stat__value.is-warning{color:var(--warning-ink)}.kp-stat__sub{font:var(--text-caption);color:var(--ink-muted);line-height:18px}.kp-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.kp-panel__head{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.kp-panel__title{font:var(--text-title-sm);color:var(--ink)}.kp-panel__meta{font:var(--text-caption);color:var(--ink-muted)}.kp-panel__head .end{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.kp-panel__body{padding:var(--space-4)}.kp-panel__foot{padding:0 var(--space-4) var(--space-4);font:var(--text-caption);color:var(--ink-muted);line-height:18px}.kp-panel--attention .kp-panel__head{background:var(--warning-soft);border-bottom-color:var(--warning-border)}.kp-segbar{height:8px;margin-bottom:var(--space-3);gap:3px;display:flex}.kp-segbar span{border-radius:2px}.kp-statgrid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.kp-stattile{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-subtle);font:var(--text-label);color:var(--ink);cursor:pointer;text-decoration:none;display:flex}.kp-stattile:hover{color:var(--ink)}.kp-stattile .sq{background:var(--neutral-solid);border-radius:2px;flex:none;width:10px;height:10px}.kp-stattile b{font:600 16px/20px var(--font-sans);margin-left:auto}.kp-stattile--green{background:var(--success-soft);border-color:var(--success-border)}.kp-stattile--green .sq{background:var(--success-solid)}.kp-stattile--amber{background:var(--warning-soft);border-color:var(--warning-border)}.kp-stattile--amber .sq{background:var(--warning-solid)}.kp-stattile--red{background:var(--danger-soft);border-color:var(--danger-border)}.kp-stattile--red .sq{background:var(--danger-solid)}.kp-barlist{align-items:center;column-gap:var(--space-4);grid-template-columns:minmax(96px,150px) 1fr 28px 40px;row-gap:0;display:grid}.kp-barlist>*{align-items:center;height:28px;display:flex}.kp-barlist .lbl{white-space:nowrap;text-overflow:ellipsis;font:var(--text-body-sm);color:var(--ink-secondary);overflow:hidden}.kp-barlist .track{border-radius:var(--radius-full);background:var(--bg-subtle);align-self:center;height:8px;position:relative}.kp-barlist .track i{border-radius:var(--radius-full);background:var(--neutral-solid);position:absolute;inset:0 auto 0 0}.kp-barlist .n{font:600 13px/18px var(--font-sans);justify-content:flex-end}.kp-barlist .pct{font:var(--text-caption);color:var(--ink-muted);justify-content:flex-end}.kp-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--border);text-align:left;color:inherit;cursor:pointer;background:0 0;text-decoration:none;display:flex}.kp-row:last-child{border-bottom:0}.kp-row:hover{background:var(--bg-subtle);color:inherit}.kp-row__main{flex:1;min-width:0}.kp-row__title{font:var(--text-label);color:var(--ink);display:block}.kp-row__sub{font:var(--text-caption);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.kp-row__sub.is-danger{color:var(--danger-ink)}.kp-avatar{border-radius:var(--radius-md);background:var(--primary);width:24px;height:24px;color:var(--on-primary);font:600 10px/1 var(--font-sans);flex:none;place-items:center;display:inline-grid}.kp-avatar--round{border-radius:var(--radius-full)}.kp-empty{text-align:center;align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.kp-empty .kp-tile{width:32px;height:32px;margin-bottom:var(--space-2)}.kp-empty__title{font:var(--text-label);color:var(--ink)}.kp-empty__sub{font:var(--text-caption);color:var(--ink-muted);max-width:320px;line-height:18px}.kp-clock__pair{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.kp-clock__cell{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border)}.kp-clock__cell small{font:var(--text-caption);color:var(--ink-muted);display:block}.kp-clock__cell b{font:600 18px/26px var(--font-mono);color:var(--ink);letter-spacing:0}.kp-pagehead{align-items:flex-start;gap:var(--space-4);display:flex}.kp-pagehead h1{font:var(--text-title-md);letter-spacing:-.01em;margin:0}.kp-pagehead p{font:var(--text-body-sm);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0;display:flex}.kp-pagehead .end{gap:var(--space-2);margin-left:auto;display:flex}.kp-cols{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.kp-stack{gap:var(--space-4);flex-direction:column;display:flex}@media (width<=1280px){.kp-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.kp-cols{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.kp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-pagehead{flex-direction:column}.kp-pagehead .end{margin-left:0}}.kp-toast-slot{right:var(--space-6);bottom:var(--space-6);z-index:10000;position:fixed}.kp-toast{align-items:center;gap:var(--space-3);max-width:380px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-pop);display:flex}.kp-toast__text{font:var(--text-label);color:var(--ink)}.kp-toast--success{border-color:var(--success-border)}.kp-toast--warning{border-color:var(--warning-border)}.kp-toast--danger{border-color:var(--danger-border)}@media (width<=575px){.kp-toast-slot{right:var(--space-4);left:var(--space-4);bottom:var(--space-4)}.kp-toast{max-width:none}}.kp-tabs{gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.kp-tabs::-webkit-scrollbar{height:0}.kp-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) 10px 10px;color:var(--ink-muted);font:var(--text-label);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.kp-tab:hover{color:var(--ink)}.kp-tab.is-active{color:var(--primary-ink);border-bottom-color:var(--primary)}.kp-tabs--sub{border-bottom-color:var(--border);gap:0}.kp-tabs--sub .kp-tab{font:var(--text-body-sm);padding:6px 10px 8px}.kp-hero{align-items:center;gap:var(--space-6);min-height:184px;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--hero-siang);color:var(--ink);display:flex;position:relative;overflow:hidden}.kp-hero--pagi{background:var(--hero-pagi)}.kp-hero--siang{background:var(--hero-siang)}.kp-hero--sore{background:var(--hero-sore)}.kp-hero--malam{background:var(--hero-malam);color:var(--on-hero-malam)}.kp-hero__art{pointer-events:none;width:800px;height:100%;position:absolute;top:0;right:0}.kp-hero__text{flex:1;min-width:0;max-width:520px;position:relative}.kp-hero__date{margin:0 0 var(--space-1);font:500 13px/18px var(--font-sans);color:var(--ink-secondary)}.kp-hero__title{font:600 26px/32px var(--font-sans);letter-spacing:-.02em;color:inherit;margin:0}.kp-hero__sub{margin:var(--space-2) 0 var(--space-4);align-items:center;gap:var(--space-2);font:400 14px/20px var(--font-sans);color:var(--ink-secondary);flex-wrap:wrap;display:flex}.kp-hero--malam .kp-hero__date,.kp-hero--malam .kp-hero__sub{color:var(--on-hero-malam-muted)}.kp-hero__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.kp-hero__clock{width:288px;padding:var(--space-4);background:var(--bg-surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);flex:none;position:relative}.kp-hero__clock .head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font:500 13px/18px var(--font-sans);color:var(--ink-secondary);display:flex}.kp-hero__clock .kp-clock__pair{margin-bottom:var(--space-3)}.kp-hero .hill-a{fill:var(--brand-red)}.kp-hero .hill-b{fill:var(--brand-purple)}.kp-hero .hill-c{fill:var(--brand-blue)}.kp-hero .orb{fill:var(--brand-sun)}.kp-hero .orb-cut{fill:var(--hero-malam);display:none}.kp-hero .kawung{fill:var(--brand-purple);fill-opacity:.14}.kp-hero .star{fill:var(--on-hero-malam);display:none}.kp-hero--pagi .orb-g{transform:translate(-70px,40px)}.kp-hero--sore .orb-g{transform:translate(-130px,70px)}.kp-hero--malam .orb{fill:var(--brand-sun-soft)}.kp-hero--malam .orb-cut,.kp-hero--malam .star{display:inline}.kp-hero--malam .kawung{fill:var(--on-hero-malam);fill-opacity:.08}@media (width<=1100px){.kp-hero{flex-direction:column;align-items:stretch}.kp-hero__clock{width:auto}.kp-hero__text{max-width:none}}.kp-moments{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kp-moment{gap:var(--space-2);min-height:168px;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--brand-red-soft);flex-direction:column;display:flex;position:relative;overflow:hidden}.kp-moment--ultah{background:var(--brand-red-soft)}.kp-moment--masa{background:var(--brand-sun-soft)}.kp-moment--baru{background:var(--brand-purple-soft)}.kp-moment__art{width:72px;height:72px;position:absolute;top:12px;right:12px}.kp-moment__art .a{fill:var(--brand-red)}.kp-moment__art .b{fill:var(--brand-sun)}.kp-moment__art .c{fill:var(--brand-purple)}.kp-moment__art .d{fill:var(--brand-blue)}.kp-moment .kp-avatar{width:40px;height:40px;box-shadow:0 0 0 3px var(--bg-surface);font-size:13px;position:relative}.kp-moment__kind{font:600 11px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-secondary);position:relative}.kp-moment__name{font:600 15px/20px var(--font-sans);color:var(--brand-navy)}.kp-moment__meta{font:400 12px/16px var(--font-sans);color:var(--ink-secondary)}.kp-moment .kp-btn{background:var(--bg-surface);border-color:#0000;align-self:flex-start;height:28px;margin-top:auto}@media (width<=992px){.kp-moments{grid-template-columns:minmax(0,1fr)}}.kp-spot{width:96px;height:64px}.kp-spot .a{fill:var(--brand-red)}.kp-spot .b{fill:var(--brand-purple)}.kp-spot .c{fill:var(--brand-blue)}.kp-spot .s{fill:var(--brand-sun)}.kp-spot .g{fill:var(--bg-subtle)}.kp-spot .w{fill:var(--bg-surface)}.kp-spot .k{fill:var(--brand-purple);fill-opacity:.18}.kp-spot .ln{fill:none;stroke:var(--bg-surface);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.kp-hol{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.kp-hol:last-child{border-bottom:0}.kp-hol__date{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);flex-direction:column;flex:none;align-items:center;width:48px;display:flex;overflow:hidden}.kp-hol__date small{text-align:center;background:var(--brand-red-soft);border-top:3px solid var(--brand-red);width:100%;color:var(--ink);font:600 10px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase}.kp-hol__date b{font:600 20px/28px var(--font-sans);color:var(--ink)}.kp-hol__name{font:var(--text-label)}.kp-hol__meta{font:var(--text-caption);color:var(--ink-muted)}.kp-hol .kp-badge{margin-left:auto}.ui-btn{justify-content:center;align-items:center;gap:var(--eco-space-8);height:var(--eco-control-height);border-radius:var(--eco-radius-md);font-family:inherit;font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--eco-transition), border-color var(--eco-transition), color var(--eco-transition);background:0 0;border:1px solid #0000;padding:0 14px;line-height:1;display:inline-flex}.ui-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:none}.ui-btn:disabled{cursor:not-allowed}.ui-btn--sm{height:var(--eco-control-height-sm);gap:var(--eco-space-4);font-size:var(--eco-font-size-xs);padding:0 10px}.ui-btn--primary{background:var(--eco-primary);border-color:var(--eco-primary);color:var(--eco-on-primary)}.ui-btn--primary:hover:not(:disabled){background:var(--eco-primary-hover);border-color:var(--eco-primary-hover)}.ui-btn--primary:disabled{background:var(--eco-border-strong);border-color:var(--eco-border-strong);color:var(--eco-surface)}.ui-btn--secondary{background:var(--eco-surface);border-color:var(--eco-border-strong);color:var(--eco-text-secondary)}.ui-btn--secondary:hover:not(:disabled){background:var(--eco-surface-sunken);color:var(--eco-text)}.ui-btn--secondary:disabled{background:var(--eco-surface-sunken);border-color:var(--eco-border);color:var(--eco-text-disabled)}.ui-btn--danger{background:var(--eco-danger);border-color:var(--eco-danger);color:var(--eco-surface)}.ui-btn--danger:hover:not(:disabled){background:var(--eco-danger-hover);border-color:var(--eco-danger-hover)}.ui-btn--danger:focus-visible{outline-color:var(--danger)}.ui-btn--danger:disabled{background:var(--eco-border-strong);border-color:var(--eco-border-strong);color:var(--eco-surface)}.ui-btn--ghost{color:var(--eco-text-secondary)}.ui-btn--ghost:hover:not(:disabled){background:var(--eco-hover-surface);color:var(--eco-text)}.ui-btn--ghost:disabled{color:var(--eco-text-disabled)}.ui-btn__icon{flex:none;align-items:center;display:inline-flex}.ui-btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-badge{height:var(--eco-badge-height);padding:0 var(--eco-badge-padding-x);border-radius:var(--eco-radius-sm);font-size:var(--eco-font-size-xs);font-weight:var(--eco-font-weight-medium);white-space:nowrap;align-items:center;gap:5px;line-height:1;display:inline-flex}.ui-badge__dot{opacity:.75;background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.ui-badge--neutral{background:var(--eco-surface-sunken);color:var(--eco-text-secondary)}.ui-badge--success{background:var(--eco-success-soft);color:var(--eco-success)}.ui-badge--warning{background:var(--eco-warning-soft);color:var(--eco-warning)}.ui-badge--danger{background:var(--eco-danger-soft);color:var(--eco-danger)}.ui-badge--info{background:var(--eco-info-soft);color:var(--eco-info)}.ui-panel{background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:var(--eco-radius-lg);box-shadow:var(--eco-shadow-sm)}.ui-panel__header{justify-content:space-between;align-items:center;gap:var(--eco-space-16);padding:var(--eco-space-16) var(--eco-space-24);border-bottom:1px solid var(--eco-border);flex-wrap:wrap;display:flex}.ui-panel__title{color:var(--eco-text);font-size:var(--eco-font-size-xl);font-weight:var(--eco-font-weight-semibold);letter-spacing:-.01em;line-height:var(--eco-line-height-tight);margin:0}.ui-panel__description{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);margin:2px 0 0}.ui-panel__actions{align-items:center;gap:var(--eco-space-8);display:flex}.ui-panel__body{padding:var(--eco-space-24)}.ui-panel__body--flush{padding:0}.ui-field{flex-direction:column;min-width:0;display:flex}.ui-field__label{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);font-weight:var(--eco-font-weight-medium);margin-bottom:6px}.ui-field__required{color:var(--eco-danger);margin-left:2px}.ui-field__message{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);margin-top:5px}.ui-field__message--error{color:var(--eco-danger)}.ui-stat-row{align-items:stretch;gap:var(--eco-space-24);flex-wrap:wrap;display:flex}.ui-stat{min-width:0}.ui-stat-row>.ui-stat+.ui-stat{padding-left:var(--eco-space-24);border-left:1px solid var(--eco-border)}.ui-stat__label{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);font-weight:var(--eco-font-weight-medium);display:block}.ui-stat__value{color:var(--eco-text);font-size:var(--eco-font-size-lg);font-weight:var(--eco-font-weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-items:baseline;gap:5px;margin-top:5px;display:flex}.ui-stat__unit{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-regular)}.ui-stat__helper{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);margin-top:3px}.ui-stat--success .ui-stat__value{color:var(--eco-success)}.ui-stat--warning .ui-stat__value{color:var(--eco-warning)}.ui-stat--danger .ui-stat__value{color:var(--eco-danger)}.ui-stat--info .ui-stat__value{color:var(--eco-info)}.ui-empty{padding:var(--eco-space-48) var(--eco-space-24);text-align:center}.ui-empty__icon{margin-bottom:var(--eco-space-12);color:var(--eco-text-disabled);justify-content:center;font-size:1.5rem;line-height:1;display:flex}.ui-empty__title{color:var(--eco-text);font-size:var(--eco-font-size-md);font-weight:var(--eco-font-weight-medium)}.ui-empty__description{max-width:28rem;color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);margin:3px auto 0}.ui-empty__action{margin-top:var(--eco-space-16)}.ui-table-shell{background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:var(--eco-radius-lg);box-shadow:var(--eco-shadow-sm)}.ui-table-shell__toolbar{justify-content:space-between;align-items:center;gap:var(--eco-space-16);padding:var(--eco-space-12) var(--eco-space-24);border-bottom:1px solid var(--eco-border);flex-wrap:wrap;display:flex}.ui-table-shell__scroll{overflow-x:auto}.ui-table-shell__footer{padding:var(--eco-space-12) var(--eco-space-24);border-top:1px solid var(--eco-border)}.ui-table{border-collapse:collapse;width:100%;font-size:var(--eco-font-size-md);color:var(--eco-text-secondary)}.ui-table thead th{padding:var(--eco-space-8) var(--eco-table-cell-padding-x);background:var(--eco-table-header-bg);border-bottom:1px solid var(--eco-border);color:var(--eco-text-muted);font-size:var(--eco-table-header-size);font-weight:var(--eco-font-weight-medium);text-align:left;text-transform:none;letter-spacing:0;white-space:nowrap}.ui-table tbody td{padding:var(--eco-table-cell-padding-y) var(--eco-table-cell-padding-x);border-bottom:1px solid var(--eco-border);vertical-align:middle}.ui-table tbody tr:last-child td{border-bottom:0}.ui-table tbody tr:hover td{background:var(--eco-hover-surface)}.ui-table thead th:first-child,.ui-table tbody td:first-child{padding-left:var(--eco-space-24)}.ui-table thead th:last-child,.ui-table tbody td:last-child{padding-right:var(--eco-space-24)}.ui-table .ui-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ui-tab:focus-visible,.ui-avatar:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ui-icon{vertical-align:middle;flex:none;display:inline-block}.ui-avatar{border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-strong);font-family:var(--font-sans);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.ui-avatar__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ui-avatar--sm{width:28px;height:28px;font-size:11px}.ui-avatar--md{width:36px;height:36px;font-size:13px}.ui-avatar--lg{width:56px;height:56px;font-size:18px}.ui-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font:var(--text-body);color:var(--ink);border:1px solid #0000;display:flex}.ui-alert__icon{flex:none;margin-top:1px;display:inline-flex}.ui-alert__body{flex:auto;min-width:0}.ui-alert__title{font:var(--text-title-sm)}.ui-alert__text{color:var(--ink-muted)}.ui-alert__title+.ui-alert__text{margin-top:2px}.ui-alert__actions{gap:var(--space-2);flex:none;align-self:center;display:flex}.ui-alert--info{background:var(--info-soft);border-color:var(--info)}.ui-alert--info .ui-alert__icon{color:var(--info)}.ui-alert--success{background:var(--success-soft);border-color:var(--success)}.ui-alert--success .ui-alert__icon{color:var(--success)}.ui-alert--warning{background:var(--warning-soft);border-color:var(--warning)}.ui-alert--warning .ui-alert__icon{color:var(--warning)}.ui-alert--danger{background:var(--danger-soft);border-color:var(--danger)}.ui-alert--danger .ui-alert__icon{color:var(--danger)}.ui-tabs{align-items:stretch;gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.ui-tab{appearance:none;padding:var(--space-2) var(--space-3);font:var(--text-label);color:var(--ink-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:var(--space-2);transition:color var(--eco-transition), border-color var(--eco-transition);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.ui-tab:hover:not(:disabled){color:var(--ink)}.ui-tab--active{color:var(--brand);border-bottom-color:var(--brand)}.ui-tab:disabled{color:var(--ink-disabled);cursor:not-allowed}.ui-tab__count{border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink-muted);font:var(--text-caption);font-variant-numeric:tabular-nums;padding:0 6px}.ui-tab--active .ui-tab__count{background:var(--brand-soft);color:var(--brand-strong)}.ui-statcard{gap:var(--space-2);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;min-width:0;display:flex}.ui-statcard__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ui-statcard__label{font:var(--text-label);color:var(--ink-muted);min-width:0}.ui-statcard__icon{border-radius:var(--radius-md);background:var(--brand-soft);width:36px;height:36px;color:var(--brand-strong);flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-statcard__value{font:var(--text-metric);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}.ui-statcard__foot{align-items:baseline;gap:var(--space-2);font:var(--text-body-sm);color:var(--ink-muted);flex-wrap:wrap;display:flex}.ui-statcard__delta{font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;font-weight:600;display:inline-flex}.ui-statcard__delta--success{color:var(--success)}.ui-statcard__delta--danger{color:var(--danger)}.ui-statcard__delta--warning{color:var(--warning)}.ui-statcard__delta--info{color:var(--info)}.ui-statcard__caption{min-width:0}.ui-input,.ui-select__control{width:100%;height:var(--control-h-md);padding:0 var(--space-3);border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font:var(--text-body);transition:border-color var(--eco-transition), box-shadow var(--eco-transition)}.ui-input::placeholder{color:var(--ink-muted)}.ui-input:hover:not(:disabled):not(:focus),.ui-select__control:hover:not(:disabled):not(:focus){border-color:var(--ink-muted)}.ui-input:focus,.ui-select__control:focus{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus);outline:none}.ui-input:disabled,.ui-select__control:disabled{background:var(--surface-sunken);color:var(--ink-disabled);cursor:not-allowed}.ui-input--invalid{border-color:var(--danger)}.ui-input--invalid:focus{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.ui-select{display:block;position:relative}.ui-select__control{appearance:none;padding-right:var(--space-8)}.ui-select__chevron{right:var(--space-3);pointer-events:none;color:var(--ink-muted);display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.ui-input-wrap{width:100%;display:block;position:relative}.ui-input-wrap__icon{left:var(--space-3);pointer-events:none;color:var(--ink-muted);display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.ui-input--has-icon,.ui-input--password{padding-left:calc(var(--space-8) + var(--space-2))}.ui-input--password{padding-right:calc(var(--space-8) + var(--space-3))}.ui-pw-toggle{right:var(--space-1);width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);color:var(--ink-muted);cursor:pointer;transition:color var(--eco-transition), background var(--eco-transition);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.ui-pw-toggle:hover{color:var(--ink);background:var(--surface-sunken)}.ui-pw-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ui-check{align-items:flex-start;gap:var(--space-2);cursor:pointer;font:var(--text-body);color:var(--ink);display:inline-flex;position:relative}.ui-check input{opacity:0;cursor:pointer;width:18px;height:18px;margin:0;position:absolute}.ui-check__box{border:1.5px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface-raised);color:#0000;width:18px;height:18px;transition:background var(--eco-transition), border-color var(--eco-transition);flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.ui-check input:checked+.ui-check__box,.ui-check input:indeterminate+.ui-check__box{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.ui-check input:focus-visible+.ui-check__box{outline:2px solid var(--focus);outline-offset:2px}.ui-check input:disabled+.ui-check__box{border-color:var(--border);background:var(--surface-sunken)}.ui-check input:disabled~.ui-check__text{color:var(--ink-disabled);cursor:not-allowed}.ui-check__text{flex-direction:column;font-weight:500;display:flex}.ui-check__text span{font:var(--text-caption);color:var(--ink-muted)}.ui-textarea{height:auto;min-height:96px;padding:var(--space-2) var(--space-3);resize:vertical}.ui-crumb ol{align-items:center;gap:var(--space-1);font:var(--text-caption);color:var(--ink-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ui-crumb li{align-items:center;gap:var(--space-1);display:inline-flex}.ui-crumb__link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.ui-crumb__link:hover{color:var(--brand);text-decoration:underline}.ui-crumb__link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.ui-crumb__sep{color:var(--border-control)}.ui-crumb [aria-current=page]{color:var(--ink);font-weight:600}.kp-shell-root{flex:auto;min-width:0}.kp-shell{background:var(--bg-page);min-height:100vh;display:flex}.kp-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.kp-side{width:var(--sidenav-w);background:var(--sidebar);height:100vh;color:var(--sidebar-ink);border-right:1px solid var(--sidebar-edge);padding:var(--space-3) var(--space-2);z-index:30;flex-direction:column;flex:none;transition:width .2s;display:flex;position:sticky;top:0}.kp-side__brand{min-height:64px;padding:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius-md);justify-content:flex-start;align-items:center;text-decoration:none;display:flex}.kp-side__brand:hover{background:var(--sidebar-hover)}.kp-side__logo{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:56px;display:block}.kp-side__mark{border-radius:var(--radius-md);background:var(--sidebar-hover);width:48px;height:48px;color:var(--sidebar-ink);font:700 14px/1 var(--font-sans);flex:none;place-items:center;display:grid}.kp-side__names{min-width:0}.kp-side__name{font:600 13px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.kp-side__sub{font:400 11px/14px var(--font-sans);color:var(--sidebar-ink-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.kp-side__scroll{scrollbar-width:thin;scrollbar-color:var(--sidebar-line) transparent;flex:1;min-height:0;overflow-y:auto}.kp-side__scroll::-webkit-scrollbar{width:6px}.kp-side__scroll::-webkit-scrollbar-thumb{background:var(--sidebar-line);border-radius:var(--radius-full)}.kp-side__group{align-items:center;gap:var(--space-2);width:100%;margin:var(--space-4) 0 var(--space-1);padding:0 var(--space-2);height:20px;color:var(--sidebar-ink-muted);font:var(--text-overline);letter-spacing:.06em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.kp-side__group:hover{color:var(--sidebar-ink)}.kp-side__group .ui-icon{margin-left:auto;transition:transform .12s}.kp-side__group.is-open .ui-icon{transform:rotate(90deg)}.kp-side__item{width:100%;min-height:30px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--sidebar-ink);font:var(--text-label);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;text-decoration:none;display:flex}.kp-side__item:hover{background:var(--sidebar-hover);color:var(--sidebar-ink)}.kp-side__item.is-active{background:var(--sidebar-active);color:var(--sidebar-ink)}.kp-side__item svg{flex:none;width:16px;height:16px}.kp-side__item span{min-width:0;padding:6px 0}.kp-side__group+.kp-side__item,.kp-side__items .kp-side__item{padding-left:var(--space-2)}.kp-side__foot{padding-top:var(--space-3);border-top:1px solid var(--sidebar-line);margin-top:auto;position:relative}.kp-side__user{width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--sidebar-ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.kp-side__user:hover{background:var(--sidebar-hover)}.kp-side__user .kp-avatar{background:var(--sidebar-ink);color:var(--sidebar)}.kp-side__ident{flex:1;min-width:0}.kp-side__ident b{font:500 13px/16px var(--font-sans);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.kp-side__ident small{font:400 11px/14px var(--font-sans);color:var(--sidebar-ink-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.kp-side :focus-visible{outline:2px solid var(--sidebar-ink);outline-offset:2px}.kp-side--collapsed{width:var(--sidenav-w-collapsed);padding-left:var(--space-1);padding-right:var(--space-1)}.kp-side--collapsed .kp-side__brand{justify-content:center;padding:10px 0}.kp-side--collapsed .kp-side__logo{object-position:center;width:40px;height:40px}.kp-side--collapsed .kp-side__item span,.kp-side--collapsed .kp-side__ident{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kp-side--collapsed .kp-side__names,.kp-side--collapsed .kp-side__group,.kp-side--collapsed .kp-side__user>.ui-icon{display:none}.kp-side--collapsed .kp-side__items+.kp-side__items:before{content:"";background:var(--sidebar-line);height:1px;margin:10px 6px;display:block}.kp-side--collapsed .kp-side__item,.kp-side--collapsed .kp-side__user{justify-content:center;gap:0;padding-left:0;padding-right:0}.kp-side--collapsed .kp-side__item{height:32px;min-height:32px}.kp-side--collapsed .kp-side__scroll{scrollbar-width:none}.kp-side--collapsed .kp-side__scroll::-webkit-scrollbar{width:0}.kp-side--collapsed .kp-side__foot{padding:10px 0 0}.kp-top{align-items:center;gap:var(--space-3);height:var(--topnav-h);padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:20;flex:none;display:flex;position:sticky;top:0}.kp-crumbs{align-items:center;gap:var(--space-2);min-width:0;font:var(--text-body-sm);color:var(--ink-muted);display:flex}.kp-crumbs b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.kp-crumbs .ui-icon{flex:none}.kp-top .end{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.kp-dot{border-radius:var(--radius-full);background:var(--danger-solid);border:1.5px solid var(--bg-surface);width:7px;height:7px;position:absolute;top:5px;right:5px}.kp-top__burger{display:none}.kp-top__collapse{display:inline-flex}.kp-menu-pop{left:0;right:0;bottom:calc(100% + var(--space-2));z-index:40;padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-pop);position:absolute}.kp-side--collapsed .kp-menu-pop{left:calc(100% + var(--space-2));width:248px;bottom:0;right:auto}.kp-identity{padding:var(--space-2)}.kp-identity-name{font:var(--text-label);color:var(--ink);word-break:break-word}.kp-identity-role,.kp-identity-email{font:var(--text-caption);color:var(--ink-muted);word-break:break-word}.kp-menu-sep{height:1px;margin:var(--space-2) 0;background:var(--border)}.kp-menu-pop-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:var(--ink-secondary);font:var(--text-label);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.kp-menu-pop-item:hover{background:var(--bg-subtle)}.kp-menu-pop-item--danger{color:var(--danger-ink)}.kp-menu-pop-item--danger:hover{background:var(--danger-soft)}@media (width<=992px){.kp-side{box-shadow:var(--shadow-pop);transition:transform .16s;position:fixed;top:0;left:0;transform:translate(-100%)}.kp-side.is-open{transform:translate(0)}.kp-side__backdrop{z-index:29;background:#18181b66;border:0;position:fixed;inset:0}.kp-top__burger{display:inline-flex}.kp-top__collapse{display:none}.kp-side--collapsed{width:var(--sidenav-w);padding-left:var(--space-2);padding-right:var(--space-2)}.kp-side--collapsed .kp-side__names,.kp-side--collapsed .kp-side__item span,.kp-side--collapsed .kp-side__group,.kp-side--collapsed .kp-side__ident{display:initial}.kp-side--collapsed .kp-side__group{display:flex}.kp-side--collapsed .kp-menu-pop{left:0;right:0;bottom:calc(100% + var(--space-2));width:auto}.kp-top{padding:0 var(--space-4)}}@media (prefers-reduced-motion:reduce){.kp-side,.kp-side__group .ui-icon{transition:none}}.kp-dialog-scrim{z-index:10050;padding:var(--space-4);background:#18181b73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kp-dialog{width:100%;max-width:560px;max-height:calc(100vh - var(--space-8));background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);flex-direction:column;display:flex;overflow:hidden}.kp-dialog__head{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.kp-dialog__body{padding:var(--space-4);overflow-y:auto}.kp-dialog__h{margin:var(--space-5) 0 var(--space-1);font:var(--text-title-sm);color:var(--ink)}.kp-dialog__body>.kp-dialog__h:first-child{margin-top:0}.kp-dialog__note{margin:0 0 var(--space-3);font:var(--text-caption);color:var(--ink-muted);line-height:18px}.kp-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.kp-choices--grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.kp-choice{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--ink);font:var(--text-label);text-align:left;cursor:pointer;flex:150px;display:flex}.kp-choice:hover{background:var(--bg-subtle)}.kp-choice.is-on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.kp-choice__tick{color:var(--primary-ink);flex:none;margin-left:auto}.kp-choice__text{min-width:0}.kp-choice__text b{font:var(--text-label);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.kp-choice__text small{font:var(--text-caption);color:var(--ink-muted);display:block}.kp-hex{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);width:100px;color:var(--ink);font:var(--text-code);margin-top:2px;padding:2px 6px}.kp-swatch{border-radius:var(--radius-md);background:var(--m);border:1px solid var(--border);flex-direction:column;flex:none;justify-content:center;gap:3px;width:40px;height:40px;padding:6px 5px;display:flex}.kp-swatch__bar{background:var(--m-ink-muted);border-radius:2px;height:3px}.kp-swatch__bar--strong{background:var(--m-ink);width:70%}.kp-swatch__bar--active{background:var(--m-active)}.kp-hdr{z-index:40;background:var(--sidebar);color:var(--sidebar-ink);border-bottom:1px solid var(--sidebar-edge,var(--border));flex-direction:column;display:flex;position:sticky;top:0}.kp-hdr__row{align-items:center;gap:var(--space-3);padding:0 var(--space-6);display:flex}.kp-hdr__row--identity{height:64px}.kp-hdr__row--menu{background:var(--sidebar);border-top:1px solid var(--sidebar-line);gap:var(--space-2);height:48px;position:relative}.kp-hdr__spacer{flex:auto;min-width:0}.kp-hdr__brand{align-items:center;gap:var(--space-3);min-width:0;color:inherit;border-radius:var(--radius-md);text-decoration:none;display:inline-flex}.kp-hdr__logo{object-fit:contain;width:auto;max-width:220px;height:40px}.kp-hdr__mark{border-radius:var(--radius-md);background:var(--sidebar-hover);justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:inline-flex}.kp-hdr__company{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.kp-hdr__search{align-items:center;gap:var(--space-2);width:min(360px,32vw);height:34px;padding:0 var(--space-3);border:1px solid var(--sidebar-line);border-radius:var(--radius-md);background:var(--sidebar-field,var(--sidebar-hover));color:var(--sidebar-ink);cursor:pointer;text-align:left;display:inline-flex}.kp-hdr__search:hover{border-color:var(--sidebar-ink)}.kp-hdr__search-text{opacity:.85;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:13px;overflow:hidden}.kp-hdr__kbd{border-radius:var(--radius-sm,4px);border:1px solid var(--sidebar-line);opacity:.75;flex:none;padding:1px 6px;font-family:inherit;font-size:11px}@media (width<=1023.98px){.kp-hdr__search-text,.kp-hdr__kbd{display:none}.kp-hdr__search{justify-content:center;width:34px;padding:0}}.kp-hdr__tool{border-radius:var(--radius-md);width:32px;height:32px;color:var(--sidebar-ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.kp-hdr__tool:hover{background:var(--sidebar-hover)}.kp-hdr__user{position:relative}.kp-hdr__avatar{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--sidebar-ink);cursor:pointer;background:0 0;border:0;display:inline-flex}.kp-hdr__avatar:hover,.kp-hdr__avatar[aria-expanded=true]{background:var(--sidebar-hover)}.kp-hdr__initials{background:var(--sidebar-active);border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:inline-flex}.kp-hdr__name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:500;overflow:hidden}.kp-hdr__pop{top:calc(100% + var(--space-2));width:248px;max-width:calc(100vw - var(--space-4) * 2);z-index:60;padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-pop);position:absolute;bottom:auto;left:auto;right:0}.kp-hdr__burger{border-radius:var(--radius-md);width:36px;height:36px;color:var(--sidebar-ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:none}.kp-mega{flex:auto;min-width:0}.kp-mega__bar{align-items:stretch;gap:var(--space-1);scrollbar-width:none;height:47px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.kp-mega__bar::-webkit-scrollbar{display:none}.kp-mega__slot{align-items:stretch;display:flex;position:static}.kp-mega__top{align-items:center;gap:var(--space-1);padding:0 var(--space-3);color:var(--sidebar-ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.kp-mega__top:hover{background:var(--sidebar-hover)}.kp-mega__top.is-open{background:var(--sidebar-active)}.kp-mega__top.is-active{border-bottom-color:var(--sidebar-accent,currentColor);font-weight:600}.kp-mega__top:focus-visible{outline:2px solid var(--sidebar-ink);outline-offset:-3px;border-radius:var(--radius-md)}.kp-mega__caret{opacity:.75;transition:transform .14s}.kp-mega__top.is-open .kp-mega__caret{opacity:1;transform:rotate(180deg)}.kp-mega__panel{gap:var(--space-6);padding:var(--space-5) var(--space-6) calc(var(--space-5) + 44px);background:var(--bg-surface);color:var(--ink);border-bottom:1px solid var(--border);box-shadow:var(--shadow-card,0 1px 2px #0000000f);z-index:39;display:flex;position:absolute;top:100%;left:0;right:0}.kp-mega__columns{gap:var(--space-8,32px);flex:auto;min-width:0;display:flex}.kp-mega__col{flex-direction:column;flex:1 1 0;gap:2px;min-width:240px;display:flex}.kp-mega__overline{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);padding:var(--space-2) var(--space-2) var(--space-1);font-size:11px;font-weight:600}.kp-mega__link{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);color:var(--ink);font-size:13px;text-decoration:none;display:flex}.kp-mega__text{flex-direction:column;flex:auto;min-width:0;display:flex}.kp-mega__text b{font-size:13px;font-weight:500;line-height:18px}.kp-mega__text small{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.kp-mega__count{font-variant-numeric:tabular-nums;color:var(--ink-muted);flex:none;font-size:12px}.kp-mega__link:hover{background:var(--surface-raised,var(--bg-page));color:var(--ink)}.kp-mega__link.is-active{color:var(--primary-ink,var(--ink));font-weight:600}.kp-mega__link:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.kp-mega__feature{gap:var(--space-1);width:300px;padding:var(--space-4);border-radius:var(--radius-xl,12px);border:1px solid var(--border);background:var(--brand-purple-soft,var(--bg-page));color:var(--ink);flex-direction:column;flex:0 0 300px;text-decoration:none;display:flex;position:relative;overflow:hidden}.kp-mega__feature:hover{border-color:var(--sidebar-accent,var(--ink))}.kp-mega__feature-cta{z-index:1;margin-top:var(--space-3);padding:6px var(--space-3);border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);align-self:flex-start;font-size:13px;font-weight:500;position:relative}.kp-mega__feature-art{opacity:.9;pointer-events:none;width:190px;height:auto;position:absolute;bottom:0;right:0}.kp-mega__foot{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--bg-page);border-top:1px solid var(--border);color:var(--ink-muted);font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.kp-mega__foot-action{color:var(--primary-ink);flex:none;font-weight:500;text-decoration:none}.kp-mega__foot-action:hover{text-decoration:underline}.kp-mega__feature-title{font-size:14px;font-weight:600}.kp-mega__feature-body{color:var(--ink-secondary,var(--ink-muted));font-size:12px}.kp-hdr-crumbs{align-items:center;gap:var(--space-2);color:var(--ink-muted);margin-bottom:var(--space-1);flex-wrap:wrap;font-size:12px;display:flex}.kp-hdr-crumbs>span+span:before{content:"/";margin-right:var(--space-2);opacity:.6}.kp-hdr-crumbs>span[aria-current=page]{color:var(--ink-secondary,var(--ink))}@media (width<=1023.98px){.kp-hdr__row{padding:0 var(--space-4)}.kp-hdr__burger{display:inline-flex}.kp-mega{display:none}.kp-hdr__row--menu{height:44px}.kp-hdr__row--identity{height:56px}.kp-hdr__logo{max-width:150px;height:32px}.kp-hdr__name{display:none}}.kp-side{z-index:50;box-shadow:var(--shadow-pop);transition:transform .16s;position:fixed;top:0;left:0;transform:translate(-100%)}.kp-side.is-open{transform:translate(0)}.kp-side__backdrop{z-index:49;background:#18181b66;border:0;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.kp-side{transition:none}}html,body,#root{width:100%;min-height:100vh;font-family:var(--eco-font-sans);background-color:var(--eco-canvas);margin:0;padding:0}.app-shell-body{min-height:0}.app-shell-main{background:var(--eco-canvas);min-width:0}.hris-topbar{min-height:var(--eco-topbar-height);justify-content:space-between;align-items:stretch;gap:var(--eco-space-16);padding:0 var(--eco-space-24);border-bottom:1px solid var(--eco-border);background:var(--eco-surface);display:flex}.hris-topbar-start{align-items:stretch;gap:var(--eco-space-24);flex:auto;min-width:0;display:flex}.hris-topbar-start .app-topbar-brand{flex:none;align-self:center}.hris-topbar-start #kt_header_menu{flex:auto;min-width:0}.hris-page-header{justify-content:space-between;align-items:flex-start;gap:var(--eco-space-16);margin-bottom:var(--eco-space-24);flex-wrap:wrap;display:flex}.hris-page-heading{min-width:0}.hris-page-title{color:var(--eco-text);font-size:var(--eco-font-size-2xl);font-weight:var(--eco-font-weight-semibold);letter-spacing:-.015em;line-height:var(--eco-line-height-tight);text-overflow:ellipsis;margin:0;overflow:hidden}.hris-page-description{max-width:52rem;color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-regular);margin-top:3px;display:block}.hris-page-actions{align-items:center;gap:var(--eco-space-8);display:flex}.hris-content{padding:var(--space-6);background:var(--bg-page);flex:auto}@media (width<=991.98px){.hris-topbar{padding-right:var(--eco-space-16);padding-left:var(--eco-space-16)}.hris-content{padding:var(--eco-space-16)}}@media (width<=575.98px){.hris-page-description,.hris-topbar-start .app-topbar-brand{display:none}}.app-topbar-actions{flex:none;align-items:center;gap:2px;min-width:0;display:flex}.app-topbar-icon-button{border-radius:var(--eco-radius-md);width:32px;height:32px;color:var(--eco-text-muted);cursor:pointer;transition:background var(--eco-transition), color var(--eco-transition);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:.95rem;display:inline-flex;position:relative}.app-topbar-icon-button:hover{color:var(--eco-text-secondary);background:var(--eco-hover-surface)}.app-topbar-icon-button:focus-visible{color:var(--eco-text-secondary);box-shadow:var(--eco-focus-ring);outline:none}.app-topbar-notification-dot{border:1.5px solid var(--eco-surface);background:var(--eco-danger);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.app-topbar-help{display:inline-flex;position:relative}.app-topbar-menu{top:calc(100% + var(--eco-space-8));z-index:1100;min-width:15rem;padding:var(--eco-space-4);border:1px solid var(--eco-border);border-radius:var(--eco-radius-lg);background:var(--eco-surface);box-shadow:var(--eco-shadow-pop);position:absolute;right:0}.app-topbar-help-menu:before{content:"";width:3rem;height:var(--eco-space-8);position:absolute;bottom:100%;right:0}.app-topbar-menu-item{align-items:center;gap:var(--eco-space-8);border-radius:var(--eco-radius-md);width:100%;color:var(--eco-text-secondary);font-family:inherit;font-size:var(--eco-font-size-sm);text-align:left;cursor:pointer;background:0 0;border:0;padding:7px 10px;text-decoration:none;display:flex}.app-topbar-menu-item:hover,.app-topbar-menu-item:focus-visible{color:var(--eco-text);background:var(--eco-hover-surface);outline:none}.app-topbar-menu-item i{width:1rem;color:var(--eco-text-muted);text-align:center}.app-topbar-menu-item--danger,.app-topbar-menu-item--danger i{color:var(--eco-danger)}.app-topbar-menu-item--danger:hover,.app-topbar-menu-item--danger:focus-visible{color:var(--eco-danger);background:var(--eco-danger-soft)}.app-topbar-menu-separator{height:1px;margin:var(--eco-space-4) calc(var(--eco-space-4) * -1);background:var(--eco-border)}.app-topbar-user{margin-left:var(--eco-space-4);display:inline-flex;position:relative}.app-topbar-user-trigger{align-items:center;gap:var(--eco-space-4);cursor:pointer;transition:background var(--eco-transition);background:0 0;border:0;border-radius:999px;padding:2px 4px 2px 2px;display:inline-flex}.app-topbar-user-trigger:hover{background:var(--eco-hover-surface)}.app-topbar-user-trigger:focus-visible{box-shadow:var(--eco-focus-ring);outline:none}.app-topbar-user-caret{color:var(--eco-text-muted);font-size:.7rem;line-height:1}.app-topbar-user-identity{padding:var(--eco-space-8) 10px}.app-topbar-user-name{color:var(--eco-text);font-size:var(--eco-font-size-md);font-weight:var(--eco-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.app-topbar-user-role,.app-topbar-user-email{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;line-height:1.3;overflow:hidden}.leave-page{gap:var(--eco-space-24);flex-direction:column;display:flex}.leave-summary{margin-bottom:var(--eco-space-4)}.leave-balance-grid{gap:var(--eco-space-24);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.leave-balance-item+.leave-balance-item{padding-left:var(--eco-space-24);border-left:1px solid var(--eco-border)}.leave-balance-bar{margin-top:var(--eco-space-12);background:var(--eco-surface-sunken)}.leave-balance-bar-fill{background:var(--eco-primary)}.leave-balance-meta{justify-content:space-between;gap:var(--eco-space-8);margin-top:var(--eco-space-8);color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);display:flex}.leave-form-grid{gap:var(--eco-space-16) var(--eco-space-24);grid-template-columns:repeat(2,minmax(0,1fr));max-width:46rem;display:grid}.leave-form-span{grid-column:1/-1}.leave-form-actions{align-items:center;gap:var(--eco-space-16);max-width:46rem;margin-top:var(--eco-space-24);flex-wrap:wrap;display:flex}.leave-form-days{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm)}.leave-form-days strong{color:var(--eco-text);font-weight:var(--eco-font-weight-medium);font-variant-numeric:tabular-nums}.leave-history-title{color:var(--eco-text);font-size:var(--eco-font-size-xl);font-weight:var(--eco-font-weight-semibold);letter-spacing:-.01em;margin:0}.leave-history-count{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);margin:2px 0 0}.leave-history-filters{gap:var(--eco-space-4);flex-wrap:wrap;display:flex}.leave-history-type{color:var(--eco-text);font-weight:var(--eco-font-weight-medium)}.leave-history-reason{max-width:22rem;color:var(--eco-text-muted)}.leave-history-created{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);margin-top:3px}@media (width<=767.98px){.leave-form-grid{grid-template-columns:minmax(0,1fr)}.leave-balance-item+.leave-balance-item{border-left:0;padding-left:0}}.payslip-page{gap:var(--eco-space-24);flex-direction:column;display:flex}.payslip-views{gap:var(--eco-space-4);flex-wrap:wrap;display:flex}.payslip-mine{gap:var(--eco-space-24);flex-direction:column;display:flex}.payslip-latest{justify-content:space-between;align-items:flex-end;gap:var(--eco-space-16) var(--eco-space-24);flex-wrap:wrap;display:flex}.payslip-latest-actions{gap:var(--eco-space-8);flex-wrap:wrap;display:flex}.payslip-history-title{color:var(--eco-text);font-size:var(--eco-font-size-xl);font-weight:var(--eco-font-weight-semibold);letter-spacing:-.01em;margin:0}.payslip-history-hint{max-width:34rem;color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);margin:2px 0 0}.payslip-history-filters{align-items:flex-end;gap:var(--eco-space-12);flex-wrap:wrap;display:flex}.payslip-filter .ui-field__label{font-size:var(--eco-font-size-xs)}.payslip-history-period{color:var(--eco-text);font-weight:var(--eco-font-weight-medium);white-space:nowrap}.payslip-history-none{padding-top:var(--eco-space-32);padding-bottom:var(--eco-space-32);color:var(--eco-text-muted);text-align:center}.payslip-error .ui-empty__title{color:var(--eco-danger)}.ui-table .payslip-actions-col{text-align:right}.payslip-row-actions{justify-content:flex-end;gap:var(--eco-space-4);flex-wrap:wrap;display:inline-flex}.payslip-row-waiting{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs)}.payslip-pwd-hint{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm)}.payslip-legacy-note{padding:var(--eco-space-16);background:var(--eco-surface-sunken);border:1px solid var(--eco-border);border-radius:var(--eco-radius-md)}.payslip-legacy-note-title{color:var(--eco-text);font-weight:var(--eco-font-weight-medium)}.payslip-legacy-note-body{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);margin:3px 0 0}@media (width<=767.98px){.payslip-history-filters,.payslip-latest-actions{width:100%}.payslip-row-actions{flex-direction:column;align-items:stretch;display:flex}}.incident-page{gap:var(--eco-space-24);flex-direction:column;display:flex}.incident-summary{margin-bottom:var(--eco-space-4)}.incident-muted{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);margin:0}.incident-filters{align-items:flex-end;gap:var(--eco-space-12);flex-wrap:wrap;width:100%;display:flex}.incident-filter .ui-field__label{font-size:var(--eco-font-size-xs)}.incident-filter--search{flex:15rem;min-width:12rem}.incident-row-clickable{cursor:pointer}.incident-no{color:var(--eco-text);font-family:var(--eco-font-mono);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-medium)}.incident-title{color:var(--eco-text-secondary);margin-top:2px}.incident-source{color:var(--eco-text)}.incident-source-type{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);margin-top:2px}.incident-occurred{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);white-space:nowrap}.incident-detail-nav{justify-content:space-between;align-items:center;gap:var(--eco-space-8);flex-wrap:wrap;display:flex}.incident-headline{justify-content:space-between;align-items:flex-start;gap:var(--eco-space-16);padding-bottom:var(--eco-space-16);border-bottom:1px solid var(--eco-border);flex-wrap:wrap;display:flex}.incident-headline-no{color:var(--eco-text-muted);font-family:var(--eco-font-mono);font-size:var(--eco-font-size-sm)}.incident-headline-title{color:var(--eco-text);font-size:var(--eco-font-size-xl);font-weight:var(--eco-font-weight-semibold);letter-spacing:-.01em;margin:3px 0 0}.incident-headline-description{max-width:48rem;margin:var(--eco-space-8) 0 0;color:var(--eco-text-secondary);font-size:var(--eco-font-size-sm);white-space:pre-wrap}.incident-headline-badges{gap:var(--eco-space-8);flex-wrap:wrap;display:flex}.incident-rows{margin:0}.incident-row{gap:var(--eco-space-16);padding:var(--eco-space-4) 0;display:flex}.incident-row+.incident-row{border-top:1px solid var(--eco-border)}.incident-row-label{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-regular);flex:0 0 9.25rem;margin:0}.incident-row-value{min-width:0;color:var(--eco-text);font-size:var(--eco-font-size-md);overflow-wrap:anywhere;margin:0}.incident-row-value--mono{color:var(--eco-text-secondary);font-family:var(--eco-font-mono);font-size:var(--eco-font-size-sm)}.incident-ticket-action{margin-top:var(--eco-space-16)}.incident-status-actions{gap:var(--eco-space-8);margin-top:var(--eco-space-16);flex-wrap:wrap;display:flex}.incident-timeline{gap:var(--eco-space-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.incident-timeline-item{gap:var(--eco-space-16);display:flex}.incident-timeline-time{color:var(--eco-text-muted);font-family:var(--eco-font-mono);font-size:var(--eco-font-size-xs);white-space:nowrap;flex:0 0 9.75rem}.incident-timeline-body{min-width:0}.incident-timeline-headline{color:var(--eco-text);font-size:var(--eco-font-size-md);font-weight:var(--eco-font-weight-medium)}.incident-timeline-transition,.incident-timeline-actor{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);margin-top:2px}.incident-timeline-detail{color:var(--eco-text-secondary);font-size:var(--eco-font-size-sm);overflow-wrap:anywhere;margin-top:2px}.incident-events{gap:var(--eco-space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.incident-event{color:var(--eco-text-secondary);font-family:var(--eco-font-mono);font-size:var(--eco-font-size-xs);overflow-wrap:anywhere}@media (width<=767.98px){.incident-summary{gap:var(--eco-space-12);flex-direction:column}.incident-summary>.ui-stat+.ui-stat{border-left:0;padding-left:0}.incident-row,.incident-timeline-item{flex-direction:column;gap:2px}.incident-row-label,.incident-timeline-time{flex-basis:auto}.incident-filter--search{flex-basis:100%}}.onboard-page{max-width:var(--eco-content-max);gap:var(--eco-space-24);flex-direction:column;display:flex}.onboard-identity{align-items:center;gap:var(--eco-space-12);padding-bottom:var(--eco-space-16);border-bottom:1px solid var(--eco-border);display:flex}.onboard-identity-initials{background:var(--eco-surface-sunken);border-radius:var(--eco-radius-md);width:40px;height:40px;color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-medium);letter-spacing:.02em;flex:none;justify-content:center;align-items:center;display:flex}.onboard-identity-name{color:var(--eco-text);font-size:var(--eco-font-size-lg);font-weight:var(--eco-font-weight-semibold)}.onboard-identity-meta{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);margin-top:2px}.onboard-steps-list{gap:var(--eco-space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.onboard-step-button{align-items:center;gap:var(--eco-space-8);height:var(--eco-control-height-sm);padding:0 var(--eco-space-12);border-radius:var(--eco-radius-sm);color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-medium);cursor:pointer;transition:background var(--eco-transition), color var(--eco-transition);background:0 0;border:0;display:inline-flex}.onboard-step-button:hover:not(:disabled){background:var(--eco-hover-surface);color:var(--eco-text)}.onboard-step-button:focus-visible{box-shadow:var(--eco-focus-ring);outline:none}.onboard-step-button:disabled{color:var(--eco-text-disabled);cursor:default}.onboard-step-button--done{color:var(--eco-text-secondary)}.onboard-step-button--active{background:var(--eco-primary-soft);color:var(--eco-primary)}.onboard-step-marker{width:18px;height:18px;font-size:var(--eco-font-size-xs);border:1px solid;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.onboard-step-button--active .onboard-step-marker{background:var(--eco-primary);border-color:var(--eco-primary);color:var(--eco-on-primary)}.onboard-layout{gap:var(--eco-space-24);grid-template-columns:minmax(0,2fr) minmax(15rem,1fr);align-items:start;display:grid}.onboard-main{gap:var(--eco-space-24);flex-direction:column;min-width:0;display:flex}.onboard-aside{top:calc(var(--eco-topbar-height) + var(--eco-space-16));position:sticky}.onboard-grid{gap:var(--eco-space-16) var(--eco-space-24);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.onboard-col-4{grid-column:span 4}.onboard-col-6{grid-column:span 6}.onboard-col-8{grid-column:span 8}.onboard-col-12{grid-column:1/-1}.onboard-subhead{margin:var(--eco-space-8) 0 0;color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);font-weight:var(--eco-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;grid-column:1/-1}.onboard-password{gap:var(--eco-space-8);display:flex}.onboard-password .form-control{flex:auto;min-width:0}.onboard-suggestion{justify-content:space-between;align-items:center;gap:var(--eco-space-12);margin-top:var(--eco-space-8);padding:var(--eco-space-8) var(--eco-space-12);background:var(--eco-surface-sunken);border-radius:var(--eco-radius-md);display:flex}.onboard-suggestion-text{min-width:0}.onboard-suggestion-label{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs)}.onboard-suggestion-name{color:var(--eco-text);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onboard-suggestion-sub{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onboard-roles{border:0;min-width:0;margin:0;padding:0}.onboard-roles-grid{gap:var(--eco-space-8);margin-top:var(--eco-space-8);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.onboard-role{align-items:flex-start;gap:var(--eco-space-12);padding:var(--eco-space-12);background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:var(--eco-radius-md);cursor:pointer;transition:border-color var(--eco-transition), background var(--eco-transition);display:flex}.onboard-role:hover{background:var(--eco-hover-surface)}.onboard-role--on{background:var(--eco-primary-soft);border-color:var(--eco-primary)}.onboard-role:focus-within{box-shadow:var(--eco-focus-ring)}.onboard-role-text{min-width:0;display:block}.onboard-role-name{color:var(--eco-text);font-size:var(--eco-font-size-md);font-weight:var(--eco-font-weight-medium);display:block}.onboard-role-desc{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);margin-top:2px;display:block}.onboard-review{gap:var(--eco-space-24);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));display:grid}.onboard-review-group--wide{grid-column:1/-1}.onboard-summary{margin:var(--eco-space-8) 0 0}.onboard-summary-row{justify-content:space-between;gap:var(--eco-space-16);padding:var(--eco-space-4) 0;display:flex}.onboard-summary-row+.onboard-summary-row{border-top:1px solid var(--eco-border)}.onboard-summary-label{color:var(--eco-text-muted);font-size:var(--eco-font-size-sm);font-weight:var(--eco-font-weight-regular);margin:0}.onboard-summary-value{min-width:0;color:var(--eco-text);font-size:var(--eco-font-size-md);text-align:right;overflow-wrap:anywhere;margin:0}.onboard-actions{justify-content:space-between;align-items:center;gap:var(--eco-space-12);flex-wrap:wrap;display:flex}.onboard-checklist{gap:var(--eco-space-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.onboard-checklist-item{align-items:flex-start;gap:var(--eco-space-12);color:var(--eco-text-muted);display:flex}.onboard-checklist-item--current,.onboard-checklist-item--done{color:var(--eco-text)}.onboard-checklist-marker{border:1px solid var(--eco-border-strong);width:22px;height:22px;color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.onboard-checklist-item--current .onboard-checklist-marker{background:var(--eco-primary);border-color:var(--eco-primary);color:var(--eco-on-primary)}.onboard-checklist-item--done .onboard-checklist-marker{border-color:var(--eco-success);color:var(--eco-success)}.onboard-checklist-label{font-size:var(--eco-font-size-md);font-weight:var(--eco-font-weight-medium);display:block}.onboard-checklist-hint{color:var(--eco-text-muted);font-size:var(--eco-font-size-xs);margin-top:1px;display:block}.onboard-checklist-note{margin:var(--eco-space-16) 0 0;padding-top:var(--eco-space-16);border-top:1px solid var(--eco-border);color:var(--eco-text-muted);font-size:var(--eco-font-size-xs)}@media (width<=991.98px){.onboard-layout{grid-template-columns:minmax(0,1fr)}.onboard-aside{order:-1;position:static}}@media (width<=767.98px){.onboard-col-4,.onboard-col-6,.onboard-col-8{grid-column:1/-1}.onboard-password{flex-wrap:wrap}.onboard-password .form-control{flex-basis:100%}.onboard-summary-row{flex-direction:column;gap:2px}.onboard-summary-value{text-align:left}}.employee-profile-backdrop{z-index:1040;background:#181c3259;position:fixed;inset:0}.employee-profile-drawer{background:var(--eco-surface);z-index:1050;flex-direction:column;width:min(400px,100vw);height:100vh;padding:1.75rem;animation:.2s employee-drawer-in;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.nav-line-tabs .nav-link.btn{color:var(--ink-muted);box-shadow:none;background:0 0;border-radius:0;text-decoration:none}.nav-line-tabs .nav-link.btn.active{color:var(--bs-primary,var(--eco-primary));border-bottom:2px solid var(--bs-primary,var(--eco-primary))!important}.dashboard-search-banner{background:var(--eco-surface);padding:1.25rem 2rem 0}.dashboard-search-banner .employee-search-bar{position:relative;overflow:visible}.dashboard-dept-picker{border-left:1px solid var(--eco-border-strong);flex:0 0 220px;position:relative}.dashboard-dept-picker-btn{width:100%;height:100%;min-height:48px;color:var(--eco-text-secondary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.85rem;font-weight:600;display:flex}.dashboard-dept-picker-menu{z-index:30;background:var(--eco-surface);border:1px solid var(--eco-border-strong);border-radius:.75rem;width:280px;position:absolute;top:calc(100% + .4rem);left:auto;right:0;overflow:hidden;box-shadow:0 12px 32px #181c321f}.dashboard-dept-picker-search{border-bottom:1px solid var(--eco-border);padding:.65rem .7rem .45rem;position:relative}.dashboard-dept-picker-search i{color:var(--eco-text-muted);font-size:.75rem;position:absolute;top:50%;left:1.15rem;transform:translateY(-35%)}.dashboard-dept-picker-search input{border:1px solid var(--eco-border-strong);border-radius:.45rem;outline:none;width:100%;height:34px;padding:0 .7rem 0 1.85rem;font-size:.8rem}.dashboard-dept-picker-item{text-align:left;width:100%;color:var(--eco-text-secondary);background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.8rem;display:flex}.dashboard-dept-picker-item:hover{background:var(--eco-surface)}.dashboard-dept-picker-item.is-on{background:var(--hris-brand,var(--eco-primary));color:var(--eco-on-primary)}.dashboard-dept-picker-count{opacity:.65;font-size:.68rem;font-weight:700}.dashboard-dept-picker-empty{color:var(--eco-text-muted);text-align:center;padding:.75rem;font-size:.75rem}.dashboard-main{padding:var(--space-6);background:var(--bg-page)}.dashboard-page{gap:var(--space-4);flex-direction:column;max-width:100%;display:flex}@media (width<=575px){.dashboard-main{padding:var(--space-4)}}.btn-light-warning,.btn-light-warning:hover,.btn-light-warning:focus,.btn-light-warning:active,.btn-light-warning i,.btn-light-warning .bi,.badge-light-warning,.badge.badge-light-warning,.badge-light-warning i{color:var(--eco-warning-ink)!important}.btn-warning,.btn-warning:hover,.btn-warning:focus,.btn-warning i,.badge-warning,.badge.badge-warning{color:var(--eco-text)!important}.alert-warning,.alert-warning *,.alert.alert-warning{color:var(--eco-warning-ink)!important}.btn-light-success,.btn-light-success:hover,.btn-light-success i,.badge-light-success,.badge.badge-light-success,.badge-light-success i{color:var(--eco-success-ink)!important}.btn-light-danger,.btn-light-danger:hover,.btn-light-danger i,.badge-light-danger,.badge.badge-light-danger,.badge-light-danger i{color:var(--eco-danger-ink)!important}.btn-light-info,.btn-light-info:hover,.btn-light-info i,.badge-light-info,.badge.badge-light-info,.badge-light-info i{color:var(--eco-info-ink)!important}.text-warning{color:var(--eco-warning-ink)!important}.mgmt-hub-hero{background:linear-gradient(135deg, color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, var(--eco-surface)) 0%, var(--eco-info-soft) 55%, var(--bg-subtle) 100%);border:1px solid var(--eco-border-strong);border-radius:16px;padding:1.5rem 1.75rem}.mgmt-hub-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--hris-brand,var(--eco-primary));background:color-mix(in srgb, var(--hris-brand,var(--eco-primary)) 12%, var(--eco-surface));border-radius:999px;padding:.25rem .7rem;font-size:.7rem;font-weight:700;display:inline-block}.mgmt-hub-topnav-row{flex-wrap:wrap;align-items:start;gap:0;display:flex}.mgmt-hub-topnav-group{flex:240px;min-width:0;padding:0 1.15rem}.mgmt-hub-topnav-group:first-child{padding-left:0}.mgmt-hub-topnav-group:last-child{padding-right:0}.mgmt-hub-topnav-group+.mgmt-hub-topnav-group{border-left:1px dashed var(--border)}.mgmt-hub-topnav-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.45rem;font-size:.68rem;font-weight:700;display:block}@media (width<=991.98px){.mgmt-hub-topnav-row{grid-template-columns:1fr;gap:.75rem}.mgmt-hub-topnav-group{padding:0}.mgmt-hub-topnav-group+.mgmt-hub-topnav-group{border-left:0;border-top:1px dashed var(--border);padding-top:.75rem}}.mgmt-hub-chips{gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.mgmt-hub-chips::-webkit-scrollbar{height:0}.mgmt-hub-chip{align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--ink-muted);padding:var(--space-2) 10px 10px;font:var(--text-label);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;transition:color .15s,border-color .15s;display:inline-flex}.mgmt-hub-chip i{font-size:.95rem}.mgmt-hub-chip:hover{color:var(--ink);background:0 0}.mgmt-hub-chip.is-active{border-bottom-color:var(--primary);color:var(--primary-ink);background:0 0}.mgmt-hub-panel{overflow:hidden}.mgmt-hub-panel-head{background:var(--eco-surface)}.mgmt-hub-panel-icon{background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 12%, var(--eco-surface));width:48px;height:48px;color:var(--hris-brand,var(--eco-primary));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:inline-flex}.mgmt-hub-panel-body>.card{box-shadow:none!important;border:0!important}.mgmt-hub-panel-body>.card>.card-header:not(:has(button)){display:none}.mgmt-hub-panel-body>.card>.card-header:has(button){background:0 0;padding-top:0!important}@media print{@page{size:A4 portrait;margin:10mm}html,body{background:var(--eco-surface)!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.no-print,.metronic-top-banner,.dashboard-search-banner,header,nav,footer,.card-header,.card-footer{display:none!important}#root,main,.d-flex,.row,.col-12,.card,.card-body{box-shadow:none!important;background:var(--eco-surface)!important;border:none!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.printable-area{visibility:visible!important;background:var(--eco-surface)!important;width:100%!important;max-width:100%!important;box-shadow:none!important;z-index:999999!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.printable-area *{visibility:visible!important}}.employee-search-option{cursor:pointer;transition:background-color .12s,color .12s,box-shadow .12s;display:block}.employee-search-option:hover,.employee-search-option:focus-visible{box-shadow:inset 3px 0 0 var(--hris-brand,var(--eco-primary));outline:none;background-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 7%, var(--eco-surface))!important}.employee-search-option:hover .fw-semibold,.employee-search-option:focus-visible .fw-semibold{color:var(--hris-brand,var(--eco-primary))!important}.employee-search-option.is-selected{background-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 12%, var(--eco-surface));box-shadow:inset 3px 0 0 var(--hris-brand,var(--eco-primary))}.role-perm-popover{z-index:30;min-width:260px}.brand-asset-field{align-items:flex-start;gap:.85rem;display:flex}.brand-asset-preview{border:1px dashed var(--border-strong);background:repeating-conic-gradient(var(--bg-subtle) 0% 25%, var(--eco-surface) 0% 50%) 50% / 10px 10px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.brand-default-swatch{vertical-align:-1px;border:1px solid #0000001f;border-radius:999px;width:12px;height:12px;display:inline-block}.brand-asset-preview img{object-fit:contain;width:100%;height:100%}.company-letterhead{border:1px solid var(--border);background:var(--eco-surface);border-top-width:4px;border-radius:.9rem;align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.app-header-logo{object-position:left center;flex-shrink:0;display:block;object-fit:contain!important;width:auto!important;max-width:340px!important;height:100px!important;max-height:100px!important}.company-letterhead-logo{object-fit:contain;object-position:left center;flex-shrink:0;width:auto;max-width:340px;height:108px}.company-geo-map{border:1px solid var(--border);background:var(--eco-surface);border-radius:.9rem;height:280px;overflow:hidden}.company-geo-map iframe{border:0;width:100%;height:100%}.company-geo-map.is-empty{flex-direction:column;justify-content:center;align-items:center;display:flex}.form-control-hex{max-width:7.25rem}.system-settings .form-control-narrow{max-width:5.75rem}.system-settings .form-control-time{max-width:6.5rem}.system-settings .form-control-hex{max-width:7.25rem}.system-settings .form-control-phone{max-width:13rem}.system-settings .form-control-md{max-width:22rem}.system-settings-nav{gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.system-settings-nav::-webkit-scrollbar{height:0}.system-settings-tab{align-items:center;gap:var(--space-2);color:var(--ink-muted);padding:var(--space-2) 10px 10px;font:var(--text-label);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;display:inline-flex}.system-settings-tab i{font-size:.95rem}.system-settings-tab:hover{color:var(--ink);background:0 0}.system-settings-tab.is-active{border-bottom-color:var(--primary);color:var(--primary-ink);background:0 0}.email-template-editor .ck.ck-editor{width:100%}.email-template-editor .ck-editor__editable{min-height:260px}.email-template-editor .ck-content table{border-collapse:collapse;width:100%}.email-template-editor .ck-content table td,.email-template-editor .ck-content table th{border:1px solid var(--border);padding:8px 10px}.employee-avatar{flex-direction:column;align-items:flex-start;display:inline-flex}.employee-avatar .symbol-label{overflow:hidden}.employee-avatar .symbol-label img,.employee-avatar img.symbol-label{object-fit:cover;width:100%;height:100%}.employee-avatar-edit{background:var(--hris-brand,var(--eco-primary));width:32px;height:32px;color:var(--eco-on-primary);box-shadow:0 4px 10px color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 35%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:4px;right:4px}.employee-avatar-edit:disabled{opacity:.7}.employee-doc-card{border:1px solid var(--eco-border-strong);background:var(--eco-surface);border-radius:.85rem;height:100%;padding:1.15rem}.employee-doc-card.is-missing{background:var(--eco-surface);border-style:dashed}.employee-doc-empty{border:1px dashed var(--border);background:var(--eco-surface);border-radius:1rem}.employee-leave-card{border:1px solid var(--eco-border-strong);background:var(--eco-surface);border-radius:.85rem;height:100%;padding:1.15rem}.employee-leave-card--primary{border-top:3px solid var(--bs-primary,var(--eco-primary))}.employee-leave-card--warning{border-top:3px solid var(--bs-warning,var(--eco-warning))}.employee-leave-card--info{border-top:3px solid var(--bs-info,var(--eco-info))}.employee-leave-bar{background:var(--bg-subtle);border-radius:999px;height:6px;display:flex;overflow:hidden}.employee-leave-bar span{height:100%;display:block}.employee-leave-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.employee-leave-cal-head{text-align:center;color:var(--eco-text-muted);text-transform:uppercase;padding:.25rem 0;font-size:.75rem;font-weight:700}.employee-leave-cal-cell{border:1px solid var(--border);background:var(--eco-surface);border-radius:.65rem;min-height:64px;padding:.4rem .45rem}.employee-leave-cal-cell.is-empty{background:0 0;border-color:#0000}.employee-leave-cal-cell.is-approved{background:var(--eco-info-soft);border-color:var(--primary-border)}.employee-leave-cal-cell.is-pending{background:var(--warning-soft);border-style:dashed;border-color:var(--warning-solid)}.employee-leave-cal-day{font-size:.85rem;font-weight:700;display:block}.employee-leave-cal-label{color:var(--eco-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.68rem;display:block;overflow:hidden}.employee-leave-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.35rem;display:inline-block}.employee-leave-dot.is-approved{background:var(--eco-info)}.employee-leave-dot.is-pending{background:var(--eco-warning)}.employee-timeline{padding-left:1.25rem;position:relative}.employee-timeline:before{content:"";background:var(--eco-border-strong);width:2px;position:absolute;top:8px;bottom:8px;left:5px}.employee-timeline-item{padding:0 0 1.5rem 1.25rem;position:relative}.employee-timeline-item:last-child{padding-bottom:0}.employee-timeline-dot{background:var(--hris-brand,var(--eco-primary));width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 14%, var(--eco-surface));border-radius:50%;position:absolute;top:6px;left:-1.25rem}.employee-change-badge{background:var(--eco-surface);border-radius:999px;align-items:center;padding:.4rem .75rem;font-size:.85rem;display:inline-flex}.employee-activity-list{border:1px solid var(--border);border-radius:.85rem;overflow:hidden}.employee-activity-row{border-bottom:1px solid var(--border);grid-template-columns:140px minmax(0,1fr) 200px;align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.employee-activity-row:last-child{border-bottom:0}.employee-activity-main{align-items:flex-start;gap:.75rem;min-width:0;display:flex}.employee-activity-icon{background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, var(--eco-surface));width:32px;height:32px;color:var(--hris-brand,var(--eco-primary));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (width<=991px){.employee-activity-row{grid-template-columns:1fr;gap:.5rem}}.att-sim .form-label{margin-bottom:.25rem;font-size:.78rem}.att-sim .card-header{min-height:0}.att-sim-punch-row{grid-template-columns:1.2rem 6.5rem 7.25rem 5.75rem minmax(6.5rem,1fr) 2.25rem;align-items:center;gap:.35rem .65rem;display:grid}.att-sim-punch-row input[type=time]{min-width:7.25rem}.att-sim-punch-row select:nth-child(2){min-width:6.25rem;padding-left:.65rem;padding-right:1.8rem}.att-sim-metrics{grid-template-columns:1fr 1fr;gap:.4rem .75rem;display:grid}.att-sim-log{max-height:180px;font-family:ui-monospace,monospace;overflow:auto}@media (width<=767.98px){.att-sim-punch-row{grid-template-columns:1.2rem minmax(6.25rem,.8fr) minmax(7.25rem,1fr) minmax(5.75rem,.8fr) 2.25rem;column-gap:.65rem;overflow-x:auto}.att-sim-punch-row>:nth-child(5){display:none}}.table.align-middle>:not(caption)>*>*{padding-top:.4rem;padding-bottom:.4rem}.table.gy-3>:not(caption)>*>*,.table.gy-4>:not(caption)>*>*,.table.gy-5>:not(caption)>*>*{padding-top:.4rem!important;padding-bottom:.4rem!important}.table .btn-icon.btn-sm{width:1.75rem;height:1.75rem}.table.table-hover{--bs-table-hover-bg:var(--eco-surface-sunken);--bs-table-hover-color:var(--bs-body-color,var(--eco-text))}.table.table-hover>tbody>tr:hover>*{--bs-table-hover-bg:var(--eco-surface-sunken);--bs-table-bg-state:var(--eco-surface-sunken);--bs-table-accent-bg:var(--eco-surface-sunken);color:inherit;background-color:var(--eco-surface-sunken)!important;box-shadow:inset 0 0 0 9999px var(--eco-surface-sunken)!important}.master-sort-btn{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;display:inline-flex}.master-sort-btn .bi{opacity:.4;font-size:.7rem}.master-sort-btn.is-active .bi{opacity:1;color:var(--hris-brand,var(--eco-primary))}.hris-selectable-table tbody tr,.report-catalog-table tbody tr{cursor:pointer}.hris-selectable-table tbody tr.is-selected>td,.report-catalog-table tbody tr.is-selected>td{box-shadow:inset 3px 0 0 var(--hris-brand,var(--eco-primary));background-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 12%, var(--eco-surface))!important}.hris-selectable-table.table-hover tbody tr.is-selected:hover>td,.report-catalog-table.table-hover tbody tr.is-selected:hover>td{background-color:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 18%, var(--eco-surface))!important}.system-settings-save-bar{z-index:8;background:var(--eco-surface);border-top:1px solid var(--eco-border-strong);justify-content:space-between;align-items:center;gap:1rem;margin:1.75rem -1.5rem -1.5rem;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 24px #0f172a0f}.fm-table tbody tr.fm-row:hover>td{background:var(--eco-surface)}.fm-folder-icon{justify-content:center;align-items:center;width:2.25rem;display:inline-flex}.fm-action-menu{z-index:1080;background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:.65rem;min-width:190px;padding:.5rem 0;position:fixed;box-shadow:0 8px 24px #0f172a24}.fm-action-menu button{text-align:left;width:100%;color:var(--eco-text);background:0 0;border:0;padding:.55rem 1.1rem;font-size:.925rem;display:block}.fm-action-menu button:hover{background:var(--eco-surface)}.fm-action-menu button.text-danger{color:var(--eco-danger)}.fm-path{background:var(--eco-info-soft);border-radius:2rem;align-items:center;gap:.35rem;max-width:100%;padding:.28rem .9rem .28rem .28rem;display:inline-flex;overflow-x:auto}.fm-path-logo{background:var(--hris-brand,var(--eco-primary));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex;overflow:hidden}.fm-path-logo-img{object-fit:contain;width:1.05rem;height:1.05rem}.fm-path-sep{color:var(--hris-brand,var(--eco-primary));opacity:.75;flex-shrink:0;font-size:.7rem}.fm-path button{color:var(--hris-brand,var(--eco-primary));white-space:nowrap;background:0 0;border:0;padding:.2rem .1rem;font-size:.925rem;font-weight:600;line-height:1.2}.fm-path button:hover{text-decoration:underline}.fm-path button.is-current{cursor:default;text-decoration:none}.mon-tile{border-right:1px solid var(--eco-border);padding:1.25rem 1.5rem}.mon-tile:last-child{border-right:0}@media (width<=991.98px){.mon-tile:nth-child(2){border-right:0}.mon-tile:nth-child(3),.mon-tile:nth-child(4){border-top:1px solid var(--eco-border)}}.employee-avatar--cover{background:var(--bg-subtle);border-radius:.75rem;width:88px;height:88px;margin:0 auto;display:block;overflow:hidden}.employee-avatar-cover-img,.employee-avatar-cover-fallback{object-fit:contain;object-position:center;width:88px;height:88px}.employee-avatar-cover-fallback{background:var(--bg-subtle);color:var(--eco-text-secondary);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.employee-directory-card{border:1px solid var(--eco-border-strong);border-radius:.75rem;transition:box-shadow .15s,border-color .15s;overflow:hidden}.employee-directory-card:hover{border-color:var(--border-strong);box-shadow:0 8px 20px #1e1e2d14}.employee-directory-card-photo{padding:1.1rem 1.1rem 0}.employee-directory-card-photo-btn{cursor:pointer;background:0 0;border:0;justify-content:center;width:100%;padding:0;display:flex}.employee-directory-card-photo-btn .employee-avatar{width:88px;margin:0 auto;display:block}.employee-search{position:relative}.employee-search-topline{align-items:flex-start;gap:.75rem;display:flex}.employee-search-pill{flex:auto;min-width:0;max-width:46rem;position:relative}.employee-search-add{white-space:nowrap;flex:none;min-height:48px}@media (width<=767.98px){.employee-search-topline{flex-direction:column;align-items:stretch}.employee-search-pill{max-width:none}}.employee-search-bar{background:var(--eco-surface);border:1px solid var(--eco-border-strong);border-radius:.85rem;align-items:stretch;min-height:48px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;overflow:hidden}.employee-search-bar.is-focused,.employee-search-bar:focus-within{background:var(--eco-surface);border-color:var(--eco-text-secondary);box-shadow:0 0 0 4px #3f425414}.employee-search-scope{border:0;border-right:1px solid var(--eco-border-strong);color:var(--eco-text-secondary);cursor:pointer;appearance:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237e8299' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px 12px;border-radius:0;outline:none;flex:0 0 138px;padding:0 2rem 0 .85rem;font-size:.85rem;font-weight:600;transition:color .15s,background-color .15s}.employee-search-scope:hover{background-color:var(--eco-surface-sunken);color:var(--hris-brand,var(--eco-primary))}.employee-search-scope:focus-visible{outline:2px solid color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 45%, transparent);outline-offset:-2px}.employee-search-field{flex:auto;align-items:center;min-width:0;display:flex;position:relative}.employee-search-icon{color:var(--eco-text-muted);pointer-events:none;position:absolute;left:.9rem}.employee-search-input{width:100%;box-shadow:none;height:48px;color:var(--eco-text);background:0 0;border:0;outline:none;padding:0 2.75rem 0 2.5rem;font-size:.95rem}.employee-search-input::placeholder{color:var(--eco-text-muted)}.employee-search-clear{color:var(--eco-text-muted);background:0 0;border:0;border-radius:999px;width:28px;height:28px;position:absolute;right:.7rem}.employee-search-clear:hover{background:var(--eco-border);color:var(--eco-text-secondary)}.employee-search-kbd{color:var(--eco-text-muted);background:var(--eco-surface);border:1px solid var(--eco-border-strong);border-radius:.35rem;padding:.1rem .4rem;font-size:.7rem;font-weight:700;position:absolute;right:.75rem}.employee-search-submit{background:var(--hris-brand,var(--eco-primary));color:var(--eco-on-primary);border:0;flex:none;padding:0 1.35rem;font-size:.85rem;font-weight:700}.employee-search-submit:hover{filter:brightness(.92);color:var(--eco-on-primary)}.employee-search-suggest{z-index:20;background:var(--eco-surface);border:1px solid var(--eco-border-strong);border-radius:.85rem;position:absolute;top:calc(48px + .4rem);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #181c321f}.employee-search-suggest-head{color:var(--eco-text-muted);background:var(--eco-surface);border-bottom:1px solid var(--eco-border);padding:.65rem 1rem;font-size:.75rem;font-weight:600}.employee-search-suggest-item{text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;display:flex}.employee-search-suggest-item.is-active,.employee-search-suggest-item:hover{background:var(--eco-surface)}.employee-search-suggest-copy{flex-direction:column;flex:auto;min-width:0;display:flex}.employee-search-mark{background:var(--warning-soft);color:inherit;border-radius:.15rem;padding:0 .1rem}.employee-search-chip{border:1px solid var(--eco-border-strong);background:var(--eco-surface);color:var(--eco-text-secondary);border-radius:999px;padding:.28rem .75rem;font-size:.78rem;font-weight:600}.employee-search-chip:hover{border-color:var(--eco-text-muted);color:var(--eco-text-secondary)}.employee-search-chip.is-on{background:var(--hris-brand,var(--eco-primary));border-color:var(--hris-brand,var(--eco-primary));color:var(--eco-on-primary)}.employee-search-chip-count{background:#fff3;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;margin-left:.35rem;font-size:.65rem;display:inline-flex}.employee-search-chip-sep{background:var(--eco-border-strong);width:1px;height:1rem}.employee-search-advanced{background:var(--bg-subtle);border:1px solid var(--eco-border-strong);border-radius:.85rem;margin-top:.85rem;padding:1.25rem 1.35rem 1.35rem;box-shadow:0 10px 28px #181c320f}.employee-search-advanced-head{border-bottom:1px solid var(--eco-border);justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.employee-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.employee-filter-block{background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:.7rem;min-width:0;padding:.85rem .9rem}.employee-filter-head{color:var(--eco-text-secondary);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.employee-filter-clear{color:var(--eco-text-muted);background:0 0;border:0;padding:0;font-size:.72rem;font-weight:600}.employee-filter-search{margin-bottom:.45rem;position:relative}.employee-filter-search i{color:var(--eco-text-muted);font-size:.75rem;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.employee-filter-search input{border:1px solid var(--eco-border-strong);background:var(--eco-surface);border-radius:.45rem;outline:none;width:100%;height:34px;padding:0 .7rem 0 1.85rem;font-size:.8rem}.employee-filter-search input:focus{border-color:var(--eco-text-secondary)}.employee-filter-list{border:1px solid var(--eco-border);background:var(--eco-surface);border-radius:.5rem;max-height:216px;overflow-y:auto}.employee-filter-option{border:0;border-bottom:1px solid var(--eco-border);text-align:left;width:100%;color:var(--eco-text-secondary);background:0 0;justify-content:space-between;align-items:center;gap:.5rem;padding:.42rem .65rem;font-size:.8rem;display:flex}.employee-filter-option:last-child{border-bottom:0}.employee-filter-option:hover{background:var(--bg-subtle)}.employee-filter-option.is-on{background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 9%, var(--eco-surface));color:var(--hris-brand,var(--eco-primary));font-weight:600}.employee-filter-option.is-on:after{color:inherit;content:"✓";margin-left:auto;font-size:.75rem;font-weight:700}.employee-filter-count{color:inherit;opacity:.65;flex:none;font-size:.68rem;font-weight:700}.employee-filter-empty{color:var(--eco-text-muted);text-align:center;padding:.7rem;font-size:.75rem}.employee-filter-extra{border-top:1px solid var(--eco-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.1rem;padding-top:1rem;display:grid}@media (width<=991.98px){.employee-filter-extra{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=575.98px){.employee-filter-extra{grid-template-columns:minmax(0,1fr)}}.employee-filter-chips-label{color:var(--eco-text-secondary);margin-bottom:.4rem;font-size:.75rem;font-weight:700}@media (width<=1399.98px){.employee-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767.98px){.employee-filter-grid{grid-template-columns:1fr}.employee-search-bar{flex-wrap:wrap;min-height:0;overflow:visible}.employee-search-scope{border-right:0;border-bottom:1px solid var(--eco-border-strong);flex:100%;height:42px}.employee-search-field{flex:auto}.employee-search-input{height:44px}.employee-search-submit{flex:100%;height:42px}}.kp-login{background:var(--surface-raised);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);width:100%;min-height:100vh;display:grid}.kp-login__brand{justify-content:center;gap:var(--space-8);padding:var(--space-12);background:var(--nav-bg);color:var(--on-deep);flex-direction:column;display:flex}.kp-login__lockup{align-items:center;gap:var(--space-3);display:flex}.kp-login__mark{border-radius:var(--radius-md);background:color-mix(in srgb, currentColor 18%, transparent);flex:none;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:flex}.kp-login__mark i{border-radius:var(--radius-sm);background:currentColor;width:8px;height:22px;display:block}.kp-login__brand-name{letter-spacing:-.02em;font-size:20px;font-weight:700}.kp-login__pitch{gap:var(--space-6);flex-direction:column;display:flex}.kp-login__headline{max-width:440px;color:inherit;letter-spacing:-.02em;margin:0;font-size:36px;font-weight:700;line-height:44px}.kp-login__points{gap:var(--space-3);flex-direction:column;max-width:440px;margin:0;padding:0;list-style:none;display:flex}.kp-login__points li{align-items:flex-start;gap:var(--space-2);font:var(--text-body);color:var(--login-brand-muted);display:flex}.kp-login__points svg{color:currentColor;flex:none;margin-top:2px}.kp-login__pane{padding:var(--space-12) var(--space-6);justify-content:center;align-items:center;display:flex}.kp-login__box{gap:var(--space-5);flex-direction:column;width:100%;max-width:400px;display:flex}.kp-login__intro{gap:var(--space-1);flex-direction:column;display:flex}.kp-login__title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:26px;font-weight:700;line-height:34px}.kp-login__subtitle{font:var(--text-body);color:var(--ink-muted);margin:0}.kp-login__submit{width:100%;height:44px}.kp-login__foot{font:var(--text-caption);color:var(--ink-muted);margin:0}@media (width<=900px){.kp-login{grid-template-columns:1fr}.kp-login__brand{gap:var(--space-5);padding:var(--space-8) var(--space-6)}.kp-login__headline{font-size:26px;line-height:34px}.kp-login__points{display:none}.kp-login__pane{padding:var(--space-8) var(--space-6)}}.search-select{width:100%;position:relative}.search-select-control{background:var(--eco-surface);border:1px solid var(--eco-border-strong);text-align:left;width:100%;min-height:42.5px;color:var(--eco-text);cursor:pointer;border-radius:.475rem;align-items:center;gap:.5rem;padding:.55rem .85rem;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.search-select-control.is-solid{background:var(--eco-surface);border-color:#0000}.search-select-control:hover:not(.is-disabled){border-color:var(--border-strong)}.search-select-control.is-open,.search-select-control:focus-visible{border-color:var(--hris-brand,var(--eco-primary));box-shadow:0 0 0 .25rem color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 15%, transparent);outline:none}.search-select-control.is-invalid{border-color:var(--eco-danger)}.search-select-control.is-invalid.is-open,.search-select-control.is-invalid:focus-visible{box-shadow:0 0 0 .25rem #f1416c26}.search-select-control.is-disabled{opacity:.6;cursor:not-allowed}.search-select-value{flex-direction:column;flex:1;min-width:0;font-size:.95rem;font-weight:600;line-height:1.25;display:flex}.search-select-value.is-placeholder{color:var(--eco-text-muted);font-weight:500}.search-select-value-sub{color:var(--eco-text-muted);margin-top:.1rem;font-size:.72rem;font-weight:500}.search-select-value-main{align-items:center;gap:.45rem;min-width:0;display:flex}.search-select-option-hint{color:var(--eco-info);margin-top:.12rem;font-size:.7rem;font-weight:600}.search-select-pill{letter-spacing:.02em;text-transform:uppercase;color:var(--eco-info);background:var(--eco-info-soft);border-radius:.35rem;flex-shrink:0;padding:.12rem .4rem;font-size:.62rem;font-weight:700}.search-select-pill.is-control{margin-left:auto}.search-select-caret{color:var(--eco-text-muted);font-size:.8rem}.search-select-clear{width:1.25rem;height:1.25rem;color:var(--eco-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.65rem;display:inline-flex}.search-select-clear:hover{background:var(--bg-subtle);color:var(--eco-text-secondary)}.search-select-menu{background:var(--eco-surface);border:1px solid var(--eco-border-strong);border-radius:.75rem;overflow:hidden;box-shadow:0 8px 30px #0f223a1f}.search-select-search{border-bottom:1px solid var(--eco-border);padding:.65rem .75rem;position:relative}.search-select-search i{color:var(--eco-text-muted);font-size:.85rem;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.search-select-search input{background:var(--eco-surface);width:100%;color:var(--eco-text);border:0;border-radius:.475rem;outline:none;padding:.55rem .75rem .55rem 2.1rem;font-size:.9rem}.search-select-search input:focus{background:var(--primary-soft)}.search-select-list{padding:.35rem 0;overflow-y:auto}.search-select-empty{color:var(--eco-text-muted);padding:.85rem 1rem;font-size:.85rem}.search-select-option{text-align:left;width:100%;color:var(--eco-text-secondary);background:0 0;border:0;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.search-select-option-text{flex-direction:column;flex:1;min-width:0;display:flex}.search-select-option-label{color:var(--eco-text);font-size:.9rem;font-weight:600}.search-select-option-sub{color:var(--eco-text-muted);margin-top:.05rem;font-size:.75rem}.search-select-option.is-active{background:var(--eco-info-soft)}.search-select-option.is-active .search-select-option-label{color:var(--eco-info)}.search-select-option.is-selected{background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 6%, var(--eco-surface))}.search-select-option.is-selected .search-select-option-label{color:var(--hris-brand,var(--eco-primary))}.search-select-check{color:var(--hris-brand,var(--eco-primary));font-size:1rem}.search-select-group{letter-spacing:.04em;text-transform:uppercase;color:var(--eco-text-muted);border-top:1px solid var(--eco-border);padding:.55rem 1rem .25rem;font-size:.7rem;font-weight:700}.search-select-group:first-child{border-top:0;padding-top:.4rem}.org-chart-flow{border:1px solid var(--eco-border-strong);background:var(--eco-surface);border-radius:.75rem;width:100%;height:min(70vh,640px);min-height:420px;overflow:hidden}.org-flow-card{background:var(--eco-surface);border:1px solid var(--eco-border-strong);border-radius:.75rem;width:220px;padding:.75rem .85rem;box-shadow:0 0 20px #4c577d0f}.org-flow-card.is-inactive{opacity:.7}.org-flow-avatar{background:var(--primary-soft);width:2.25rem;height:2.25rem;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.org-chart-flow .react-flow__node{cursor:grab}.org-chart-flow .react-flow__node.dragging{cursor:grabbing}.org-chart-flow .react-flow__node.org-flow-node--dim{opacity:.28}.org-chart-flow .react-flow__node.org-flow-node--match .org-flow-card{border-color:var(--eco-warning);box-shadow:0 0 0 2px #ffc70047}.org-chart-flow .react-flow__node.org-flow-node--drop-target .org-flow-card{border-color:var(--primary);box-shadow:0 0 0 3px #3e97ff47}.org-chart-flow .react-flow__node.org-flow-node--drop-invalid .org-flow-card{border-color:var(--eco-danger);box-shadow:0 0 0 3px #f1416c33}.org-chart-flow .react-flow__handle{opacity:0;pointer-events:none;width:8px;height:8px}.org-chart-flow .react-flow__controls{border:1px solid var(--eco-border-strong);border-radius:.5rem;overflow:hidden;box-shadow:0 0 20px #4c577d14}.org-chart-flow .react-flow__minimap{border:1px solid var(--eco-border-strong);border-radius:.5rem;overflow:hidden}.org-chart-flow .react-flow__attribution{background:0 0;font-size:9px}.nara-launcher{z-index:1030;background:var(--hris-brand,var(--eco-primary));width:68px;height:68px;box-shadow:0 12px 32px color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 30%, transparent), 0 0 0 6px color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, transparent);border:3px solid #ffffffeb;border-radius:50%;padding:0;transition:transform .16s,box-shadow .16s;position:fixed;bottom:28px;right:28px;overflow:hidden}.nara-launcher:hover{transform:translateY(-2px)}.nara-launcher:focus-visible{outline:3px solid var(--eco-text);outline-offset:4px}.nara-avatar{width:100%;height:100%;color:var(--eco-on-primary);justify-content:center;align-items:center;display:inline-flex}.nara-avatar svg{width:70%;height:70%}.nara-launcher-dot{border:2px solid var(--eco-surface);background:var(--eco-success);border-radius:50%;width:13px;height:13px;position:absolute;bottom:6px;right:3px}.nara-discovery{z-index:1029;border:1px solid var(--eco-border-strong);background:var(--eco-surface);border-radius:8px;width:min(300px,100vw - 40px);padding:14px 42px 14px 16px;position:fixed;bottom:108px;right:28px;box-shadow:0 10px 30px #181c3224}.nara-discovery-dismiss{width:28px;height:28px;color:var(--eco-text-muted);background:0 0;border:0;font-size:20px;position:absolute;top:6px;right:8px}.nara-drawer-backdrop{z-index:1040;background:#181c3247;position:fixed;inset:0}.nara-drawer{background:var(--eco-surface);flex-direction:column;width:min(720px,64vw);height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-16px 0 42px #181c3233}.nara-drawer-header{border-bottom:1px solid var(--eco-border-strong);background:var(--eco-surface);justify-content:space-between;align-items:center;min-height:72px;padding:12px 20px;display:flex}.nara-drawer-header .nara-avatar{width:46px;height:46px;color:var(--hris-brand,var(--eco-primary));background:color-mix(in oklch, var(--hris-brand,var(--eco-primary)) 10%, transparent);border-radius:50%;flex:0 0 46px}.nara-drawer-body{flex:1;min-height:0;padding:18px;overflow:auto}.nara-drawer-body>.card{min-height:100%;margin:0}@media (width<=767.98px){.nara-launcher{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:60px;height:60px}.nara-discovery{right:18px;bottom:calc(90px + env(safe-area-inset-bottom))}.nara-drawer{width:100%}.nara-drawer-body{padding:0}.nara-drawer-body>.card{border-radius:0;box-shadow:none!important}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}