:root{--font-ui: "Roboto Flex", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Roboto Flex", "Roboto", sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-display-l: 57px;--lh-display-l: 64px;--t-display-m: 45px;--lh-display-m: 52px;--t-display-s: 36px;--lh-display-s: 44px;--t-headline-l: 32px;--lh-headline-l: 40px;--t-headline-m: 28px;--lh-headline-m: 36px;--t-headline-s: 24px;--lh-headline-s: 32px;--t-title-l: 22px;--lh-title-l: 28px;--t-title-m: 16px;--lh-title-m: 24px;--t-title-s: 14px;--lh-title-s: 20px;--t-body-l: 16px;--lh-body-l: 24px;--t-body-m: 14px;--lh-body-m: 20px;--t-body-s: 12px;--lh-body-s: 16px;--t-label-l: 14px;--lh-label-l: 20px;--t-label-m: 12px;--lh-label-m: 16px;--t-label-s: 11px;--lh-label-s: 16px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--shape-none: 0;--shape-xs: 4px;--shape-s: 8px;--shape-m: 12px;--shape-l: 16px;--shape-xl: 28px;--shape-full: 999px;--dur-short-1: 50ms;--dur-short-2: .1s;--dur-short-3: .15s;--dur-short-4: .2s;--dur-medium-1: .25s;--dur-medium-2: .3s;--dur-long-1: .45s;--dur-long-2: .5s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--ease-decel: cubic-bezier(0, 0, 0, 1);--ease-accel: cubic-bezier(.3, 0, 1, 1);--state-hover: .08;--state-focus: .12;--state-pressed: .12;--state-drag: .16;--z-sticky: 50;--z-header: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--error: var(--danger)}:root,[data-theme=light]{--md-primary: #4f46e5;--md-on-primary: #FFFFFF;--md-primary-container: #eef2ff;--md-on-primary-container: #312e81;--md-secondary: #475569;--md-on-secondary: #FFFFFF;--md-secondary-container: #f1f5f9;--md-on-secondary-container: #0f172a;--md-tertiary: #0369a1;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #e0f2fe;--md-on-tertiary-container: #0c4a6e;--md-error: #dc2626;--md-on-error: #FFFFFF;--md-error-container: #fef2f2;--md-on-error-container: #7f1d1d;--md-success: #059669;--md-success-container: #ecfdf5;--md-on-success-container: #064e3b;--md-warning: #d97706;--md-warning-container: #fffbeb;--md-on-warning-container: #78350f;--md-surface: #ffffff;--md-on-surface: #0f172a;--md-on-surface-variant: #64748b;--md-surface-dim: #e2e8f0;--md-surface-bright: #ffffff;--md-surface-container-lowest: #FFFFFF;--md-surface-container-low: #ffffff;--md-surface-container: #f8fafc;--md-surface-container-high: #f1f5f9;--md-surface-container-highest: #e2e8f0;--md-outline: #94a3b8;--md-outline-variant: #e2e8f0;--md-inverse-surface: #0f172a;--md-inverse-on-surface: #f8fafc;--md-inverse-primary: #a5b4fc;--md-scrim: rgba(15, 23, 42, .45);--chart-1: #4f46e5;--chart-2: #d97706;--chart-3: #0369a1;--chart-4: #7c3aed;--chart-5: #059669;--chart-6: #ea580c;--md-elevation-0: none;--md-elevation-1: 0 1px 2px rgba(15, 23, 42, .04);--md-elevation-2: 0 2px 8px rgba(15, 23, 42, .06);--md-elevation-3: 0 8px 24px rgba(15, 23, 42, .08);--md-elevation-4: 0 12px 32px rgba(15, 23, 42, .1);--md-elevation-5: 0 16px 40px rgba(15, 23, 42, .12);--bg: var(--md-surface);--surface: var(--md-surface-container-lowest);--surface-2: var(--md-surface-container);--surface-3: var(--md-surface-container-high);--ink: var(--md-on-surface);--ink-2: var(--md-on-surface-variant);--ink-3: #64748b;--ink-4: #94a3b8;--line: var(--md-outline-variant);--accent: var(--md-primary);--accent-hover: #4338ca;--accent-soft: var(--md-primary-container);--accent-ink: var(--md-on-primary);--success: var(--md-success);--warning: var(--md-warning);--danger: var(--md-error);--info: var(--md-tertiary);--font-serif: var(--font-display);--r-0: 0;--r-2: var(--shape-xs);--r-3: var(--shape-m);--r-4: var(--shape-l);--shadow-1: var(--md-elevation-1);--shadow-2: var(--md-elevation-2);--shadow-3: var(--md-elevation-3);--shadow-4: var(--md-elevation-4);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--md-primary) 30%, transparent);--border: 1px solid var(--line);--text: var(--ink);--text-muted: var(--ink-3);--surface-raised: var(--surface-2);--ok: var(--success);--brand: var(--accent);--green: var(--success);--red: var(--danger);--green-soft: var(--accent-soft);--green-border: var(--line);--danger-bg: var(--md-error-container);--warning-bg: color-mix(in srgb, var(--warning) 12%, transparent);--color-success: var(--success);--color-warning: var(--warning);--color-primary: var(--accent);--color-surface-raised: var(--surface-2);--color-info-subtle: color-mix(in srgb, var(--info) 12%, transparent);--color-success-subtle: color-mix(in srgb, var(--success) 12%, transparent);--color-text-secondary: var(--ink-3)}[data-theme=dark]{--md-primary: #818cf8;--md-on-primary: #1e1b4b;--md-primary-container: #312e81;--md-on-primary-container: #e0e7ff;--md-secondary: #94a3b8;--md-on-secondary: #0f172a;--md-secondary-container: #1e293b;--md-on-secondary-container: #e2e8f0;--md-tertiary: #38bdf8;--md-on-tertiary: #0c4a6e;--md-tertiary-container: #075985;--md-on-tertiary-container: #e0f2fe;--md-error: #f87171;--md-on-error: #7f1d1d;--md-error-container: #7f1d1d;--md-on-error-container: #fee2e2;--md-success: #34d399;--md-success-container: #064e3b;--md-on-success-container: #d1fae5;--md-warning: #fbbf24;--md-warning-container: #78350f;--md-on-warning-container: #fef3c7;--md-surface: #0b1220;--md-on-surface: #f1f5f9;--md-on-surface-variant: #94a3b8;--md-surface-dim: #020617;--md-surface-bright: #1e293b;--md-surface-container-lowest: #111827;--md-surface-container-low: #1a2332;--md-surface-container: #1e293b;--md-surface-container-high: #273548;--md-surface-container-highest: #334155;--md-outline: #64748b;--md-outline-variant: #2d3a4d;--md-inverse-surface: #f1f5f9;--md-inverse-on-surface: #0f172a;--md-inverse-primary: #4f46e5;--md-scrim: rgba(0, 0, 0, .6);--chart-1: #818cf8;--chart-2: #fbbf24;--chart-3: #38bdf8;--chart-4: #c084fc;--chart-5: #34d399;--chart-6: #fb923c;--md-elevation-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.2);--md-elevation-2: 0 1px 2px rgba(0,0,0,.4), 0 2px 6px 2px rgba(0,0,0,.3);--md-elevation-3: 0 1px 3px rgba(0,0,0,.5), 0 4px 8px 3px rgba(0,0,0,.3);--md-elevation-4: 0 2px 3px rgba(0,0,0,.5), 0 6px 10px 4px rgba(0,0,0,.3);--md-elevation-5: 0 4px 4px rgba(0,0,0,.6), 0 8px 12px 6px rgba(0,0,0,.4);--bg: var(--md-surface);--surface: var(--md-surface-container);--surface-2: var(--md-surface-container-high);--surface-3: var(--md-surface-container-highest);--ink: var(--md-on-surface);--ink-2: var(--md-on-surface-variant);--ink-3: #94a3b8;--ink-4: #64748b;--line: var(--md-outline-variant);--accent: var(--md-primary);--accent-hover: #a5b4fc;--accent-soft: var(--md-primary-container);--accent-ink: var(--md-on-primary);--success: var(--md-success);--warning: var(--md-warning);--danger: var(--md-error);--info: var(--md-tertiary);--font-serif: var(--font-display);--r-0: 0;--r-2: var(--shape-xs);--r-3: var(--shape-m);--r-4: var(--shape-l);--shadow-1: var(--md-elevation-1);--shadow-2: var(--md-elevation-2);--shadow-3: var(--md-elevation-3);--shadow-4: var(--md-elevation-4);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--md-primary) 40%, transparent);--border: 1px solid var(--line);--text: var(--ink);--text-muted: var(--ink-3);--surface-raised: var(--surface-2);--ok: var(--success);--brand: var(--accent);--green: var(--success);--red: var(--danger);--green-soft: var(--accent-soft);--green-border: var(--line);--danger-bg: var(--md-error-container);--warning-bg: color-mix(in srgb, var(--warning) 12%, transparent);--color-success: var(--success);--color-warning: var(--warning);--color-primary: var(--accent);--color-surface-raised: var(--surface-2);--color-info-subtle: color-mix(in srgb, var(--info) 12%, transparent);--color-success-subtle: color-mix(in srgb, var(--success) 12%, transparent);--color-text-secondary: var(--ink-3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);font-size:var(--t-body-m);line-height:var(--lh-body-m);color:var(--md-on-surface);background:var(--md-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum"}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;letter-spacing:0}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.num,code,pre,[data-tabular]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:999px;border:2px solid var(--md-surface)}::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}::selection{background:var(--md-primary-container);color:var(--md-on-primary-container)}:focus-visible{outline:2px solid color-mix(in srgb,var(--md-primary) 55%,transparent);outline-offset:2px;box-shadow:var(--focus-ring)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:2px solid color-mix(in srgb,var(--md-primary) 55%,transparent);outline-offset:2px}.m3-display-l{font-family:var(--font-display);font-size:var(--t-display-l);line-height:var(--lh-display-l);font-weight:400;letter-spacing:-.25px}.m3-display-m{font-family:var(--font-display);font-size:var(--t-display-m);line-height:var(--lh-display-m);font-weight:400}.m3-display-s{font-family:var(--font-display);font-size:var(--t-display-s);line-height:var(--lh-display-s);font-weight:400}.m3-headline-l{font-family:var(--font-display);font-size:var(--t-headline-l);line-height:var(--lh-headline-l);font-weight:400}.m3-headline-m{font-family:var(--font-display);font-size:var(--t-headline-m);line-height:var(--lh-headline-m);font-weight:400}.m3-headline-s{font-family:var(--font-display);font-size:var(--t-headline-s);line-height:var(--lh-headline-s);font-weight:400}.m3-title-l{font-size:var(--t-title-l);line-height:var(--lh-title-l);font-weight:400}.m3-title-m{font-size:var(--t-title-m);line-height:var(--lh-title-m);font-weight:500;letter-spacing:.15px}.m3-title-s{font-size:var(--t-title-s);line-height:var(--lh-title-s);font-weight:500;letter-spacing:.1px}.m3-body-l{font-size:var(--t-body-l);line-height:var(--lh-body-l);letter-spacing:.5px}.m3-body-m{font-size:var(--t-body-m);line-height:var(--lh-body-m);letter-spacing:.25px}.m3-body-s{font-size:var(--t-body-s);line-height:var(--lh-body-s);letter-spacing:.4px}.m3-label-l{font-size:var(--t-label-l);line-height:var(--lh-label-l);font-weight:500;letter-spacing:.1px}.m3-label-m{font-size:var(--t-label-m);line-height:var(--lh-label-m);font-weight:500;letter-spacing:.5px}.m3-label-s{font-size:var(--t-label-s);line-height:var(--lh-label-s);font-weight:500;letter-spacing:.5px}.m3-state{position:relative}.m3-state:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--dur-short-2) var(--ease-standard);pointer-events:none;border-radius:inherit}.m3-state:hover:after{opacity:var(--state-hover)}.m3-state:focus-visible:after{opacity:var(--state-focus)}.m3-state:active:after{opacity:var(--state-pressed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:40px;padding:0 16px;font-size:.875rem;font-weight:600;letter-spacing:0;border-radius:10px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--dur-short-3) var(--ease-standard),color var(--dur-short-3) var(--ease-standard),box-shadow var(--dur-short-3) var(--ease-standard),border-color var(--dur-short-3) var(--ease-standard);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:disabled{opacity:.38;cursor:not-allowed}.btn svg{width:18px;height:18px;flex:0 0 18px}.btn-primary,.btn-filled{background:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}.btn-primary:hover:not(:disabled),.btn-filled:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:none}.btn-tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn-tonal:hover:not(:disabled){box-shadow:none;background:var(--md-surface-container-high)}.btn-secondary,.btn-outlined{background:var(--surface);color:var(--md-on-surface);border-color:var(--md-outline-variant)}.btn-secondary:hover:not(:disabled),.btn-outlined:hover:not(:disabled){background:var(--md-surface-container)}.btn-ghost,.btn-text{background:transparent;color:var(--md-on-surface-variant);padding:0 12px}.btn-ghost:hover:not(:disabled),.btn-text:hover:not(:disabled){background:var(--md-surface-container);color:var(--md-on-surface)}.btn-elevated{background:var(--surface);color:var(--md-on-surface);border:1px solid var(--md-outline-variant);box-shadow:none}.btn-elevated:hover:not(:disabled){background:var(--md-surface-container)}.btn-danger{background:var(--md-error);color:var(--md-on-error)}.btn-danger-ghost{background:transparent;color:var(--md-error)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--dur-short-2) var(--ease-standard);pointer-events:none;border-radius:inherit}.btn:hover:not(:disabled):after{opacity:var(--state-hover)}.btn:focus-visible:after{opacity:var(--state-focus)}.btn:active:not(:disabled):after{opacity:var(--state-pressed)}.btn-sm{height:32px;padding:0 16px;font-size:var(--t-label-m)}.btn-lg{height:48px;padding:0 28px;font-size:var(--t-label-l)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--shape-full);background:transparent;color:var(--md-on-surface-variant);border:0}.btn-icon-sm{width:32px;height:32px;padding:0;border-radius:var(--shape-full);background:transparent;color:var(--md-on-surface-variant);border:0;position:relative;overflow:hidden}.btn-icon-sm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;border-radius:inherit;transition:opacity var(--dur-short-2);pointer-events:none}.btn-icon-sm:hover:after{opacity:var(--state-hover)}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:var(--shape-l);box-shadow:var(--md-elevation-3);display:inline-flex;align-items:center;justify-content:center;z-index:var(--z-sticky);transition:box-shadow var(--dur-short-3)}.fab:hover{box-shadow:var(--md-elevation-4)}.btn-split{display:inline-flex;gap:1px}.btn-split .btn:first-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.btn-split .btn:last-child{border-top-left-radius:6px;border-bottom-left-radius:6px;padding:0 12px}.field{display:flex;flex-direction:column;gap:6px}.field-row{display:flex;gap:var(--s-4)}.field-row>.field{flex:1}.label{font-size:.75rem;font-weight:600;color:var(--md-on-surface-variant);letter-spacing:0}.label .req{color:var(--md-error);margin-left:2px}.help{font-size:var(--t-body-s);color:var(--md-on-surface-variant);padding-left:16px}.error{font-size:var(--t-body-s);color:var(--md-error);display:flex;align-items:center;gap:4px;padding-left:16px}.input,.select,.textarea{width:100%;height:40px;padding:0 12px;font-size:.875rem;background:var(--surface);color:var(--md-on-surface);border:1px solid var(--md-outline-variant);border-radius:10px;transition:border-color var(--dur-short-3),box-shadow var(--dur-short-3);font-family:inherit}.input::placeholder,.textarea::placeholder{color:var(--md-on-surface-variant)}.input:hover,.select:hover,.textarea:hover{border-color:var(--md-outline)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--md-primary);border-width:1px;padding:0 12px;box-shadow:0 0 0 3px color-mix(in srgb,var(--md-primary) 18%,transparent)}.input[aria-invalid=true]{border-color:var(--md-error)}.textarea{height:auto;min-height:96px;padding:12px;resize:vertical}.input-compact,.select-compact{height:40px;padding:0 12px;font-size:.875rem;border-radius:10px;border:1px solid var(--md-outline-variant);background:var(--surface);color:var(--md-on-surface);width:100%}.input-group{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:10px;transition:border-color var(--dur-short-3),box-shadow var(--dur-short-3)}.input-group:hover{background:var(--surface);border-color:var(--md-outline)}.input-group:focus-within{border-color:var(--md-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-primary) 18%,transparent)}.input-group input{border:0;background:transparent;padding:0;height:100%;flex:1;outline:none;font-size:var(--t-body-m)}.input-group svg{width:18px;height:18px;color:var(--md-on-surface-variant);flex:0 0 18px}.input-group .kbd{font-family:var(--font-mono);font-size:var(--t-label-s);color:var(--md-on-surface-variant);padding:2px 6px;border:1px solid var(--md-outline-variant);border-radius:var(--shape-xs)}.checkbox,.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--md-on-surface-variant);background:transparent;cursor:pointer;position:relative;flex:0 0 18px;transition:all var(--dur-short-3) var(--ease-standard)}.checkbox{border-radius:2px}.radio{border-radius:50%}.checkbox:checked,.radio:checked{background:var(--md-primary);border-color:var(--md-primary)}.checkbox:checked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M3 9l4 4 8-8' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/14px no-repeat}.radio:checked:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--md-on-primary);border-radius:50%}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:32px;background:var(--md-surface-container-highest);border:2px solid var(--md-outline);border-radius:var(--shape-full);cursor:pointer;position:relative;transition:background var(--dur-short-3),border-color var(--dur-short-3);flex:0 0 52px}.toggle:after{content:"";position:absolute;top:6px;left:6px;width:16px;height:16px;background:var(--md-outline);border-radius:50%;transition:all var(--dur-short-3) var(--ease-emphasized)}.toggle:checked{background:var(--md-primary);border-color:var(--md-primary)}.toggle:checked:after{left:26px;top:4px;width:20px;height:20px;background:var(--md-on-primary)}.chip{display:inline-flex;align-items:center;gap:var(--s-2);height:32px;padding:0 12px;font-size:var(--t-label-l);font-weight:500;border-radius:var(--shape-s);white-space:nowrap;border:1px solid var(--md-outline);background:transparent;color:var(--md-on-surface-variant);cursor:pointer;transition:background var(--dur-short-3)}.chip:hover{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.chip.selected{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:transparent}.chip-sm{height:24px;padding:0 8px;font-size:var(--t-label-s);border-radius:var(--shape-xs)}.chip-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.chip-success{background:var(--md-success-container);color:var(--md-on-success-container);border-color:transparent}.chip-success .chip-dot{background:var(--md-success)}.chip-warning{background:var(--md-warning-container);color:var(--md-on-warning-container);border-color:transparent}.chip-warning .chip-dot{background:var(--md-warning)}.chip-danger{background:var(--md-error-container);color:var(--md-on-error-container);border-color:transparent}.chip-danger .chip-dot{background:var(--md-error)}.chip-info{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container);border-color:transparent}.chip-info .chip-dot{background:var(--md-tertiary)}.chip-accent{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:transparent}.chip-accent .chip-dot{background:var(--md-primary)}.chip-neutral{background:var(--md-surface-container-high);color:var(--md-on-surface-variant);border-color:transparent}.chip-neutral .chip-dot{background:var(--md-on-surface-variant)}.chip-outline{background:transparent}.counter{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 6px;font-size:var(--t-label-s);font-weight:500;background:var(--md-error);color:var(--md-on-error);border-radius:var(--shape-full);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden;transition:box-shadow var(--dur-short-3);box-shadow:none}.card-outlined{background:var(--surface);border:1px solid var(--md-outline-variant)}.loan-card-hover:hover{background:var(--md-surface-container)}.card-elevated{background:var(--surface);border:1px solid var(--md-outline-variant);box-shadow:none}.card-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);border-bottom:1px solid var(--md-outline-variant);background:var(--surface)}.card-title{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--md-on-surface)}.card-body{padding:16px 24px 24px}.card-footer{padding:12px 24px;border-top:1px solid var(--md-outline-variant);font-size:var(--t-body-s);color:var(--md-on-surface-variant)}.stat{padding:24px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:var(--t-label-m);letter-spacing:.5px;color:var(--md-on-surface-variant);font-weight:500;text-transform:none}.stat-value{font-family:var(--font-display);font-size:var(--t-display-s);line-height:1.1;color:var(--md-on-surface);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.25px;margin-top:4px}.stat-value .unit{font-size:.45em;color:var(--md-on-surface-variant);margin-left:6px;font-weight:400}.stat-meta{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-body-s);color:var(--md-on-surface-variant);margin-top:8px}.stat-delta{font-variant-numeric:tabular-nums;font-weight:500}.stat-delta.up{color:var(--md-success)}.stat-delta.down{color:var(--md-error)}.table-wrap{background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead th{padding:12px 16px;height:auto;text-align:left;font-weight:600;font-size:.75rem;letter-spacing:0;color:var(--md-on-surface-variant);background:var(--surface);border-bottom:1px solid var(--md-outline-variant);white-space:nowrap;position:sticky;top:0;z-index:1}.table thead th.sort{cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.sort:hover{background:var(--md-surface-container-low, var(--md-surface-container))}.table tbody td{padding:14px 16px;height:auto;border-bottom:1px solid var(--md-surface-container);color:var(--md-on-surface-variant);vertical-align:middle;font-size:.875rem;background:var(--surface)}.table tbody tr{transition:background var(--dur-short-2);cursor:pointer}.table tbody tr:hover td{background:var(--md-surface-container-low, var(--md-surface-container))}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.selected,.table tbody tr.selected td{background:var(--md-primary-container)}.table .td-meta{color:var(--md-on-surface-variant)}.table .td-mono{font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums}.table .td-right{text-align:right}.table .td-link{color:var(--md-primary);text-decoration:none;font-weight:600}.table .td-link:hover{text-decoration:underline}.table-footer{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--md-outline-variant);font-size:.8125rem;color:var(--md-on-surface-variant);background:var(--surface)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);font-size:var(--t-label-l);font-weight:500;flex:0 0 40px;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--t-label-m);flex-basis:32px}.avatar-lg{width:56px;height:56px;font-size:var(--t-title-m);flex-basis:56px}.avatar-xl{width:80px;height:80px;font-size:var(--t-headline-s);flex-basis:80px}.avatar-stack{display:inline-flex}.avatar-stack .avatar{border:2px solid var(--md-surface);margin-left:-10px}.avatar-stack .avatar:first-child{margin-left:0}.avatar[data-hue="1"]{background:var(--md-primary-container);color:var(--md-on-primary-container)}.avatar[data-hue="2"]{background:var(--md-warning-container);color:var(--md-on-warning-container)}.avatar[data-hue="3"]{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.avatar[data-hue="4"]{background:var(--md-error-container);color:var(--md-on-error-container)}.avatar[data-hue="5"]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.avatar[data-hue="6"]{background:var(--md-success-container);color:var(--md-on-success-container)}.hr{height:1px;background:var(--md-outline-variant);margin:24px 0;border:0}.vr{width:1px;background:var(--md-outline-variant);align-self:stretch}.micro{font-size:var(--t-label-m);letter-spacing:.5px;color:var(--md-on-surface-variant);font-weight:500;text-transform:none}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-family:var(--font-mono);font-size:var(--t-label-s);color:var(--md-on-surface-variant);background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--shape-xs)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--md-outline-variant);padding:0 4px;background:var(--surface);overflow-x:auto}.tab{position:relative;padding:0 16px;height:48px;font-size:.875rem;font-weight:600;color:var(--md-on-surface-variant);background:transparent;border:0;cursor:pointer;transition:color var(--dur-short-3);display:inline-flex;align-items:center;gap:var(--s-2);overflow:hidden;white-space:nowrap}.tab:after{display:none}.tab:hover{color:var(--md-on-surface)}.tab.active{color:var(--md-primary)}.tab.active:before{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--md-primary);border-radius:2px 2px 0 0}.tab .count{font-size:.6875rem;color:var(--md-on-surface-variant);background:var(--md-surface-container);padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums;font-weight:600}.segmented{display:inline-flex;border:1px solid var(--md-outline-variant);border-radius:10px;overflow:hidden;background:var(--surface)}.segmented button{padding:0 14px;height:36px;font-size:.8125rem;font-weight:600;color:var(--md-on-surface-variant);background:transparent;border:0;border-right:1px solid var(--md-outline-variant);cursor:pointer;transition:background var(--dur-short-2),color var(--dur-short-2);white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.segmented button:last-child{border-right:0}.segmented button:hover{background:var(--md-surface-container-low, var(--md-surface-container));color:var(--md-on-surface)}.segmented button.active{background:var(--md-primary-container);color:var(--md-primary)}.segmented button:focus-visible{outline:2px solid rgba(79,70,229,.35);outline-offset:-2px}.progress{height:4px;background:var(--md-surface-container-highest);border-radius:var(--shape-full);overflow:hidden}.progress-bar{height:100%;background:var(--md-primary);border-radius:var(--shape-full);transition:width var(--dur-medium-2) var(--ease-emphasized)}.progress-bar.success{background:var(--md-success)}.progress-bar.warning{background:var(--md-warning)}.progress-bar.danger{background:var(--md-error)}.stepper{display:flex;align-items:center;gap:12px}.stepper-item{display:flex;align-items:center;gap:8px;font-size:var(--t-label-l);color:var(--md-on-surface-variant)}.stepper-item .step-num{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-label-m);font-weight:500;border:1px solid var(--md-outline);color:var(--md-on-surface-variant);background:transparent}.stepper-item.done .step-num{background:var(--md-primary);border-color:var(--md-primary);color:var(--md-on-primary)}.stepper-item.active{color:var(--md-primary)}.stepper-item.active .step-num{background:var(--md-primary);border-color:var(--md-primary);color:var(--md-on-primary)}.stepper-divider{width:32px;height:1px;background:var(--md-outline-variant)}.alert{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-radius:var(--shape-m);border:0;font-size:var(--t-body-m)}.alert-icon{width:20px;height:20px;flex:0 0 20px;margin-top:2px}.alert-body{flex:1}.alert-title{font-weight:500;font-size:var(--t-title-s);margin-bottom:4px}.alert-desc{color:inherit;opacity:.9;font-size:var(--t-body-s)}.alert-close{color:inherit;opacity:.6}.alert-info{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.alert-success{background:var(--md-success-container);color:var(--md-on-success-container)}.alert-warning{background:var(--md-warning-container);color:var(--md-on-warning-container)}.alert-danger{background:var(--md-error-container);color:var(--md-on-error-container)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--md-scrim);z-index:var(--z-modal);animation:fade-in var(--dur-medium-1) var(--ease-standard)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:16px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;box-shadow:var(--md-elevation-3);z-index:calc(var(--z-modal) + 1);width:560px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:slide-up var(--dur-medium-2) var(--ease-emphasized)}.modal-card{overflow-y:auto}.modal-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.125rem;font-weight:700;color:var(--md-on-surface);margin-bottom:var(--s-5);letter-spacing:-.02em}.modal-body{padding:16px 24px 24px;overflow-y:auto;color:var(--md-on-surface-variant)}.modal-footer{padding:16px 24px 24px;display:flex;gap:8px;justify-content:flex-end}.modal-lg{width:720px}.modal-xl{width:960px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--md-scrim);display:flex;align-items:center;justify-content:center}.modal-panel{width:520px;max-width:90vw;background:var(--bg);border-radius:var(--r-2);padding:var(--s-8)}.modal-panel-sm{width:400px}.modal-panel-lg{width:680px;max-width:95vw;max-height:90vh;overflow-y:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:var(--surface);box-shadow:var(--md-elevation-3);z-index:calc(var(--z-drawer) + 1);display:flex;flex-direction:column;animation:slide-right var(--dur-medium-2) var(--ease-emphasized);border-left:1px solid var(--md-outline-variant);border-top-left-radius:16px;border-bottom-left-radius:16px}.toast-region{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:var(--z-toast)}.toast{min-width:320px;max-width:420px;background:var(--md-on-surface);color:var(--md-surface-container-low, var(--md-surface-container));border-radius:12px;box-shadow:var(--md-elevation-3);padding:14px 16px;display:flex;align-items:center;gap:12px;animation:slide-up var(--dur-medium-2) var(--ease-emphasized)}.toast-icon{width:18px;height:18px;flex:0 0 18px}.toast-body{flex:1;font-size:var(--t-body-m)}.toast-title{font-weight:500;margin-bottom:2px}.toast-desc{opacity:.85;font-size:var(--t-body-s)}.toast-action{color:var(--md-inverse-primary);font-weight:500;font-size:var(--t-label-l);padding:0 8px}.menu{background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:12px;box-shadow:var(--md-elevation-3);padding:4px;min-width:200px;animation:slide-up var(--dur-short-4) var(--ease-emphasized)}.menu-item{display:flex;align-items:center;gap:10px;padding:0 12px;height:40px;font-size:.875rem;font-weight:500;color:var(--md-on-surface);border:0;border-radius:8px;cursor:pointer;transition:background var(--dur-short-2);width:100%;justify-content:flex-start;text-align:left;background:transparent}.menu-item:hover{background:var(--md-surface-container-low, var(--md-surface-container))}.menu-item:focus-visible{outline:2px solid color-mix(in srgb,var(--md-primary) 45%,transparent);outline-offset:-2px}.menu-item svg{width:16px;height:16px;color:var(--md-on-surface-variant);flex:0 0 16px}.menu-item .shortcut{margin-left:auto;font-size:.75rem;color:var(--md-on-surface-variant);font-family:var(--font-mono)}.menu-item.danger{color:var(--md-error)}.menu-item.danger svg{color:var(--md-error)}.menu-sep{height:1px;background:var(--md-outline-variant);margin:4px 0}.menu-label{padding:8px 12px 4px;font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:var(--md-on-surface-variant);font-weight:600}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--t-body-s);color:var(--md-on-surface-variant)}.breadcrumb a:hover{color:var(--md-on-surface)}.breadcrumb .sep{color:var(--md-outline)}.breadcrumb .current{color:var(--md-on-surface);font-weight:500}.skel{background:linear-gradient(90deg,var(--md-surface-container) 0%,var(--md-surface-container-high) 50%,var(--md-surface-container) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s infinite linear;border-radius:var(--shape-xs)}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-line{height:12px;margin-bottom:8px}.skel-line.w-100{width:100%}.skel-line.w-80{width:80%}.skel-line.w-60{width:60%}.skel-line.w-40{width:40%}.empty{text-align:center;padding:56px 24px;color:var(--md-on-surface-variant);display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--md-surface-container);color:var(--md-on-surface-variant);opacity:1;margin-bottom:4px}.empty-title{font-size:1rem;color:var(--md-on-surface);font-weight:700;margin:0}.empty-desc{font-size:.875rem;line-height:1.5;max-width:420px;margin:0;color:var(--md-on-surface-variant)}.empty-action{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pager,.table-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--md-outline-variant);font-size:.8125rem;color:var(--md-on-surface-variant);background:var(--surface)}.pager-btns,.table-pager-btns{display:flex;align-items:center;gap:6px}@media(max-width:768px){.filter-bar{flex-wrap:wrap;gap:8px}.filter-bar .input,.filter-bar .select,.filter-bar .input-group{min-width:0;flex:1 1 100%}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:640px}.table-footer,.pager,.table-pager{flex-direction:column;align-items:stretch}.pager-btns,.table-pager-btns{justify-content:center}.empty{padding:40px 16px}}.app{--sidebar-width: 256px;--sidebar-transition-duration: .2s;--sidebar-transition-easing: cubic-bezier(.4, 0, .2, 1);display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:56px 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100vh;width:100%;overflow:hidden;background:var(--md-surface);transition:grid-template-columns var(--sidebar-transition-duration) var(--sidebar-transition-easing)}.app.sidebar-collapsed{--sidebar-width: 68px}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;min-width:0;overflow:hidden}.header-search,.header-actions{display:none}.main{grid-area:main;overflow-y:auto;overflow-x:hidden;padding:8px 20px 48px;min-width:0;background:var(--md-surface)}.main-narrow{max-width:960px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-title{font-family:var(--font-display);font-size:1.75rem;line-height:1.2;letter-spacing:-.03em;color:var(--md-on-surface);font-weight:700;margin:0}.page-subtitle{font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant);margin-top:8px}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:12px;margin-bottom:16px;flex-wrap:wrap}.filter-bar .input-group{flex:1;max-width:360px}.filter-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--md-on-surface-variant);cursor:pointer;transition:background var(--dur-short-2),border-color var(--dur-short-2),color var(--dur-short-2)}.filter-pill:hover{background:var(--md-surface-container-low, var(--md-surface-container));color:var(--md-on-surface)}.filter-pill.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:transparent}.filter-pill .filter-val{font-weight:500;color:inherit}.filter-pill svg{width:14px;height:14px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.row{display:flex;align-items:center;gap:12px}.row-end{display:flex;align-items:flex-end}.col{display:flex;flex-direction:column;gap:12px}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.sparkline{width:100%;height:36px;display:block}.sparkline path{fill:none;stroke:var(--md-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.empty-state-cell{text-align:center}.capitalize{text-transform:capitalize}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100dvh}.login-panel-form{display:flex;flex-direction:column;justify-content:center;padding:48px}.login-panel-brand{position:relative;overflow:hidden;max-width:55%;background:var(--accent)}.login-hero{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hero-bg);background-size:cover;background-position:center;opacity:.18}.login-hero-overlay{position:relative;z-index:1;padding:48px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.login-hero-headline{font-family:var(--font-serif);font-size:2rem;color:var(--md-on-primary);line-height:1.25}.login-hero-sub{color:var(--md-on-primary);opacity:.7;font-size:var(--t-body-m);margin-top:var(--s-2)}@media(max-width:1023px){.login-shell{grid-template-columns:1fr}.login-panel-brand{display:none}.login-panel-form{padding:32px 24px}}@media(max-width:767px){.login-panel-form{padding:24px 16px}.login-shell input{height:44px;font-size:16px}.login-shell .btn-primary{height:48px}}.auth-relink-cta{margin-top:var(--s-2)}.auth-hero-sub{color:var(--md-on-primary);opacity:.7;font-size:var(--t-body-m);margin-top:var(--s-2)}.field-error{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-body-s);color:var(--md-error);padding-left:var(--s-1);margin-top:var(--s-2)}.back-link{display:inline-block;margin-top:var(--s-4);font-size:var(--t-body-s);color:var(--md-primary);text-decoration:none}.back-link:hover{text-decoration:underline}.link-btn{background:none;border:none;padding:0;cursor:pointer;font-size:var(--t-body-m);color:var(--md-primary);text-decoration:underline;text-underline-offset:2px;margin-top:var(--s-3);display:inline-block}.link-btn:disabled{color:var(--md-on-surface-variant);text-decoration:none;cursor:not-allowed}.what-next{margin:var(--s-4) 0;padding-left:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}.what-next li{font-size:var(--t-body-m);color:var(--md-on-surface);line-height:1.5}.auth-actions{margin-top:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}.login-panel-form--centered{text-align:center;align-items:center}.auth-success-icon{font-size:var(--t-display-l, 3rem);margin-bottom:var(--s-4);line-height:1}.input-group--disabled{opacity:.7;pointer-events:none}.auth-fields{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-4)}.sparkline .fill{fill:var(--md-primary-container);stroke:none;opacity:.6}.detail-label{font-size:var(--t-body-s);color:var(--ink-3);margin:0 0 2px}.detail-value{font-size:var(--t-body-m);margin:0}.td-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-badge{margin-left:var(--s-1);padding:1px var(--s-2);font-size:var(--t-label-s)}.empty-state__body{font-size:var(--t-body-s);color:var(--ink-3);max-width:480px;margin:0 auto}.modal-card{width:100%;max-width:440px;padding:var(--s-6)}.file-picker-label{display:block}.file-picker-area{cursor:pointer;-webkit-user-select:none;user-select:none}.input--resizable{resize:vertical}.summary-chips{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}.chip-skeleton{width:90px;height:26px;border-radius:9999px}.btn-ghost--compact{padding:var(--s-1) var(--s-2)}.form-error{color:var(--md-error);font-size:var(--t-body-s);margin-top:var(--s-2)}.form-body{display:flex;flex-direction:column;gap:16px}.dropdown-wrap{position:relative;min-width:220px}.filter-select{min-width:180px}.td-empty{padding:var(--s-8);text-align:center;color:var(--ink-3)}.modal__title{font-size:var(--t-title-l);font-weight:600}.progress-track{height:6px;background:var(--line);border-radius:var(--r-2);overflow:hidden;flex:1}.progress-fill{height:100%;background:var(--accent);border-radius:var(--r-2)}.installments-scroll{max-height:320px;overflow-y:auto}.installments-loading-placeholder{min-height:80px}.nav-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 16px 4px;font-size:var(--t-label-m);letter-spacing:.5px;color:var(--md-on-surface-variant);font-weight:500;background:none;border:none;cursor:pointer;text-transform:uppercase}.nav-section-toggle:hover{color:var(--md-on-surface)}.nav-section-toggle .toggle-chevron{transition:transform .2s ease;flex-shrink:0}.nav-section-toggle[aria-expanded=true] .toggle-chevron{transform:rotate(180deg)}.nav-section-body{overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.nav-section-body.collapsed{max-height:0;opacity:0;pointer-events:none}.nav-section-body.expanded{max-height:2000px;opacity:1}.nav-subgroup{margin-top:2px}.nav-subgroup-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 16px 2px;background:none;border:none;cursor:pointer}.nav-subgroup-label{font-size:var(--t-label-s, 11px);letter-spacing:.3px;color:var(--md-on-surface-variant);font-weight:500;opacity:.7;text-transform:uppercase}.nav-subgroup-toggle .toggle-chevron{transition:transform .2s ease;flex-shrink:0;opacity:.5}.nav-subgroup-toggle[aria-expanded=true] .toggle-chevron{transform:rotate(180deg)}.nav-subgroup-body{overflow:hidden;transition:max-height .2s ease,opacity .15s ease}.nav-subgroup-body.collapsed{max-height:0;opacity:0;pointer-events:none}.nav-subgroup-body.expanded{max-height:1000px;opacity:1}.nav-item-sub{padding-left:28px!important}.detail-row{padding:12px 0;display:flex;border-bottom:1px solid var(--md-outline-variant)}.detail-label{font-size:var(--t-body-s);color:var(--md-on-surface-variant);width:180px;flex-shrink:0}.detail-value{font-size:var(--t-body-s)}.detail-value-mono{font-size:var(--t-body-s);font-family:var(--font-mono)}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--s-6)}@media(max-width:860px){.overview-grid{grid-template-columns:1fr}}.sidebar{--sb-bg: #12121e;--sb-surface: #1a1a2e;--sb-text: #f0f0f5;--sb-muted: #8b8b9e;--sb-hover: rgba(255, 255, 255, .06);--sb-active-bg: rgba(59, 99, 214, .38);--sb-active-text: #ffffff;--sb-badge: #ef4444;--sb-pad-x: 10px;--sb-item-h: 36px;--sb-icon-size: 18px;--sb-dur: var(--sidebar-transition-duration, .2s);--sb-ease: var(--sidebar-transition-easing, cubic-bezier(.4, 0, .2, 1));background:var(--sb-bg);border-right:1px solid rgba(255,255,255,.06);color:var(--sb-text);width:100%}.sidebar-header{flex:0 0 56px;height:56px;padding:0 var(--sb-pad-x);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar.is-collapsed .sidebar-header{height:56px;min-height:56px;padding:0 6px}.sidebar-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}.sidebar.is-collapsed .sidebar-header-row{justify-content:center}.sidebar.is-collapsed .sidebar-header{padding:0 6px}.sidebar .brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;overflow:hidden}.sidebar.is-collapsed .brand{flex:0 0 auto;min-width:36px;justify-content:center;overflow:visible}.brand-collapsed-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;border-radius:10px;transition:background .15s ease}.brand-collapsed-toggle:hover{background:var(--sb-hover)}.brand-collapsed-toggle:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.sidebar .brand-mark,.sidebar .brand-mark-fallback{width:32px;height:32px;flex:0 0 32px;border-radius:8px;transition:width var(--sb-dur) var(--sb-ease),height var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .brand-mark,.sidebar.is-collapsed .brand-mark-fallback{width:36px;height:36px;flex:0 0 36px}.sidebar .brand-mark{object-fit:contain;background:linear-gradient(135deg,#2d5bff,#1e3a8a);padding:5px}.sidebar .brand-mark-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d5bff,#1e3a8a);color:#fff;font-weight:700;font-size:.75rem}.sidebar .brand-name{font-family:var(--font-display, system-ui, sans-serif);font-size:.9375rem;font-weight:600;color:var(--sb-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;max-width:168px;transition:opacity var(--sb-dur) var(--sb-ease),max-width var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .brand-name{opacity:0;max-width:0;pointer-events:none}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sb-muted);cursor:pointer;opacity:1;transition:background .15s ease,color .15s ease,border-color .15s ease}.sidebar-collapse-btn:hover{background:var(--sb-hover);color:var(--sb-text);border-color:#ffffff14}.sidebar-collapse-btn:focus-visible{outline:2px solid rgba(129,140,248,.7);outline-offset:2px}.sidebar.is-collapsed .sidebar-collapse-btn{display:none}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px var(--sb-pad-x) 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.nav-section{margin-bottom:2px}.nav-section+.nav-section{margin-top:4px;padding-top:4px;border-top:1px solid transparent;transition:border-color var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .nav-section+.nav-section{border-top-color:#ffffff0f}.nav-section-label{display:block;padding:10px 8px 4px;font-size:.625rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--sb-muted);-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;opacity:1;max-height:28px;transition:opacity var(--sb-dur) var(--sb-ease),max-height var(--sb-dur) var(--sb-ease),padding var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .nav-section-label{opacity:0;max-height:0;padding:0 8px;pointer-events:none}.sidebar .nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:var(--sb-item-h);padding:0 8px;margin-bottom:1px;font-size:.8125rem;font-weight:500;line-height:1;color:var(--sb-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease,padding var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .nav-item{width:44px;height:44px;padding:0;margin:0 auto 2px;justify-content:center;border-radius:10px}.sidebar .nav-item svg{width:var(--sb-icon-size);height:var(--sb-icon-size);flex:0 0 var(--sb-icon-size);color:inherit;opacity:.9}.sidebar .nav-item:hover{background:var(--sb-hover);color:var(--sb-text)}.sidebar .nav-item.active{background:var(--sb-active-bg);color:var(--sb-active-text)}.sidebar .nav-item.active svg{opacity:1}.nav-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .nav-item-label{opacity:0;width:0;flex:0;overflow:hidden;pointer-events:none}.sidebar.is-collapsed .nav-item[data-tooltip]:before,.sidebar.is-collapsed .nav-item[data-tooltip]:after{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:1000}.sidebar.is-collapsed .nav-item[data-tooltip]:after{content:attr(data-tooltip);padding:6px 10px;border-radius:8px;background:#0f172a;color:#f8fafc;font-size:.75rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 8px 24px #0f172a47;border:1px solid rgba(255,255,255,.08)}.sidebar.is-collapsed .nav-item[data-tooltip]:before{content:"";width:8px;height:8px;left:calc(100% + 6px);background:#0f172a;transform:translateY(-50%) rotate(45deg);border-radius:1px}.sidebar.is-collapsed .nav-item[data-tooltip]:hover:before,.sidebar.is-collapsed .nav-item[data-tooltip]:hover:after,.sidebar.is-collapsed .nav-item[data-tooltip]:focus-visible:before,.sidebar.is-collapsed .nav-item[data-tooltip]:focus-visible:after{opacity:1}.sidebar.is-collapsed .nav-item[data-tooltip]:hover:after,.sidebar.is-collapsed .nav-item[data-tooltip]:focus-visible:after{transform:translateY(-50%) translate(2px)}.nav-item-meta{display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:1;transition:opacity var(--sb-dur) var(--sb-ease),width var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .nav-item-meta{opacity:0;width:0;overflow:hidden;pointer-events:none}.nav-item-badge{display:none}.sidebar.is-collapsed .nav-item.has-badge:after{display:none}.nav-item-chevron{opacity:.45;transition:transform .2s ease}.nav-item-chevron.expanded{transform:rotate(0)}.nav-item-chevron.collapsed{transform:rotate(-90deg)}.nav-children{overflow:hidden;padding-left:6px;margin-bottom:2px;max-height:600px;opacity:1;transition:max-height var(--sb-dur) var(--sb-ease),opacity var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .nav-children{max-height:0;opacity:0;pointer-events:none}.sidebar .nav-item-child{height:32px;font-size:.75rem;padding-left:28px}.sidebar-footer{flex:0 0 auto;padding:10px var(--sb-pad-x);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;min-height:52px;position:relative;transition:padding var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .sidebar-footer{justify-content:center;padding:10px 6px}.sidebar-footer .avatar{flex-shrink:0;border:2px solid rgba(255,255,255,.1);transition:transform var(--sb-dur) var(--sb-ease)}.sidebar-footer .user-block{flex:1;min-width:0;overflow:hidden;opacity:1;max-width:200px;transition:opacity var(--sb-dur) var(--sb-ease),max-width var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .sidebar-footer .user-block{opacity:0;max-width:0;pointer-events:none}.sidebar-footer .user-name{color:var(--sb-text);font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .user-role{color:var(--sb-muted);font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .btn-ghost{color:var(--sb-muted);flex-shrink:0;opacity:1;transition:opacity var(--sb-dur) var(--sb-ease)}.sidebar.is-collapsed .sidebar-footer .btn-ghost{opacity:0;width:0;padding:0;overflow:hidden;pointer-events:none}.sidebar-footer .btn-ghost:hover{color:var(--sb-text);background:var(--sb-hover)}.sidebar-user-menu{position:absolute;bottom:calc(100% + 6px);right:10px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;min-width:168px;box-shadow:0 12px 32px #0006;z-index:100}.sidebar-user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:var(--sb-text);font-size:.8125rem;font-weight:500;cursor:pointer;text-align:left}.sidebar-user-menu-item:hover{background:var(--sb-hover)}.sidebar-user-menu-item.is-danger{color:#f87171}.sidebar-user-menu-item.is-danger:hover{background:#f871711f}.header-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:none;border-radius:8px;background:transparent;color:var(--md-on-surface-variant);cursor:pointer;transition:background .15s ease,color .15s ease}.header-sidebar-toggle:hover{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent);color:var(--md-on-surface)}.header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 20px;min-width:0;background:var(--surface);border-bottom:1px solid var(--md-outline-variant)}.header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.header-breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;font-size:.875rem;line-height:1.25;white-space:nowrap;overflow:hidden}.header-breadcrumb-section{color:var(--md-on-surface-variant);font-weight:400;flex-shrink:0}.header-breadcrumb-sep{color:var(--md-on-surface-variant);font-size:.75rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.header-breadcrumb-current{color:var(--md-on-surface);font-weight:600;overflow:hidden;text-overflow:ellipsis}.header-search-trigger{display:flex;align-items:center;gap:10px;width:280px;max-width:min(280px,36vw);height:36px;padding:0 10px 0 12px;border:1px solid var(--md-outline-variant);border-radius:10px;background:var(--md-surface-container);color:var(--md-on-surface-variant);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.header-search-trigger:hover{background:var(--surface);border-color:var(--md-outline-variant);color:var(--md-on-surface);box-shadow:0 1px 2px #0f172a0a}.header-search-trigger:focus-visible{outline:none;background:var(--surface);border-color:var(--md-primary);box-shadow:0 0 0 3px #4f46e529;color:var(--md-on-surface)}.header-search-trigger svg{flex-shrink:0;color:var(--md-on-surface-variant)}.header-search-trigger:hover svg,.header-search-trigger:focus-visible svg{color:var(--md-on-surface-variant)}.header-search-placeholder{flex:1;min-width:0;text-align:left;font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search-kbd{flex-shrink:0;display:inline-flex;align-items:center;gap:2px;font-size:.6875rem;font-weight:600;font-family:var(--font-mono, ui-monospace, monospace);color:var(--md-on-surface-variant);padding:2px 6px;border-radius:6px;border:1px solid var(--md-outline-variant);background:var(--surface);line-height:1.2}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--md-on-surface-variant);cursor:pointer;position:relative;transition:background .15s ease,color .15s ease}.header-icon-btn:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}.header-icon-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--md-primary) 50%,transparent);outline-offset:1px}.header-notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--danger, #ef4444);color:#fff;border-radius:999px;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--surface)}.header-avatar{margin-left:4px;cursor:default}.header-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:transparent;color:var(--md-on-surface-variant);cursor:pointer}.header-sidebar-toggle:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}@media(max-width:900px){.header{flex-wrap:wrap;height:auto;padding:10px 16px;gap:10px}.header-left{flex:1 1 auto}.header-right{flex:1 1 100%;justify-content:flex-end}.header-search-trigger{flex:1;max-width:none;width:auto}.header-search-kbd{display:none}}[data-theme=dark] .header{background:var(--md-surface);border-bottom-color:var(--md-outline-variant)}[data-theme=dark] .header-breadcrumb-current{color:var(--md-on-surface)}[data-theme=dark] .header-search-trigger{background:var(--md-surface-container);border-color:var(--md-outline-variant);color:var(--md-on-surface-variant)}[data-theme=dark]{color-scheme:dark}[data-theme=dark] .app-page,[data-theme=dark] .dashboard-page,[data-theme=dark] .leaves-page,[data-theme=dark] .perf-page,[data-theme=dark] .attendance-page,[data-theme=dark] .assets-page,[data-theme=dark] .letters-page,[data-theme=dark] .recruitment-page,[data-theme=dark] .employee-directory-page,[data-theme=dark] .org-chart-page,[data-theme=dark] .main{background:var(--md-surface)!important;color:var(--md-on-surface)}[data-theme=dark] .app-page-hero,[data-theme=dark] .leaves-hero,[data-theme=dark] .perf-hero,[data-theme=dark] .attendance-hero,[data-theme=dark] .assets-hero,[data-theme=dark] .letters-hero,[data-theme=dark] .recruitment-hero,[data-theme=dark] .employee-directory-hero,[data-theme=dark] .org-chart-hero{background:var(--md-surface)!important}[data-theme=dark] .app-page-title,[data-theme=dark] .leaves-title,[data-theme=dark] .perf-title,[data-theme=dark] .attendance-title,[data-theme=dark] .assets-title,[data-theme=dark] .letters-title,[data-theme=dark] .recruitment-title,[data-theme=dark] .employee-directory-title,[data-theme=dark] .org-chart-title,[data-theme=dark] .page-title,[data-theme=dark] .dashboard-welcome-greeting,[data-theme=dark] .employee-directory-kpi-value,[data-theme=dark] .org-chart-kpi-value,[data-theme=dark] .employee-directory-name{color:var(--md-on-surface)!important}[data-theme=dark] .app-page-subtitle,[data-theme=dark] .leaves-subtitle,[data-theme=dark] .perf-subtitle,[data-theme=dark] .attendance-subtitle,[data-theme=dark] .assets-subtitle,[data-theme=dark] .letters-subtitle,[data-theme=dark] .recruitment-subtitle,[data-theme=dark] .employee-directory-subtitle,[data-theme=dark] .org-chart-subtitle,[data-theme=dark] .page-subtitle,[data-theme=dark] .dashboard-welcome-subtitle,[data-theme=dark] .employee-directory-kpi-label,[data-theme=dark] .org-chart-kpi-label,[data-theme=dark] .employee-directory-meta{color:var(--md-on-surface-variant)!important}[data-theme=dark] .app-panel,[data-theme=dark] .app-detail-section,[data-theme=dark] .leaves-panel,[data-theme=dark] .perf-panel,[data-theme=dark] .attendance-panel,[data-theme=dark] .assets-panel,[data-theme=dark] .letters-panel,[data-theme=dark] .recruitment-panel,[data-theme=dark] .employee-directory-panel,[data-theme=dark] .org-chart-panel,[data-theme=dark] .org-chart-kpi,[data-theme=dark] .employee-directory-kpi,[data-theme=dark] .card,[data-theme=dark] .kpi-card,[data-theme=dark] .finance-stat-card,[data-theme=dark] .table-wrap,[data-theme=dark] .modal,[data-theme=dark] .drawer,[data-theme=dark] .menu,[data-theme=dark] .filter-bar,[data-theme=dark] .segmented,[data-theme=dark] .notif-panel,[data-theme=dark] .gs-dialog,[data-theme=dark] .ls-card{background:var(--surface)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface)}[data-theme=dark] .card-header,[data-theme=dark] .notif-panel-header,[data-theme=dark] .gs-footer{background:var(--surface)!important;border-color:var(--md-outline-variant)!important}[data-theme=dark] .card-title,[data-theme=dark] .notif-panel-title,[data-theme=dark] .gs-result-name,[data-theme=dark] .kpi-card-value,[data-theme=dark] .finance-stat-value{color:var(--md-on-surface)!important}[data-theme=dark] .kpi-card-label,[data-theme=dark] .finance-stat-header .card-title,[data-theme=dark] .gs-result-meta,[data-theme=dark] .gs-hint,[data-theme=dark] .gs-empty,[data-theme=dark] .gs-loading,[data-theme=dark] .notif-item-message,[data-theme=dark] .notif-item-time,[data-theme=dark] .notif-panel-empty,[data-theme=dark] .notif-panel-loading{color:var(--md-on-surface-variant)!important}[data-theme=dark] .header{background:var(--md-surface)!important;border-bottom-color:var(--md-outline-variant)!important}[data-theme=dark] .header-breadcrumb-section,[data-theme=dark] .header-breadcrumb-sep{color:var(--md-on-surface-variant)!important}[data-theme=dark] .header-breadcrumb-current{color:var(--md-on-surface)!important}[data-theme=dark] .header-search-trigger{background:var(--md-surface-container)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface-variant)!important}[data-theme=dark] .header-search-trigger:hover,[data-theme=dark] .header-search-trigger:focus-visible{background:var(--md-surface-container-high)!important;border-color:var(--md-primary)!important;color:var(--md-on-surface)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--md-primary) 22%,transparent)}[data-theme=dark] .header-search-placeholder,[data-theme=dark] .header-search-kbd{color:var(--md-on-surface-variant)!important;background:var(--md-surface-container)!important;border-color:var(--md-outline-variant)!important}[data-theme=dark] .header-icon-btn,[data-theme=dark] .header-sidebar-toggle{color:var(--md-on-surface-variant)!important}[data-theme=dark] .header-icon-btn:hover,[data-theme=dark] .header-sidebar-toggle:hover{background:var(--md-surface-container)!important;color:var(--md-on-surface)!important}[data-theme=dark] .header-notif-badge{border-color:var(--md-surface)!important}[data-theme=dark] .table thead th,[data-theme=dark] .table tbody td,[data-theme=dark] .leaves-table-wrap .table thead th,[data-theme=dark] .leaves-table-wrap .table tbody td,[data-theme=dark] .perf-table-wrap .table thead th,[data-theme=dark] .perf-table-wrap .table tbody td,[data-theme=dark] .attendance-table-wrap .table thead th,[data-theme=dark] .attendance-table-wrap .table tbody td,[data-theme=dark] .assets-table-wrap .table thead th,[data-theme=dark] .assets-table-wrap .table tbody td,[data-theme=dark] .letters-table-wrap .table thead th,[data-theme=dark] .letters-table-wrap .table tbody td,[data-theme=dark] .recruitment-table-wrap .table thead th,[data-theme=dark] .recruitment-table-wrap .table tbody td{background:var(--surface)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface-variant)!important}[data-theme=dark] .table thead th{color:var(--md-on-surface-variant)!important}[data-theme=dark] .table tbody tr:hover td,[data-theme=dark] .table tbody tr:hover{background:var(--md-surface-container-high)!important}[data-theme=dark] .table-footer,[data-theme=dark] .perf-table-footer,[data-theme=dark] .leaves-footer,[data-theme=dark] .attendance-footer,[data-theme=dark] .assets-footer,[data-theme=dark] .letters-footer{background:var(--surface)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface-variant)!important}[data-theme=dark] .tabs,[data-theme=dark] .leaves-tabs,[data-theme=dark] .perf-tabs,[data-theme=dark] .perf-subtabs,[data-theme=dark] .attendance-tabs,[data-theme=dark] .assets-tabs,[data-theme=dark] .letters-tabs,[data-theme=dark] .recruitment-tabs{background:var(--surface)!important;border-color:var(--md-outline-variant)!important}[data-theme=dark] .tab,[data-theme=dark] .leaves-tab,[data-theme=dark] .perf-tab,[data-theme=dark] .perf-subtab,[data-theme=dark] .attendance-tab,[data-theme=dark] .assets-tab,[data-theme=dark] .letters-tab,[data-theme=dark] .recruitment-tab{color:var(--md-on-surface-variant)!important;background:transparent!important}[data-theme=dark] .tab:hover,[data-theme=dark] .leaves-tab:hover,[data-theme=dark] .perf-tab:hover,[data-theme=dark] .perf-subtab:hover{color:var(--md-on-surface)!important}[data-theme=dark] .tab.active,[data-theme=dark] .leaves-tab.active,[data-theme=dark] .perf-tab.active,[data-theme=dark] .perf-subtab.active,[data-theme=dark] .attendance-tab.active,[data-theme=dark] .assets-tab.active,[data-theme=dark] .letters-tab.active,[data-theme=dark] .recruitment-tab.active{color:var(--md-primary)!important}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea,[data-theme=dark] .input-compact,[data-theme=dark] .select-compact,[data-theme=dark] .input-group,[data-theme=dark] .gs-input{background:var(--md-surface-container)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface)!important}[data-theme=dark] .input::placeholder,[data-theme=dark] .textarea::placeholder,[data-theme=dark] .gs-input::placeholder{color:var(--md-on-surface-variant)!important}[data-theme=dark] .label{color:var(--md-on-surface-variant)!important}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-outlined,[data-theme=dark] .btn-elevated,[data-theme=dark] .dashboard-welcome-btn-outline,[data-theme=dark] .leaves-btn-light,[data-theme=dark] .perf-btn-light,[data-theme=dark] .letters-btn-light,[data-theme=dark] .filter-pill{background:var(--md-surface-container)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface)!important}[data-theme=dark] .btn-secondary:hover:not(:disabled),[data-theme=dark] .dashboard-welcome-btn-outline:hover:not(:disabled),[data-theme=dark] .filter-pill:hover{background:var(--md-surface-container-high)!important}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-filled,[data-theme=dark] .dashboard-welcome-btn-primary,[data-theme=dark] .letters-btn-primary,[data-theme=dark] .perf-btn-primary,[data-theme=dark] .leaves-btn-primary{background:var(--md-primary)!important;border-color:var(--md-primary)!important;color:var(--md-on-primary)!important}[data-theme=dark] .btn-primary:hover:not(:disabled),[data-theme=dark] .dashboard-welcome-btn-primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}[data-theme=dark] .empty-title{color:var(--md-on-surface)!important}[data-theme=dark] .empty-desc,[data-theme=dark] .empty{color:var(--md-on-surface-variant)!important}[data-theme=dark] .empty-icon{background:var(--md-surface-container-high)!important;color:var(--md-on-surface-variant)!important}[data-theme=dark] .ls-pulse{background-color:var(--md-surface-container-high)!important}[data-theme=dark] .gs-scrim{background:#000000a6!important}[data-theme=dark] .gs-input-row{border-color:var(--md-outline-variant)!important}[data-theme=dark] .gs-kbd,[data-theme=dark] .gs-result-code{background:var(--md-surface-container-high)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface-variant)!important}[data-theme=dark] .gs-result.is-active,[data-theme=dark] .gs-result:hover,[data-theme=dark] .notif-item.is-unread{background:var(--md-primary-container)!important}[data-theme=dark] .notif-item{background:var(--surface)!important;border-color:var(--md-outline-variant)!important}[data-theme=dark] .notif-item:hover{background:var(--md-surface-container-high)!important}[data-theme=dark] .notif-item-title{color:var(--md-on-surface)!important}[data-theme=dark] .notif-panel-action{color:var(--md-primary)!important}[data-theme=dark] .notif-panel-action:hover:not(:disabled){background:var(--md-primary-container)!important}[data-theme=dark] .status-badge--draft,[data-theme=dark] .status-badge--cancelled,[data-theme=dark] .status-badge--cancelleded,[data-theme=dark] .status-badge--cancelledled,[data-theme=dark] .status-badge--superseded,[data-theme=dark] .status-badge--not_started,[data-theme=dark] .status-badge--skippeded,[data-theme=dark] .status-badge--contract_end,[data-theme=dark] .status-badge--unknown{background:var(--md-surface-container-high);color:var(--md-on-surface-variant);border-color:var(--md-outline-variant)}[data-theme=dark] .status-badge--active,[data-theme=dark] .status-badge--approved,[data-theme=dark] .status-badge--final,[data-theme=dark] .status-badge--present,[data-theme=dark] .status-badge--accepted,[data-theme=dark] .status-badge--verified,[data-theme=dark] .status-badge--on_track,[data-theme=dark] .status-badge--completed{background:color-mix(in srgb,var(--md-success) 18%,transparent);color:var(--md-success);border-color:color-mix(in srgb,var(--md-success) 35%,transparent)}[data-theme=dark] .status-badge--candidate,[data-theme=dark] .status-badge--offered,[data-theme=dark] .status-badge--sent,[data-theme=dark] .status-badge--leave,[data-theme=dark] .status-badge--submitted,[data-theme=dark] .status-badge--in_progress,[data-theme=dark] .status-badge--initiated{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:color-mix(in srgb,var(--md-primary) 35%,transparent)}[data-theme=dark] .perf-emp-name,[data-theme=dark] .leaves-emp-name,[data-theme=dark] .letters-emp-name,[data-theme=dark] .attendance-emp-name{color:var(--md-on-surface)!important}[data-theme=dark] .perf-emp-meta,[data-theme=dark] .leaves-emp-meta,[data-theme=dark] .letters-emp-meta{color:var(--md-on-surface-variant)!important}[data-theme=dark] .perf-page-btn,[data-theme=dark] .leaves-page-btn,[data-theme=dark] .attendance-page-btn{background:var(--md-surface-container)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface)!important}[data-theme=dark] .perf-page-btn.active,[data-theme=dark] .leaves-page-btn.active,[data-theme=dark] .attendance-page-btn.active{background:var(--md-primary)!important;border-color:var(--md-primary)!important;color:var(--md-on-primary)!important}[data-theme=dark] .segmented button{color:var(--md-on-surface-variant)!important;border-color:var(--md-outline-variant)!important}[data-theme=dark] .segmented button:hover{background:var(--md-surface-container-high)!important;color:var(--md-on-surface)!important}[data-theme=dark] .segmented button.active{background:var(--md-primary-container)!important;color:var(--md-on-primary-container)!important}[data-theme=dark] .dashboard-event-row.is-today,[data-theme=dark] .dashboard-event-row.is-clickable:hover,[data-theme=dark] .dept-row:hover,[data-theme=dark] .grade-row:hover,[data-theme=dark] .activity-row{background:var(--md-surface-container)!important;border-color:var(--md-outline-variant)!important}[data-theme=dark] .employee-directory-tabs,[data-theme=dark] .employee-directory-tab,[data-theme=dark] .employee-directory-page-btn,[data-theme=dark] .employee-directory-segmented,[data-theme=dark] .employee-directory-btn-light,[data-theme=dark] .org-chart-btn-light,[data-theme=dark] .org-chart-search,[data-theme=dark] .org-chart-toolbar{background:var(--surface)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface-variant)!important}[data-theme=dark] .employee-directory-tab.active,[data-theme=dark] .employee-directory-page-btn.active,[data-theme=dark] .employee-directory-segmented button.active{color:var(--md-primary)!important;background:var(--md-primary-container)!important;border-color:transparent!important}[data-theme=dark] .employee-directory-panel .table thead th,[data-theme=dark] .employee-directory-panel .table tbody td{background:var(--surface)!important;border-color:var(--md-outline-variant)!important;color:var(--md-on-surface-variant)!important}[data-theme=dark] .employee-directory-panel .table tbody tr:hover td{background:var(--md-surface-container-high)!important}[data-theme=dark] .app{background:var(--md-surface)}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:14px;box-shadow:0 16px 40px #0f172a24;z-index:1000;overflow:hidden}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface)}.notif-panel-title{margin:0;font-size:.875rem;font-weight:700;color:var(--md-on-surface);letter-spacing:-.01em}.notif-panel-action{border:none;background:transparent;color:var(--md-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:6px}.notif-panel-action:hover:not(:disabled){background:#eef2ff}.notif-panel-action:disabled{opacity:.5;cursor:not-allowed}.notif-panel-list{max-height:400px;overflow-y:auto}.notif-panel-empty,.notif-panel-loading{padding:36px 20px;text-align:center;color:var(--md-on-surface-variant);font-size:.8125rem;font-weight:500}.notif-item{width:100%;display:block;text-align:left;padding:12px 16px;border:none;border-bottom:1px solid var(--md-surface-container-high);background:var(--surface);cursor:pointer;transition:background .12s ease}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--md-surface-container)}.notif-item.is-unread{background:#eef2ff}.notif-item.is-unread:hover{background:#e0e7ff}.notif-item-title{font-size:.8125rem;font-weight:600;color:var(--md-on-surface);line-height:1.35}.notif-item-message{margin-top:4px;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant);line-height:1.4}.notif-item-time{margin-top:6px;font-size:.6875rem;font-weight:500;color:var(--md-on-surface-variant)}.gs-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;animation:gs-fade .15s ease}.gs-dialog{position:fixed;top:12%;left:50%;transform:translate(-50%);width:min(600px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;box-shadow:0 24px 64px #0f172a2e;z-index:1101;overflow:hidden;animation:gs-rise .18s ease}.gs-input-row{display:flex;align-items:center;gap:12px;padding:0 16px;min-height:56px;border-bottom:1px solid var(--md-outline-variant)}.gs-input-row.is-idle{border-bottom-color:transparent}.gs-input-icon{flex-shrink:0;color:var(--md-on-surface-variant)}.gs-input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:16px 0;font-size:.9375rem;font-weight:500;color:var(--md-on-surface);font-family:inherit}.gs-input::placeholder{color:var(--md-on-surface-variant);font-weight:500}.gs-kbd{flex-shrink:0;font-size:.6875rem;font-weight:600;font-family:var(--font-mono, ui-monospace, monospace);color:var(--md-on-surface-variant);background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:6px;padding:3px 7px;line-height:1.2}.gs-hint,.gs-empty,.gs-loading{padding:20px 16px;text-align:center;color:var(--md-on-surface-variant);font-size:.8125rem;line-height:1.45}.gs-hint{text-align:left;color:var(--md-on-surface-variant)}.gs-results{list-style:none;margin:0;padding:6px;max-height:min(360px,50vh);overflow-y:auto}.gs-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .1s ease}.gs-result.is-active,.gs-result:hover{background:#eef2ff}.gs-result-name{font-size:.875rem;font-weight:600;color:var(--md-on-surface)}.gs-result-meta{margin-top:2px;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant)}.gs-result-code{flex-shrink:0;font-size:.6875rem;font-weight:600;font-family:var(--font-mono, ui-monospace, monospace);color:var(--md-on-surface-variant);background:var(--md-surface-container-high);border-radius:6px;padding:3px 7px}.gs-footer{border-top:1px solid var(--md-outline-variant);padding:8px 14px;display:flex;gap:14px;color:var(--md-on-surface-variant);font-size:.6875rem;font-weight:500;background:var(--md-surface-container)}.gs-footer span{display:inline-flex;align-items:center;gap:4px}@keyframes gs-fade{0%{opacity:0}to{opacity:1}}@keyframes gs-rise{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:640px){.gs-dialog{top:8%;width:calc(100vw - 24px);border-radius:14px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#fff;overflow-x:hidden}.ls-shell{display:flex;align-items:stretch;min-height:100vh;background:#fff;overflow:hidden;padding:20px;gap:28px}.ls-heading{font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:400;color:#1a1a1a;line-height:1.05;letter-spacing:-.02em;margin:0 0 32px;white-space:nowrap}.ls-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.ls-input-wrap{display:flex;align-items:center;gap:8px;background:#f5f5ef;border:1px solid #ddd;border-radius:10px;padding:0 12px;transition:.2s ease}.ls-input-wrap:focus-within{border:1px solid #ddd;background:#f5f5ef;box-shadow:none}.ls-input-wrap input{flex:1;width:100%;min-width:0;border:none;outline:none;background:transparent;padding:13px 0;font-size:14px}.ls-input-wrap input:focus{outline:none;border:none;box-shadow:none}.ls-eye-btn{background:none;border:none;cursor:pointer;color:#888;display:flex;align-items:center;flex-shrink:0}.ls-row{display:flex;justify-content:flex-end;margin:6px 0 24px}.ls-footer-note{margin-top:20px;font-size:13px;color:#555;text-align:center}.ls-footer-note a{color:#3d6b55;font-weight:600;text-decoration:none}.ls-forgot{font-size:13px;color:#3d6b55;text-decoration:none}.ls-submit{width:100%;background:#3d6b55;color:#fff;border:none;border-radius:10px;padding:15px 24px;font-size:15px;cursor:pointer;transition:opacity .2s ease}.ls-submit-inner{display:inline-flex;align-items:center;justify-content:center;gap:8px}.ls-submit:hover{opacity:.95}.ls-submit:disabled{opacity:.7;cursor:not-allowed}.ls-alert-danger,.ls-alert-info,.ls-alert-warning,.ls-alert-success{padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:13px}.ls-alert-warning{background:#fffbea;border:1px solid #f6e08a;color:#92660a}.ls-alert-success{background:#f0faf4;border:1px solid #b8e0c8;color:#2d6b45}@media(max-width:1024px){.ls-shell{flex-direction:column;padding:20px;gap:20px;overflow:visible}.ls-brand{width:100%;max-width:none;min-height:unset;border-radius:20px}.ls-brand:before{content:"";display:block;padding-bottom:50%}.ls-brand-hero{background-size:contain;background-position:center}.ls-form-panel{padding:24px 32px;align-items:flex-start}.ls-form-inner{max-width:520px}.ls-heading{font-size:44px;white-space:normal;margin-bottom:24px}}@media(max-width:768px){body{overflow-x:hidden}.ls-shell{flex-direction:column;min-height:100vh;padding:10px;gap:12px;overflow:hidden}.ls-brand{width:100%;max-width:100%;min-height:unset;border-radius:16px;flex-shrink:0}.ls-brand:before{content:"";display:block;padding-bottom:58%}.ls-brand-hero{background-size:contain;background-position:center;background-repeat:no-repeat}.ls-form-panel{flex:1;width:100%;padding:6px 4px 14px;align-items:flex-start;justify-content:flex-start}.ls-form-inner{max-width:100%}.ls-micro{font-size:11px;margin-bottom:4px}.ls-heading{font-size:28px;line-height:1.1;margin-bottom:14px;white-space:normal}.ls-field{margin-bottom:12px}.ls-label{font-size:11px;margin-bottom:5px}.ls-input-wrap{border-radius:8px;padding:0 10px}.ls-input-wrap input{font-size:14px;padding:10px 0}.ls-row{margin:2px 0 14px}.ls-forgot{font-size:12px}.ls-submit{border-radius:8px;padding:12px 16px;font-size:14px}.ls-alert-danger,.ls-alert-info,.ls-alert-warning,.ls-alert-success{padding:8px 10px;font-size:12px;margin-bottom:12px}}@media(max-width:480px){.ls-shell{padding:8px;gap:10px}.ls-brand{border-radius:14px}.ls-brand:before{padding-bottom:52%}.ls-heading{font-size:24px;margin-bottom:12px}.ls-input-wrap input{font-size:13px}.ls-submit{padding:11px 14px;font-size:13px}}.ls-shell{display:flex;align-items:stretch;min-height:100vh;min-height:100dvh;background:#fff;overflow:hidden;padding:20px;gap:28px;box-sizing:border-box}.ls-shell *,.ls-shell *:before,.ls-shell *:after{box-sizing:border-box}.ls-brand{position:relative;width:57%;max-width:760px;border-radius:24px;overflow:hidden;flex-shrink:0;background:#3d6b55;min-height:calc(100vh - 40px)}.ls-brand-hero{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat}.ls-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 56px;min-width:0;background:#fff}.ls-form-inner{width:100%;max-width:440px}.ls-brand-logo{display:block;max-height:56px;max-width:220px;width:auto;object-fit:contain;margin-bottom:20px}.ls-form-inner--center{text-align:center;display:flex;flex-direction:column;align-items:center}.ls-micro{font-size:13px;color:#555;margin-bottom:10px}.ls-heading{font-family:Georgia,Times New Roman,serif;font-size:52px;font-weight:400;color:#1a1a1a;line-height:1.05;letter-spacing:-.02em;margin:0 0 12px;white-space:nowrap}.ls-lead{font-size:15px;line-height:1.55;color:#555;margin:0 0 28px}.ls-field{margin-bottom:18px}.ls-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em;color:#333}.ls-input-wrap{display:flex;align-items:center;gap:8px;background:#f5f5ef;border:1px solid #ddd;border-radius:10px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease}.ls-input-wrap:focus-within{border-color:#3d6b55;box-shadow:0 0 0 3px #3d6b551f}.ls-input-wrap--error{border-color:#e57373;box-shadow:0 0 0 3px #e5737326}.ls-input-icon{display:flex;align-items:center;color:#888;flex-shrink:0}.ls-input-wrap input{flex:1;width:100%;min-width:0;border:none;outline:none;background:transparent;padding:13px 0;font-size:14px;font-family:Inter,system-ui,sans-serif}.ls-eye-btn{background:none;border:none;cursor:pointer;color:#888;display:flex;align-items:center;flex-shrink:0;padding:4px;border-radius:6px}.ls-eye-btn:hover{color:#3d6b55}.ls-submit{width:100%;background:#3d6b55;color:#fff;border:none;border-radius:10px;padding:15px 24px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s ease,transform .15s ease;margin-top:8px}.ls-submit:hover:not(:disabled){opacity:.95}.ls-submit:disabled{opacity:.55;cursor:not-allowed}.ls-link{font-size:13px;color:#3d6b55;text-decoration:none;margin-top:20px;display:inline-block}.ls-link:hover{text-decoration:underline}.ls-link-btn{background:none;border:none;padding:0;cursor:pointer;font-size:14px;color:#3d6b55;text-decoration:underline;text-underline-offset:2px;margin-top:16px}.ls-link-btn:disabled{color:#999;cursor:not-allowed;text-decoration:none}.ls-alert-danger,.ls-alert-info{padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:13px;line-height:1.45}.ls-alert-danger{background:#fff0f0;border:1px solid #ffd0d0;color:#c0392b}.ls-alert-info{background:#f0f6ff;border:1px solid #c0d8f8;color:#2563eb}.ls-field-hint{font-size:12px;color:#c0392b;margin-top:6px}.ls-field-hint--ok{color:#2e7d4f}.ls-req-card{background:#f8f8f4;border:1px solid #e8e8e0;border-radius:12px;padding:16px 18px;margin-bottom:20px}.ls-req-card__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#666;margin:0 0 12px}.ls-req-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;list-style:none;padding:0;margin:0}.ls-req-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.ls-req-item.met{color:#2e7d4f}.ls-req-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;font-weight:700}.ls-req-item.met .ls-req-dot{background:#3d6b55;border-color:#3d6b55;color:#fff}.ls-strength{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #e8e8e0}.ls-strength-bar{flex:1;height:6px;background:#e0e0d8;border-radius:99px;overflow:hidden}.ls-strength-fill{height:100%;border-radius:99px;transition:width .25s ease,background-color .25s ease}.ls-strength-label{font-size:12px;font-weight:600;min-width:48px;text-align:right;color:#666}.ls-status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.ls-status-icon--success{background:#e8f5ee;color:#3d6b55}.ls-status-icon--error{background:#fff0f0;color:#c0392b}.ls-status-icon--loading{background:#f5f5ef;color:#3d6b55}.ls-spinner{width:28px;height:28px;border:3px solid #e0e0d8;border-top-color:#3d6b55;border-radius:50%;animation:ls-spin .8s linear infinite}@keyframes ls-spin{to{transform:rotate(360deg)}}.ls-user-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#f5f5ef;border-radius:99px;font-size:13px;color:#333;margin-bottom:24px}@media(max-width:1024px){.ls-shell{flex-direction:column;padding:20px;gap:20px;overflow:visible}.ls-brand{width:100%;max-width:none;min-height:unset;border-radius:20px}.ls-brand:before{content:"";display:block;padding-bottom:50%}.ls-brand-hero{background-size:contain;background-position:center}.ls-form-panel{padding:24px 32px;align-items:flex-start}.ls-form-inner{max-width:520px}.ls-heading{font-size:44px;white-space:normal;margin-bottom:12px}}@media(max-width:768px){.ls-shell{flex-direction:column;min-height:100vh;padding:10px;gap:12px}.ls-brand{width:100%;border-radius:16px}.ls-brand:before{padding-bottom:58%}.ls-form-panel{padding:6px 4px 14px;align-items:flex-start;justify-content:flex-start}.ls-form-inner{max-width:100%}.ls-heading{font-size:28px;white-space:normal}.ls-req-grid{grid-template-columns:1fr}}@media(max-width:480px){.ls-shell{padding:8px;gap:10px}.ls-heading{font-size:24px}}.dashboard-welcome-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%}.dashboard-welcome-copy{min-width:0;flex:1}.dashboard-welcome-greeting{margin:0;font-size:1.5rem;font-weight:700;line-height:1.25;letter-spacing:-.03em;color:var(--md-on-surface)}.dashboard-welcome-subtitle{margin:6px 0 0;font-size:.875rem;font-weight:500;line-height:1.4;color:var(--md-on-surface-variant)}.dashboard-welcome-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.dashboard-welcome-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}.dashboard-welcome-btn:disabled{opacity:.65;cursor:not-allowed}.dashboard-welcome-btn-outline{border:1px solid var(--md-outline-variant);background:var(--surface);color:var(--md-on-surface)}.dashboard-welcome-btn-outline:hover:not(:disabled){background:var(--md-surface-container);border-color:var(--md-outline-variant)}.dashboard-welcome-btn-primary{border:1px solid transparent;background:var(--md-primary);color:#fff}.dashboard-welcome-btn-primary:hover{background:var(--accent-hover);color:#fff}.dashboard-welcome-btn:focus-visible{outline:2px solid rgba(79,70,229,.45);outline-offset:2px}@media(max-width:720px){.dashboard-welcome-bar{flex-direction:column;align-items:stretch}.dashboard-welcome-actions{margin-left:0}.dashboard-welcome-btn{flex:1 1 auto}}.kpi-card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:108px;padding:18px 18px 16px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;box-shadow:none;transition:box-shadow .15s ease,border-color .15s ease}.kpi-card[role=button]{cursor:pointer}.kpi-card[role=button]:hover{border-color:color-mix(in srgb,var(--md-outline-variant) 60%,var(--md-primary) 40%);box-shadow:0 4px 12px #0f172a0f}.kpi-card-label{font-size:.8125rem;font-weight:500;line-height:1.3;color:var(--md-on-surface-variant)}.kpi-card-value{font-size:2rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--md-on-surface);font-variant-numeric:tabular-nums}[data-theme=dark] .kpi-card-value{color:var(--md-on-surface)}.kpi-card-delta{position:absolute;right:16px;bottom:14px;display:inline-flex;align-items:center;gap:2px;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.kpi-card-delta.up{color:#16a34a}.kpi-card-delta.down{color:#dc2626}.kpi-card-meta{font-size:.75rem;color:var(--md-on-surface-variant);margin-top:2px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}@media(max-width:1200px){.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.dashboard-kpi-grid{grid-template-columns:1fr}}.dashboard-page{margin:-8px -20px -48px;min-height:calc(100% + 56px);padding:24px 24px 48px;background:var(--surface);display:flex;flex-direction:column;gap:24px}.dashboard-page .dashboard-welcome-greeting{color:var(--md-on-surface)}.dashboard-page .dashboard-welcome-subtitle{color:var(--md-on-surface-variant)}.dashboard-page .dashboard-welcome-btn-outline{background:var(--surface);border-color:var(--md-outline-variant);color:var(--md-on-surface);box-shadow:none}.dashboard-page .dashboard-welcome-btn-outline:hover:not(:disabled){background:var(--md-surface-container);border-color:var(--md-outline-variant)}.dashboard-page .card,.dashboard-page .kpi-card{background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;box-shadow:none}.dashboard-page .card-header{background:var(--surface);border-bottom-color:var(--md-outline-variant)}.dashboard-page .card-title{color:var(--md-on-surface)}.dashboard-page .kpi-card-label{color:var(--md-on-surface-variant)}.dashboard-page .kpi-card-value,.dashboard-page .finance-stat-value{color:var(--md-on-surface)}.dashboard-page .dashboard-event-row.is-clickable:hover,.dashboard-page .dept-row:hover,.dashboard-page .grade-row:hover,.dashboard-page .dashboard-event-row.is-today{background:var(--md-surface-container)}.dashboard-page .dashboard-event-row,.dashboard-page .activity-row,.dashboard-page .dept-row,.dashboard-page .grade-row{border-bottom-color:var(--md-surface-container-high)}.dashboard-page .finance-stat-header{border-bottom:none}.dashboard-event-card .card-title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.dashboard-card-link{flex-shrink:0;font-size:.8125rem;font-weight:600;color:#6366f1;text-decoration:none;cursor:pointer;background:none;border:none;padding:0}.dashboard-card-link:hover{color:var(--md-primary);text-decoration:underline}.dashboard-event-card-body{display:flex;flex-direction:column}.dashboard-event-row{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--md-outline-variant);transition:background .12s ease}.dashboard-event-row:last-child{border-bottom:none}.dashboard-event-row.is-clickable{cursor:pointer}.dashboard-event-row.is-clickable:hover{background:var(--md-surface-container-low)}.dashboard-event-row.is-today{background:#faf5ff}[data-theme=dark] .dashboard-event-row.is-today{background:color-mix(in srgb,var(--md-primary) 8%,var(--md-surface))}.holiday-date-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;line-height:1}.holiday-date-badge--pink{background:#fce7f3;color:#be185d}.holiday-date-badge--gold{background:#fef3c7;color:#b45309}.holiday-date-day{font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums}.holiday-date-month{margin-top:2px;font-size:.625rem;font-weight:700;letter-spacing:.04em}.holiday-event-name{flex:1;min-width:0;font-size:.9375rem;font-weight:600;color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holiday-weekday{flex-shrink:0;font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant)}.milestone-avatar{flex-shrink:0}.milestone-info{flex:1;min-width:0}.milestone-name{font-size:.9375rem;font-weight:600;color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-type{margin-top:2px;font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant)}.event-status-pill{flex-shrink:0;padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.event-status-pill.today{background:#ede9fe;color:#6d28d9}.event-status-pill.muted,[data-theme=dark] .event-status-pill.muted{background:var(--md-surface-container-high);color:var(--md-on-surface-variant)}.dashboard-event-empty{padding:28px 24px;text-align:center;color:var(--md-on-surface-variant);font-size:.875rem}.dashboard-event-footer{padding:12px 24px 16px;border-top:1px solid var(--md-outline-variant);font-size:.8125rem;color:var(--md-on-surface-variant)}.dashboard-events-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}@media(max-width:960px){.dashboard-events-row{grid-template-columns:1fr}}.dashboard-chart-card{min-height:280px}.dashboard-charts-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px;align-items:stretch}.dept-bar-chart{display:flex;align-items:flex-end;gap:10px;height:220px;padding:8px 20px 14px;overflow-x:auto}.dept-bar-col{display:flex;flex:1;flex-direction:column;align-items:center;min-width:34px}.dept-bar-track{display:flex;align-items:flex-end;width:100%;max-width:42px;height:168px}.dept-bar-fill{width:100%;min-height:6px;border-radius:8px 8px 3px 3px;background:#8b7cf7;transition:height .35s ease}.dept-bar-label{margin-top:10px;font-size:.6875rem;font-weight:500;line-height:1.2;color:var(--md-on-surface-variant);text-align:center;white-space:nowrap}.gender-diversity-body{display:flex;flex-direction:column;align-items:center;gap:20px;padding:4px 20px 22px}.gender-donut-wrap{position:relative;width:200px;height:200px}.gender-donut-svg{display:block;width:100%;height:100%}.gender-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.gender-donut-total{font-size:1.625rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--md-on-surface);font-variant-numeric:tabular-nums}[data-theme=dark] .gender-donut-total{color:var(--md-on-surface)}.gender-donut-label{margin-top:2px;font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant)}.gender-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;width:100%}.gender-legend-item{display:inline-flex;align-items:center;gap:8px}.gender-legend-swatch{flex-shrink:0;width:10px;height:10px;border-radius:50%}.gender-legend-text{font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums}@media(max-width:960px){.dashboard-charts-row{grid-template-columns:1fr}}.dashboard-insights-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1fr);gap:14px;align-items:start}.dashboard-insight-card .card-title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.dashboard-insight-body{display:flex;flex-direction:column}.dashboard-insight-empty{padding:28px 24px;text-align:center;color:var(--md-on-surface-variant);font-size:.875rem}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:14px 24px;border-bottom:1px solid var(--md-outline-variant)}.activity-row:last-child{border-bottom:none}.activity-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ede9fe;color:#6366f1}.activity-content{flex:1;min-width:0}.activity-message{font-size:.875rem;line-height:1.45;color:var(--md-on-surface)}.activity-message strong{font-weight:600}.activity-time{margin-top:4px;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant)}.dept-row{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid var(--md-outline-variant)}.dept-row:last-child{border-bottom:none}.dept-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#a5b4fc}.dept-name{flex:1;min-width:0;font-size:.875rem;font-weight:500;color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-count{flex-shrink:0;font-size:.875rem;font-weight:600;color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums}.grade-list{display:flex;flex-direction:column;gap:14px;padding:16px 24px 20px}.grade-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.grade-label{font-size:.875rem;font-weight:600;color:var(--md-on-surface)}.grade-count{font-size:.875rem;font-weight:600;color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums}.grade-bar-track{height:8px;border-radius:999px;background:var(--md-outline-variant);overflow:hidden}[data-theme=dark] .grade-bar-track{background:var(--md-surface-container-high)}.grade-bar-fill{height:100%;border-radius:999px;background:#6366f1;transition:width .35s ease}@media(max-width:1100px){.dashboard-insights-row{grid-template-columns:1fr 1fr}.dashboard-insights-row>:first-child{grid-column:1 / -1}}@media(max-width:720px){.dashboard-insights-row{grid-template-columns:1fr}.dashboard-insights-row>:first-child{grid-column:auto}}.dashboard-finance-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.finance-stat-card{min-height:120px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;box-shadow:none}.finance-stat-header{padding:20px 24px 8px;border-bottom:none!important}.finance-stat-header .card-title{font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant);letter-spacing:0}.finance-stat-body{padding:0 24px 22px}.finance-stat-value{font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--md-on-surface);font-variant-numeric:tabular-nums}[data-theme=dark] .finance-stat-value{color:var(--md-on-surface)}@media(max-width:900px){.dashboard-finance-row{grid-template-columns:1fr}}.employee-directory-page{margin:-8px -20px -48px;min-height:calc(100% + 56px);padding-bottom:48px;background:var(--surface)}.employee-directory-hero{background:var(--surface);padding:24px 24px 8px;color:var(--md-on-surface)}.employee-directory-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.employee-directory-title{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--md-on-surface)}.employee-directory-subtitle{margin:8px 0 0;font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant)}.employee-directory-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.employee-directory-segmented{display:inline-flex;padding:3px;background:var(--md-surface-container-high);border-radius:10px;border:1px solid var(--md-outline-variant)}.employee-directory-segmented button{padding:7px 14px;border:none;border-radius:8px;background:transparent;color:var(--md-on-surface-variant);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.employee-directory-segmented button.active{background:var(--md-primary);color:#fff}.employee-directory-btn-light{background:var(--surface)!important;color:var(--md-on-surface)!important;border:1px solid var(--md-outline-variant)!important;font-weight:600}.employee-directory-btn-light:hover{background:var(--md-surface-container)!important}.employee-directory-btn-primary{background:var(--md-primary)!important;border-color:var(--md-primary)!important;color:#fff!important;font-weight:600}.employee-directory-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:20px 24px 0;margin-top:0;background:var(--surface)}.employee-directory-kpi{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:12px;box-shadow:0 1px 3px #0f172a0a;cursor:pointer;text-align:left;transition:box-shadow .15s ease,border-color .15s ease}.employee-directory-kpi:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #4f46e514}.employee-directory-kpi-label{font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant)}.employee-directory-kpi-value{font-size:1.75rem;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--md-on-surface);font-variant-numeric:tabular-nums}.employee-directory-panel{margin:20px 24px 0;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden;box-shadow:none}.employee-directory-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--md-outline-variant);overflow-x:auto;background:var(--surface)}.employee-directory-tab{padding:14px 16px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.employee-directory-tab:hover{color:var(--md-on-surface)}.employee-directory-tab.active{color:var(--md-primary);border-bottom-color:var(--md-primary);background:var(--surface)}.employee-directory-panel .filter-bar{padding:16px 20px;margin:0;border-bottom:1px solid var(--md-outline-variant);background:var(--surface)}.employee-directory-panel .filter-pill{background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:8px;color:var(--md-on-surface);font-size:.8125rem;font-weight:500}.employee-directory-panel .filter-pill.active{background:#eef2ff;border-color:#c7d2fe;color:var(--accent-hover)}.employee-directory-panel .input-group{background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:10px;max-width:320px}.employee-directory-panel .table-wrap{border:none;border-radius:0;background:var(--surface)}.employee-directory-panel .table{background:var(--surface)}.employee-directory-panel .table thead th{background:var(--surface);color:var(--md-on-surface-variant);font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--md-outline-variant);padding:12px 16px}.employee-directory-panel .table tbody td{padding:14px 16px;border-bottom:1px solid var(--md-surface-container-high);vertical-align:middle;background:var(--surface)}.employee-directory-panel .table tbody tr{background:var(--surface)}.employee-directory-panel .table tbody tr:hover,.employee-directory-panel .table tbody tr:hover td{background:var(--md-surface-container)}.employee-directory-name{font-size:.875rem;font-weight:600;color:var(--md-on-surface)}.employee-directory-meta{margin-top:2px;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant)}.employee-directory-panel .table-footer{padding:14px 20px;border-top:1px solid var(--md-outline-variant);background:var(--surface);color:var(--md-on-surface-variant);font-size:.8125rem}.employee-directory-pagination{display:flex;align-items:center;gap:6px}.employee-directory-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--md-outline-variant);border-radius:8px;background:var(--surface);color:var(--md-on-surface);font-size:.8125rem;font-weight:600;cursor:pointer}.employee-directory-page-btn:hover:not(:disabled){background:var(--md-surface-container);border-color:var(--md-outline-variant)}.employee-directory-page-btn:disabled{opacity:.45;cursor:not-allowed}.employee-directory-page-btn.active{background:var(--md-primary);border-color:var(--md-primary);color:#fff}@media(max-width:1100px){.employee-directory-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.employee-directory-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-directory-hero-top{flex-direction:column}}@media(max-width:520px){.employee-directory-kpis{grid-template-columns:1fr}}.app-page{margin:-8px -20px -48px;min-height:calc(100% + 56px);padding-bottom:48px;background:var(--md-surface)}.app-page .app-page{margin:0;min-height:0;padding-bottom:0}.app-page .app-page .app-page-hero{padding-top:8px}.app-page-hero{background:var(--md-surface);padding:24px 24px 8px}.app-page-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.app-page-title{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--md-on-surface)}.app-page-subtitle{margin:8px 0 0;font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant)}.app-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-page-body{padding:12px 24px 0}.app-panel{background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden}.app-panel .table-wrap{border:none;border-radius:0}.app-detail-stack{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.app-detail-section{background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden}.app-detail-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--md-outline-variant)}.app-detail-section-title{margin:0;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--md-on-surface)}.app-detail-section-body{padding:8px 20px 16px}.app-detail-dl{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:0}.app-detail-dl>div{display:contents}.app-detail-dl dt,.app-detail-dl .app-detail-key{padding:12px 0;border-bottom:1px solid var(--md-outline-variant);font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant)}.app-detail-dl dd,.app-detail-dl .app-detail-val{margin:0;padding:12px 0;border-bottom:1px solid var(--md-outline-variant);font-size:.875rem;font-weight:500;color:var(--md-on-surface);min-width:0;word-break:break-word}.app-detail-dl>div:last-child dt,.app-detail-dl>div:last-child dd,.app-detail-dl>div:last-child .app-detail-key,.app-detail-dl>div:last-child .app-detail-val{border-bottom:none}.app-sticky-actions{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:16px -4px 0;padding:12px 16px;background:color-mix(in srgb,var(--md-surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--md-outline-variant);border-radius:14px}.app-page .tabs{margin-bottom:16px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:12px;padding:0 8px;overflow-x:auto}.app-page .tabs .tab{flex-shrink:0}.app-panel .table-footer,.app-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--md-outline-variant);background:var(--surface);color:var(--md-on-surface-variant);font-size:.8125rem}.app-pager-btns{display:flex;align-items:center;gap:6px}.app-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--md-outline-variant);border-radius:8px;background:var(--surface);color:var(--md-on-surface);font-size:.8125rem;font-weight:600;cursor:pointer}.app-page-btn:hover:not(:disabled){background:var(--md-surface-container)}.app-page-btn:disabled{opacity:.45;cursor:not-allowed}.app-page-btn.active{background:var(--md-primary);border-color:var(--md-primary);color:var(--md-on-primary)}.app-page-btn:focus-visible,.app-page-actions .btn:focus-visible,.app-sticky-actions .btn:focus-visible{outline:2px solid color-mix(in srgb,var(--md-primary) 45%,transparent);outline-offset:2px}@media(max-width:768px){.app-page-hero{padding:16px 16px 4px}.app-page-body{padding:8px 16px 0}.app-page-hero-top{flex-direction:column}.app-page-actions{width:100%}.app-page-actions .btn,.app-page-actions a.btn{flex:1 1 auto;justify-content:center}.app-page-title{font-size:1.375rem}.app-detail-dl{grid-template-columns:1fr}.app-detail-dl dt,.app-detail-dl .app-detail-key{padding-bottom:2px;border-bottom:none}.app-detail-dl dd,.app-detail-dl .app-detail-val{padding-top:0;padding-bottom:14px}.app-sticky-actions{margin:12px 0 0;justify-content:stretch}.app-sticky-actions .btn{flex:1 1 auto;justify-content:center}.app-panel,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:640px}}.org-chart-page{margin:-8px -20px -48px;min-height:calc(100% + 56px);padding-bottom:48px;background:var(--surface)}.org-chart-hero{background:var(--surface);padding:24px 24px 8px;color:var(--md-on-surface)}.org-chart-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.org-chart-title{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--md-on-surface)}.org-chart-subtitle{margin:8px 0 0;font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant)}.org-chart-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.org-chart-btn-light{background:var(--surface)!important;color:var(--md-on-surface)!important;border:1px solid var(--md-outline-variant)!important;font-weight:600}.org-chart-btn-light:hover{background:var(--md-surface-container)!important}.org-chart-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 24px 0;margin-top:0;background:var(--surface)}.org-chart-kpi{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:12px;box-shadow:0 1px 3px #0f172a0a;text-align:left}.org-chart-kpi-label{font-size:.8125rem;font-weight:500;color:var(--md-on-surface-variant)}.org-chart-kpi-value{font-size:1.75rem;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--md-on-surface);font-variant-numeric:tabular-nums}.org-chart-kpi-meta{font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant)}.org-chart-panel{margin:20px 24px 0;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden}.org-chart-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface);flex-wrap:wrap}.org-chart-search{display:flex;align-items:center;gap:10px;flex:1;max-width:360px;height:40px;padding:0 14px;border:1px solid var(--md-outline-variant);border-radius:10px;background:var(--surface)}.org-chart-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--md-on-surface)}.org-chart-search input::placeholder{color:var(--md-on-surface-variant)}.org-chart-body{padding:24px 20px;overflow-x:auto;background:var(--surface);min-height:280px}.org-chart-alert{margin:16px 24px 0}@media(max-width:900px){.org-chart-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.org-chart-kpis{grid-template-columns:1fr}}.stat-tile--link{all:unset;cursor:pointer;display:block;width:100%}.stat-tile--link:hover .card.stat{background:var(--surface-2, var(--surface))}.field-row{padding:var(--s-3) 0;display:flex;border-bottom:1px solid var(--line);align-items:center}.field-label{width:160px;font-size:var(--t-body-s);color:var(--ink-3)}.field-value{font-size:var(--t-body-s);flex:1}.info-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--s-8)}.emp-name{font-family:var(--font-serif);font-size:var(--t-title-l);letter-spacing:-.01em}.field-row{padding:var(--s-4) 0;display:flex;border-bottom:var(--border);align-items:center}.field-label{width:160px;flex-shrink:0;font-size:var(--t-body-s);color:var(--ink-3)}.btn-left{justify-content:flex-start}.row-end{justify-content:flex-end}.btn-compact{padding:var(--s-1) var(--s-3);font-size:var(--t-label-m)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--md-scrim);display:flex;align-items:center;justify-content:center;padding:var(--s-4)}.modal-card{background:var(--md-surface, var(--surface));border-radius:var(--shape-l, 8px);padding:var(--s-6);width:100%;overflow-y:auto;box-shadow:var(--shadow-4)}.empty-state{text-align:center;color:var(--ink-3);padding:var(--s-12) var(--s-4)}.empty-state__title{font-size:var(--t-title-s);font-weight:500;margin:var(--s-2) 0 var(--s-1)}.empty-state__body{font-size:var(--t-body-s);color:var(--ink-3);max-width:480px;margin:0 auto var(--s-4)}.text-capitalize{text-transform:capitalize}.hint{font-size:var(--t-label-m);color:var(--text-muted)}.chip-row{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}.empty-state{padding:var(--s-12) 0;text-align:center;color:var(--ink-3)}.empty-state__icon{display:block;margin:0 auto var(--s-3);opacity:.3}.leaves-page{margin:-8px -20px -48px;min-height:calc(100% + 56px);padding-bottom:48px;background:var(--surface)}.leaves-hero{background:var(--surface);padding:24px 24px 8px}.leaves-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.leaves-title{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--md-on-surface)}.leaves-subtitle{margin:8px 0 0;font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant)}.leaves-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.leaves-btn-light{background:var(--surface)!important;color:var(--md-on-surface)!important;border:1px solid var(--md-outline-variant)!important;font-weight:600}.leaves-btn-light:hover:not(:disabled){background:var(--md-surface-container)!important}.leaves-btn-primary{background:var(--md-primary)!important;border-color:var(--md-primary)!important;color:#fff!important;font-weight:600;white-space:nowrap}.leaves-panel{margin:20px 24px 0;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden}.leaves-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface);overflow-x:auto}.leaves-tab{padding:14px 16px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none}.leaves-tab:hover{color:var(--md-on-surface)}.leaves-tab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.leaves-section-head{display:flex;flex-direction:column;gap:12px;padding:20px 20px 0;background:var(--surface)}.leaves-section-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--md-on-surface)}.leaves-subtabs{display:flex;gap:4px;border-bottom:1px solid var(--md-outline-variant);padding-bottom:0}.leaves-subtab{padding:10px 12px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--md-on-surface-variant);font-size:.8125rem;font-weight:600;cursor:pointer}.leaves-subtab:hover{color:var(--md-on-surface)}.leaves-subtab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.leaves-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface)}.leaves-filter{min-width:200px}.leaves-filter-select{width:100%;height:40px;padding:0 36px 0 14px;border:1px solid var(--md-outline-variant);border-radius:10px;background:var(--surface);color:var(--md-on-surface);font-size:.875rem;font-weight:500;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.leaves-filter-select:focus{border-color:#c7d2fe;box-shadow:0 0 0 3px #4f46e51f}.leaves-table-wrap{background:var(--surface);overflow-x:auto}.leaves-table-wrap .table{background:var(--surface)}.leaves-table-wrap .table thead th{background:var(--surface);color:var(--md-on-surface-variant);font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--md-outline-variant);padding:12px 16px;white-space:nowrap}.leaves-table-wrap .table tbody td{padding:14px 16px;border-bottom:1px solid var(--md-surface-container-high);vertical-align:middle;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem}.leaves-table-wrap .table tbody tr:hover td{background:var(--md-surface-container)}.leaves-emp{display:flex;align-items:center;gap:12px}.leaves-emp-name{font-size:.875rem;font-weight:600;color:var(--md-on-surface)}.leaves-emp-meta{margin-top:2px;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant)}.leaves-type-name{font-size:.875rem;font-weight:600;color:var(--md-on-surface)}.leaves-type-code{margin-top:2px;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant)}.leaves-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap;text-transform:capitalize}.leaves-status .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.leaves-status.pending{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.leaves-status.pending .dot{background:#d97706}.leaves-status.approved,.leaves-status.active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.leaves-status.approved .dot,.leaves-status.active .dot{background:#059669}.leaves-status.rejected,.leaves-status.inactive{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.leaves-status.rejected .dot,.leaves-status.inactive .dot{background:#dc2626}.leaves-status.cancelled{background:var(--md-surface-container-high);color:var(--md-on-surface-variant);border:1px solid var(--md-outline-variant)}.leaves-status.cancelled .dot{background:var(--md-on-surface-variant)}.leaves-row-actions{display:flex;align-items:center;gap:6px}.leaves-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;cursor:pointer}.leaves-action-btn.edit{color:var(--md-primary)}.leaves-action-btn.edit:hover{background:#eef2ff}.leaves-action-btn.danger{color:#dc2626}.leaves-action-btn.danger:hover{background:#fef2f2}.leaves-action-btn.success{color:#059669}.leaves-action-btn.success:hover{background:#ecfdf5}.leaves-action-btn:disabled{opacity:.4;cursor:not-allowed}.leaves-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--md-outline-variant);background:var(--surface);color:var(--md-on-surface-variant);font-size:.8125rem}.leaves-pagination{display:flex;align-items:center;gap:6px}.leaves-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--md-outline-variant);border-radius:8px;background:var(--surface);color:var(--md-on-surface);font-size:.8125rem;font-weight:600;cursor:pointer}.leaves-page-btn:hover:not(:disabled){background:var(--md-surface-container)}.leaves-page-btn:disabled{opacity:.45;cursor:not-allowed}.leaves-page-btn.active{background:var(--md-primary);border-color:var(--md-primary);color:#fff}.leaves-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:56px 24px;text-align:center}.leaves-empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--md-surface-container-high);color:var(--md-on-surface-variant);margin-bottom:4px}.leaves-empty-title{margin:0;font-size:1rem;font-weight:700;color:var(--md-on-surface)}.leaves-empty-desc{margin:0;max-width:420px;font-size:.875rem;line-height:1.5;color:var(--md-on-surface-variant)}@media(max-width:768px){.leaves-hero-top{flex-direction:column}.leaves-filter{min-width:0;flex:1 1 100%}}.recruitment-page{margin:-8px -20px -48px;min-height:calc(100% + 56px);padding-bottom:48px;background:var(--surface)}.recruitment-hero{background:var(--surface);padding:24px 24px 8px}.recruitment-title{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--md-on-surface)}.recruitment-subtitle{margin:8px 0 0;font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant)}.recruitment-panel{margin:20px 24px 0;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden}.recruitment-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface);overflow-x:auto}.recruitment-tab{padding:14px 16px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap}.recruitment-tab:hover{color:var(--md-on-surface)}.recruitment-tab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.recruitment-panel-body{background:var(--surface);padding:0}.recruitment-section-head{display:flex;flex-direction:column;gap:14px;padding:20px 20px 0;background:var(--surface)}.recruitment-section-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--md-on-surface)}.recruitment-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--md-outline-variant)}.recruitment-status-tabs{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto}.recruitment-status-tab{padding:8px 12px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--md-on-surface-variant);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap}.recruitment-status-tab:hover{color:var(--md-on-surface)}.recruitment-status-tab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.recruitment-toolbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.recruitment-search{display:flex;align-items:center;gap:10px;width:220px;height:40px;padding:0 14px;border:1px solid var(--md-outline-variant);border-radius:10px;background:var(--surface)}.recruitment-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--md-on-surface)}.recruitment-search input::placeholder{color:var(--md-on-surface-variant)}.recruitment-btn-primary{background:var(--md-primary)!important;border-color:var(--md-primary)!important;color:#fff!important;font-weight:600;white-space:nowrap}.recruitment-table-wrap{background:var(--surface);border:none;border-radius:0;overflow-x:auto}.recruitment-table-wrap .table{background:var(--surface)}.recruitment-table-wrap .table thead th{background:var(--surface);color:var(--md-on-surface-variant);font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--md-outline-variant);padding:12px 16px}.recruitment-table-wrap .table tbody td{padding:14px 16px;border-bottom:1px solid var(--md-surface-container-high);vertical-align:middle;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem}.recruitment-table-wrap .table tbody tr{cursor:pointer;background:var(--surface)}.recruitment-table-wrap .table tbody tr:hover,.recruitment-table-wrap .table tbody tr:hover td{background:var(--md-surface-container)}.recruitment-job-title{font-weight:600;color:var(--md-on-surface)}.recruitment-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.2}.recruitment-status-pill .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.recruitment-status-pill.open{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.recruitment-status-pill.open .dot{background:#059669}.recruitment-status-pill.closed{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.recruitment-status-pill.closed .dot{background:#dc2626}.recruitment-status-pill.on_hold{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.recruitment-status-pill.on_hold .dot{background:#d97706}.recruitment-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--md-outline-variant);background:var(--surface);color:var(--md-on-surface-variant);font-size:.8125rem}.recruitment-pagination{display:flex;align-items:center;gap:6px}.recruitment-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--md-outline-variant);border-radius:8px;background:var(--surface);color:var(--md-on-surface);font-size:.8125rem;font-weight:600;cursor:pointer}.recruitment-page-btn:hover:not(:disabled){background:var(--md-surface-container)}.recruitment-page-btn:disabled{opacity:.45;cursor:not-allowed}.recruitment-page-btn.active{background:var(--md-primary);border-color:var(--md-primary);color:#fff}.recruitment-nested{padding:16px 20px 20px;background:var(--surface)}@media(max-width:768px){.recruitment-toolbar-actions{width:100%;margin-left:0}.recruitment-search{flex:1;width:auto}}.perf-page{margin:-8px -20px -48px;min-height:calc(100% + 56px);padding-bottom:48px;background:var(--surface)}.perf-hero{background:var(--surface);padding:24px 24px 8px}.perf-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.perf-title{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--md-on-surface)}.perf-subtitle{margin:8px 0 0;font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant)}.perf-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.perf-btn-light{background:var(--surface)!important;color:var(--md-on-surface)!important;border:1px solid var(--md-outline-variant)!important;font-weight:600}.perf-btn-primary{background:var(--md-primary)!important;border-color:var(--md-primary)!important;color:#fff!important;font-weight:600;white-space:nowrap}.perf-panel{margin:20px 24px 0;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden}.perf-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface);overflow-x:auto}.perf-tab{padding:14px 16px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none}.perf-tab:hover{color:var(--md-on-surface)}.perf-tab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.perf-subtabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface);overflow-x:auto}.perf-subtab{padding:12px 14px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--md-on-surface-variant);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap}.perf-subtab:hover{color:var(--md-on-surface)}.perf-subtab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.perf-nested{padding:16px 20px 20px;background:var(--surface)}.perf-table-wrap{background:var(--surface);overflow-x:auto}.perf-table-wrap .table{background:var(--surface)}.perf-table-wrap .table thead th{background:var(--surface);color:var(--md-on-surface-variant);font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--md-outline-variant);padding:12px 16px;white-space:nowrap}.perf-table-wrap .table tbody td{padding:14px 16px;border-bottom:1px solid var(--md-surface-container-high);vertical-align:middle;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem}.perf-table-wrap .table tbody tr:hover td{background:var(--md-surface-container)}.perf-emp{display:flex;align-items:center;gap:12px}.perf-emp-name{font-size:.875rem;font-weight:600;color:var(--md-on-surface)}.perf-emp-meta{margin-top:2px;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant)}.perf-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}.perf-status .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.perf-status.not_started,.perf-status.draft{background:var(--md-surface-container-high);color:var(--md-on-surface-variant);border:1px solid var(--md-outline-variant)}.perf-status.not_started .dot,.perf-status.draft .dot{background:var(--md-on-surface-variant)}.perf-status.in_progress,.perf-status.on_track{background:#eef2ff;color:var(--md-primary);border:1px solid #c7d2fe}.perf-status.in_progress .dot,.perf-status.on_track .dot{background:var(--md-primary)}.perf-status.at_risk,.perf-status.behind{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.perf-status.at_risk .dot,.perf-status.behind .dot{background:#dc2626}.perf-status.completed{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.perf-status.completed .dot{background:#059669}.perf-progress{display:flex;align-items:center;gap:8px;min-width:110px}.perf-progress-bar{flex:1;height:6px;background:var(--md-outline-variant);border-radius:999px;overflow:hidden}.perf-progress-fill{height:100%;background:var(--md-primary);border-radius:999px}.perf-progress-label{font-size:.75rem;font-weight:600;color:var(--md-on-surface-variant);min-width:32px}.perf-row-actions{display:flex;align-items:center;gap:4px}.perf-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;cursor:pointer}.perf-action-btn.edit{color:var(--md-primary)}.perf-action-btn.edit:hover{background:#eef2ff}.perf-action-btn.danger{color:#dc2626}.perf-action-btn.danger:hover{background:#fef2f2}.perf-action-btn.success{color:#059669}.perf-action-btn.success:hover{background:#ecfdf5}.perf-action-btn:disabled{opacity:.4;cursor:not-allowed}.perf-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--md-outline-variant);background:var(--surface);color:var(--md-on-surface-variant);font-size:.8125rem}.perf-pagination{display:flex;align-items:center;gap:6px}.perf-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--md-outline-variant);border-radius:8px;background:var(--surface);color:var(--md-on-surface);font-size:.8125rem;font-weight:600;cursor:pointer}.perf-page-btn:hover:not(:disabled){background:var(--md-surface-container)}.perf-page-btn:disabled{opacity:.45;cursor:not-allowed}.perf-page-btn.active{background:var(--md-primary);border-color:var(--md-primary);color:#fff}.perf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:56px 24px;text-align:center}.perf-empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--md-surface-container-high);color:var(--md-on-surface-variant);margin-bottom:4px}.perf-empty-title{margin:0;font-size:1rem;font-weight:700;color:var(--md-on-surface)}.perf-empty-desc{margin:0;max-width:420px;font-size:.875rem;line-height:1.5;color:var(--md-on-surface-variant)}@media(max-width:768px){.perf-hero-top{flex-direction:column}}.status-badge{display:inline-flex;align-items:center;gap:6px;height:auto;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.2;border-radius:999px;text-transform:capitalize;white-space:nowrap;border:1px solid transparent}.status-badge--md{font-size:.8125rem;padding:5px 12px}.status-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}.status-badge--draft,.status-badge--cancelled,.status-badge--archived,.status-badge--withdrawn,.status-badge--superseded,.status-badge--notice_started,.status-badge--noticed,.status-badge--contract_end,.status-badge--unknown{background:var(--md-surface-container);color:var(--md-on-surface-variant);border-color:var(--md-outline-variant)}.status-badge--active,.status-badge--approved,.status-badge--final,.status-badge--present,.status-badge--accepted,.status-badge--verified,.status-badge--on_track,.status-badge--completed{background:var(--md-success-container, #ecfdf5);color:var(--md-success, #059669);border-color:color-mix(in srgb,var(--md-success, #059669) 28%,transparent)}.status-badge--probation,.status-badge--on_notice,.status-badge--pending,.status-badge--half_day,.status-badge--expired,.status-badge--at_risk,.status-badge--resignation{background:var(--md-warning-container, #fffbeb);color:var(--md-warning, #d97706);border-color:color-mix(in srgb,var(--md-warning, #d97706) 28%,transparent)}.status-badge--exited,.status-badge--rejected,.status-badge--absent,.status-badge--behind,.status-badge--termination{background:var(--md-error-container, #fef2f2);color:var(--md-error, #dc2626);border-color:color-mix(in srgb,var(--md-error, #dc2626) 28%,transparent)}.status-badge--candidate,.status-badge--offered,.status-badge--sent,.status-badge--leave,.status-badge--submitted,.status-badge--in_progress,.status-badge--initiated{background:var(--md-primary-container);color:var(--md-primary);border-color:color-mix(in srgb,var(--md-primary) 28%,transparent)}.status-badge--wfh,.status-badge--holiday,.status-badge--retirement{background:var(--md-tertiary-container, #f5f3ff);color:var(--md-tertiary, #7c3aed);border-color:color-mix(in srgb,var(--md-tertiary, #7c3aed) 28%,transparent)}.assets-page{margin:-8px -20px -48px;min-height:calc(100% + 56px);padding-bottom:48px;background:var(--surface)}.assets-hero{background:var(--surface);padding:24px 24px 8px}.assets-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.assets-title{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:var(--md-on-surface)}.assets-subtitle{margin:8px 0 0;font-size:.875rem;font-weight:500;color:var(--md-on-surface-variant)}.assets-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.assets-btn-light{background:var(--surface)!important;color:var(--md-on-surface)!important;border:1px solid var(--md-outline-variant)!important;font-weight:600}.assets-btn-light:hover{background:var(--md-surface-container)!important}.assets-btn-primary{background:var(--md-primary)!important;border-color:var(--md-primary)!important;color:#fff!important;font-weight:600;white-space:nowrap}.assets-panel{margin:20px 24px 0;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:16px;overflow:hidden}.assets-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface);overflow-x:auto}.assets-tab{padding:14px 16px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap}.assets-tab:hover{color:var(--md-on-surface)}.assets-tab.active{color:var(--md-primary);border-bottom-color:var(--md-primary)}.assets-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--md-outline-variant);background:var(--surface)}.assets-filter{position:relative;min-width:200px}.assets-filter-select,.assets-filter-input{width:100%;height:40px;padding:0 36px 0 14px;border:1px solid var(--md-outline-variant);border-radius:10px;background:var(--surface);color:var(--md-on-surface);font-size:.875rem;font-weight:500;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.assets-filter-select:focus,.assets-filter-input:focus{border-color:#c7d2fe;box-shadow:0 0 0 3px #4f46e51f}.assets-filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.assets-search{display:flex;align-items:center;gap:10px;min-width:240px;height:40px;padding:0 14px;border:1px solid var(--md-outline-variant);border-radius:10px;background:var(--surface);color:var(--md-on-surface-variant)}.assets-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--md-on-surface)}.assets-search input::placeholder{color:var(--md-on-surface-variant)}.assets-table-wrap{background:var(--surface);border:none;border-radius:0;overflow-x:auto}.assets-table-wrap .table{background:var(--surface)}.assets-table-wrap .table thead th{background:var(--surface);color:var(--md-on-surface-variant);font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--md-outline-variant);padding:12px 16px}.assets-table-wrap .table tbody td{padding:14px 16px;border-bottom:1px solid var(--md-surface-container-high);vertical-align:middle;background:var(--surface);color:var(--md-on-surface-variant);font-size:.875rem}.assets-table-wrap .table tbody tr:hover,.assets-table-wrap .table tbody tr:hover td{background:var(--md-surface-container)}.assets-tracking{font-size:.875rem;font-weight:700;color:var(--md-on-surface)}.assets-tracking-sub{margin-top:2px;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant)}.assets-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap;text-transform:capitalize}.assets-status .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.assets-status.available{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.assets-status.available .dot{background:#059669}.assets-status.assigned{background:#eef2ff;color:var(--md-primary);border:1px solid #c7d2fe}.assets-status.assigned .dot{background:var(--md-primary)}.assets-status.maintenance{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.assets-status.maintenance .dot{background:#d97706}.assets-status.retired,.assets-status.idle{background:var(--md-surface-container-high);color:var(--md-on-surface-variant);border:1px solid var(--md-outline-variant)}.assets-status.retired .dot,.assets-status.idle .dot{background:var(--md-on-surface-variant)}.assets-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;position:relative}.assets-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--md-primary);cursor:pointer}.assets-action-btn:hover{background:#eef2ff}.assets-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:168px;background:var(--surface);border:1px solid var(--md-outline-variant);border-radius:10px;box-shadow:0 8px 24px #0f172a14;overflow:hidden}.assets-menu button{display:block;width:100%;padding:10px 14px;text-align:left;font-size:.8125rem;font-weight:500;background:none;border:none;cursor:pointer;color:var(--md-on-surface)}.assets-menu button:hover{background:var(--md-surface-container)}.assets-menu button.danger{color:#dc2626}.assets-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--md-outline-variant);background:var(--surface);color:var(--md-on-surface-variant);font-size:.8125rem}.assets-pagination{display:flex;align-items:center;gap:6px}.assets-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--md-outline-variant);border-radius:8px;background:var(--surface);color:var(--md-on-surface);font-size:.8125rem;font-weight:600;cursor:pointer}.assets-page-btn:hover:not(:disabled){background:var(--md-surface-container)}.assets-page-btn:disabled{opacity:.45;cursor:not-allowed}.assets-page-btn.active{background:var(--md-primary);border-color:var(--md-primary);color:#fff}@media(max-width:768px){.assets-hero-top{flex-direction:column}.assets-filter,.assets-search{min-width:0;flex:1 1 100%}}