:root{--brand-blush:#f4c9d6;--brand-deep-brown:#3e2723;--blush-rgb:244, 201, 214;--champagne-rgb:232, 199, 125;--danger-rgb:255, 180, 170;--success-rgb:185, 225, 194;--app-bg:#100e10;--app-bg-gradient:radial-gradient(circle at 18% 10%, rgba(var(--blush-rgb), .1), transparent 32%), radial-gradient(circle at 85% 0%, rgba(var(--champagne-rgb), .08), transparent 30%), linear-gradient(135deg, #100e10 0%, #181213 48%, var(--brand-deep-brown) 100%);--sidebar-bg:#130f10;--surface:#181314;--surface-card:#1b1516e0;--surface-elevated:#201819;--surface-modal:#1d1617;--surface-input:#ffffff0e;--surface-input-strong:#ffffff14;--text-primary:#f8f0eb;--text-muted:#c9b9b3;--text-subtle:#93837e;--border:rgba(var(--blush-rgb), .16);--border-subtle:rgba(var(--blush-rgb), .1);--border-strong:rgba(var(--blush-rgb), .28);--accent-blush:var(--brand-blush);--accent-champagne:#e8c77d;--accent-hover:#f4dc9a;--accent-ink:#21130f;--danger:#ffb4aa;--danger-soft:rgba(var(--danger-rgb), .1);--success:#b9e1c2;--success-soft:rgba(var(--success-rgb), .1);--focus-ring:rgba(var(--blush-rgb), .26);--panel:var(--surface);--text:var(--text-primary);--muted:var(--text-muted);--muted-soft:var(--text-subtle);--gold:var(--accent-champagne);--sage:var(--success);--line:var(--border);--line-strong:var(--border-strong);--shadow:0 28px 70px #0000006b;--soft-shadow:0 18px 38px #0000002e;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--app-bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--app-bg);overflow-x:hidden}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{transition:border-color .16s,opacity .16s,transform .16s}button:not(:disabled):hover{transform:translateY(-1px)}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text);letter-spacing:0;font-weight:800}#root{min-height:100vh;overflow-x:hidden}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.full-page-state,.login-page{background:var(--app-bg-gradient);place-items:center;min-height:100vh;padding:32px;display:grid}.state-card,.login-panel{border:1px solid var(--line);background:var(--surface-card);width:min(100%,460px);box-shadow:var(--shadow);border-radius:8px}.state-card{padding:34px}.access-card{width:min(100%,540px)}.state-card h1,.login-panel h1{margin:8px 0 12px}.state-card p,.login-panel p{color:var(--muted)}.text-link{color:var(--accent-blush);margin-top:24px;font-weight:700;text-decoration:none;display:inline-flex}.access-detail{border:1px solid rgba(var(--blush-rgb), .22);background:rgba(var(--blush-rgb), .07);border-radius:6px;margin-top:14px;padding:12px 14px;font-size:.92rem}.state-actions{margin-top:24px;display:flex}.login-panel{padding:38px}.login-copy{margin-bottom:30px}.setup-warning{border:1px solid rgba(var(--champagne-rgb), .34);background:rgba(var(--champagne-rgb), .08);border-radius:8px;margin-bottom:22px;padding:14px}.setup-warning strong{color:var(--text)}.setup-warning p{margin-top:4px;font-size:.9rem}.login-form{gap:18px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:.88rem;font-weight:700;display:grid}.login-form input{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;color:var(--text);background:var(--surface-input);font:inherit;border-radius:6px;padding:13px 14px}.login-form input:focus{border-color:var(--accent-blush);outline:2px solid var(--focus-ring)}.login-form input:disabled,.login-form button:disabled{cursor:not-allowed;opacity:.6}.login-form button,.icon-text-button{border:1px solid rgba(var(--champagne-rgb), .5);color:var(--accent-ink);background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent-champagne) 100%);font:inherit;cursor:pointer;border-radius:6px;font-weight:800}.login-form button{padding:13px 18px}.form-error{color:var(--danger);font-size:.9rem}.app-shell{background:var(--app-bg-gradient);grid-template-columns:292px minmax(0,1fr);width:100%;min-width:0;min-height:100vh;display:grid;overflow-x:hidden}.sidebar{border-right:1px solid var(--line);background:var(--sidebar-bg);box-sizing:border-box;flex-direction:column;gap:34px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;padding:8px;display:flex}.brand-mark{border:1px solid rgba(var(--blush-rgb), .42);width:42px;height:42px;color:var(--accent-blush);background:rgba(var(--blush-rgb), .08);border-radius:8px;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:700;display:grid}.brand-lockup p{color:var(--text);margin:0;font-weight:800}.brand-lockup span{color:var(--muted);font-size:.82rem}.sidebar-nav{gap:6px;display:grid}.nav-item{color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{border-color:var(--line);color:var(--text);background:rgba(var(--blush-rgb), .055)}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent-blush)}.nav-item span{gap:2px;display:grid}.nav-item strong{font-size:.95rem}.nav-item small{color:var(--muted-soft);font-size:.76rem}.workspace{flex-direction:column;min-width:0;display:flex;overflow-x:hidden}.top-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#130f10d1;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:20px 34px;display:flex}.top-header h1{margin:3px 0 0;font-size:clamp(1.4rem,2vw,2rem)}.header-actions{align-items:center;gap:12px;display:flex}.user-pill{border:1px solid var(--line);background:var(--surface-input);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.user-pill span{width:30px;height:30px;color:var(--accent-ink);background:var(--accent-blush);border-radius:6px;flex:none;place-items:center;font-size:.72rem;font-weight:900;display:grid}.user-pill strong{max-width:240px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.user-pill div{gap:1px;min-width:0;display:grid}.user-pill small{color:var(--muted-soft);text-transform:uppercase;font-size:.72rem;font-weight:800}.icon-text-button{align-items:center;gap:8px;padding:10px 13px;display:inline-flex}.content-area{flex:1;min-width:0;padding:34px;overflow-x:hidden}.page-stack{gap:22px;min-width:0;max-width:100%;display:grid}.hero-section{border:1px solid var(--line);background:linear-gradient(135deg, rgba(var(--blush-rgb), .055), #ffffff05), var(--surface-card);border-radius:8px;justify-content:space-between;align-items:stretch;gap:26px;min-width:0;padding:28px;display:flex}.hero-section>div:first-child{min-width:0;max-width:760px}.hero-section h2{margin:8px 0 10px;font-size:clamp(1.8rem,4vw,3.5rem);line-height:.95}.hero-section p{color:var(--muted);font-size:1rem;line-height:1.7}.eyebrow{color:var(--accent-blush);letter-spacing:.12em;text-transform:uppercase;font-size:.73rem;font-weight:900}.period-card{border:1px solid rgba(var(--champagne-rgb), .28);background:rgba(var(--champagne-rgb), .08);border-radius:8px;align-content:center;gap:6px;min-width:220px;padding:22px;display:grid}.period-card span,.period-card small{color:var(--muted)}.period-card strong{color:var(--text);font-size:1.35rem}.metric-grid,.placeholder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.placeholder-card,.panel{border:1px solid var(--line);background:var(--surface-card);box-shadow:var(--soft-shadow);border-radius:8px}.metric-card,.placeholder-card{align-content:space-between;gap:18px;min-height:132px;padding:20px;display:grid}.metric-card span,.placeholder-card span{color:var(--muted);font-size:.86rem;font-weight:800}.metric-card strong,.placeholder-card strong{color:var(--text);font-size:1.55rem}.metric-card small,.placeholder-card small{color:var(--muted-soft)}.content-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;display:grid}.panel{min-height:300px;padding:24px}.panel h3{margin:6px 0 0;font-size:1.25rem}.check-list{gap:10px;margin-top:26px;display:grid}.check-list span{border:1px solid var(--line);color:var(--text);background:var(--success-soft);border-radius:6px;padding:12px 14px}.chart-panel{grid-template-rows:auto 1fr;gap:24px;display:grid}.chart-placeholder{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#ffffff04);border-radius:8px;align-items:end;gap:12px;min-height:180px;padding:18px;display:flex}.chart-placeholder span{background:linear-gradient(180deg, var(--accent-champagne), var(--accent-blush));border-radius:4px 4px 0 0;flex:1}.chart-placeholder span:first-child{height:44%}.chart-placeholder span:nth-child(2){height:70%}.chart-placeholder span:nth-child(3){height:56%}.chart-placeholder span:nth-child(4){height:86%}.chart-placeholder span:nth-child(5){height:62%}.employees-hero{align-items:center}.employee-actions{align-items:center;gap:10px;min-width:0;display:flex}.employee-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0;display:grid}.compact-metric{border-color:var(--border-subtle);background:linear-gradient(180deg, rgba(var(--blush-rgb), .035), #ffffff05), var(--surface-card);min-height:112px;box-shadow:none}.section-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.section-heading h3{margin:6px 0 0}.employees-directory-panel{min-width:0;min-height:auto;overflow:hidden}.employee-modal-backdrop{z-index:100;background:#080607a8;place-items:center;padding:32px;animation:.15s ease-out modal-backdrop-in;display:grid;position:fixed;inset:0}.employee-modal-card{border:1px solid var(--border-strong);background:linear-gradient(180deg, rgba(var(--blush-rgb), .055), transparent 24%), var(--surface-modal);border-radius:8px;flex-direction:column;width:min(1120px,100vw - 48px);min-width:0;height:min(860px,100vh - 48px);max-height:min(860px,100vh - 48px);animation:.18s ease-out modal-card-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 56px #00000080}.employee-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:start;gap:18px;padding:24px 24px 18px;display:flex}.employee-modal-header h3{margin:6px 0 0;font-size:1.35rem}.employee-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0;margin-top:24px;display:grid}.employee-modal-form{flex-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow:hidden}.employee-form-workflow{flex:1;grid-template-columns:246px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.employee-section-rail{border-right:1px solid var(--border-subtle);background:linear-gradient(180deg, rgba(var(--blush-rgb), .035), transparent), #ffffff05;align-content:start;gap:10px;min-width:0;padding:22px 18px;display:grid;overflow-y:auto}.employee-section-step{min-width:0;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:4px 11px;padding:12px;display:grid}.employee-section-step span{border:1px solid var(--border);width:28px;height:28px;color:var(--accent-blush);border-radius:999px;grid-row:span 2;place-items:center;font-size:.78rem;font-weight:900;display:grid}.employee-section-step strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.employee-section-step small{min-width:0;color:var(--muted-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;overflow:hidden}.employee-section-step:hover,.employee-section-step[aria-current=step]{border-color:rgba(var(--blush-rgb), .22);background:rgba(var(--blush-rgb), .06)}.employee-section-step[aria-current=step] span{color:var(--accent-ink);background:linear-gradient(135deg, var(--brand-blush) 0%, var(--accent-champagne) 100%)}.employee-section-panel{scroll-behavior:smooth;align-content:start;gap:30px;min-width:0;padding:26px;display:grid;overflow-y:auto}.employee-form-section{gap:22px;min-width:0;scroll-margin-top:18px;display:grid}.employee-form-section:not(:last-child){border-bottom:1px solid var(--border-subtle);padding-bottom:30px}.employee-form-section:focus{outline:0}.employee-section-copy{gap:6px;display:grid}.employee-section-copy h4{color:var(--text);margin:0;font-size:1.12rem}.employee-section-copy p{max-width:620px;color:var(--muted);font-size:.9rem}.employee-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;min-width:0;display:grid}.compensation-grid{grid-template-columns:minmax(220px,320px) minmax(0,1fr)}.employee-form label,.employee-modal-form label,.employee-form .custom-select-field,.employee-modal-form .custom-select-field,.employee-form .date-picker-field,.employee-modal-form .date-picker-field{min-width:0;color:var(--muted);gap:7px;font-size:.84rem;font-weight:800;display:grid}.field-label,.custom-select-label,.date-picker-label{align-items:center;gap:4px;display:inline-flex}.required-mark{color:var(--accent-blush);font-weight:900}.field-error{color:var(--danger);font-size:.72rem;font-weight:800;line-height:1.35}.field-has-error input,.field-has-error textarea,.custom-select-control[aria-invalid=true]{border-color:rgba(var(--danger-rgb), .46)}.employee-form input,.employee-modal-form input,.employee-form textarea,.employee-modal-form textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:var(--surface-input);font:inherit;border-radius:6px;min-height:47px;padding:11px 12px}.money-input-wrap{min-width:0;display:block;position:relative}.money-input-wrap input{padding-left:32px}.money-prefix{z-index:1;color:var(--accent-champagne);pointer-events:none;font-weight:900;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.employee-form textarea,.employee-modal-form textarea{resize:vertical}.employee-form input:focus,.employee-modal-form input:focus,.employee-form textarea:focus,.employee-modal-form textarea:focus{border-color:var(--accent-blush);outline:2px solid var(--focus-ring)}.custom-select-field{min-width:0;position:relative}.custom-select-label{color:var(--muted)}.custom-select-control{border:1px solid var(--line-strong);width:100%;min-height:47px;color:var(--text);background:linear-gradient(180deg, rgba(var(--blush-rgb), .055), #ffffff07), var(--surface-input);font:inherit;text-align:left;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.custom-select-control span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select-control svg{color:var(--accent-blush);flex:none;transition:transform .16s}.custom-select-control[aria-expanded=true]{border-color:var(--accent-blush);outline:2px solid var(--focus-ring)}.custom-select-control[aria-expanded=true] svg{transform:rotate(180deg)}.custom-select-control:disabled{cursor:not-allowed;opacity:.58}.custom-select-control:hover,.custom-select-option:hover{transform:none}.custom-select-menu{z-index:160;border:1px solid var(--border-strong);background:linear-gradient(180deg, rgba(var(--blush-rgb), .06), transparent), var(--surface-elevated);transform-origin:top;border-radius:8px;gap:3px;max-height:280px;padding:6px;animation:.14s ease-out custom-select-in;display:grid;position:fixed;overflow-y:auto;box-shadow:0 16px 30px #00000047}.custom-select-option{width:100%;min-height:38px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:.9rem;font-weight:800;display:flex}.custom-select-option.highlighted,.custom-select-option:hover{border-color:rgba(var(--blush-rgb), .18);color:var(--text);background:rgba(var(--blush-rgb), .06)}.custom-select-option.selected{color:var(--accent-blush);background:rgba(var(--blush-rgb), .08)}.custom-select-option:disabled{cursor:not-allowed;opacity:.48}.date-picker-field{min-width:0;position:relative}.date-picker-label{color:var(--muted)}.date-picker-control{border:1px solid var(--line-strong);width:100%;min-height:47px;color:var(--text);background:linear-gradient(180deg, rgba(var(--blush-rgb), .055), #ffffff07), var(--surface-input);font:inherit;text-align:left;border-radius:6px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;display:grid;overflow:hidden}.date-picker-control input{background:0 0;border:0;border-radius:0;min-width:0;min-height:45px;padding:11px 12px}.date-picker-control input:focus{outline:0}.date-picker-control input::placeholder{color:var(--muted-soft)}.date-picker-control:focus-within,.date-picker-control.open{border-color:var(--accent-blush);outline:2px solid var(--focus-ring)}.date-picker-control.invalid{border-color:rgba(var(--danger-rgb), .46)}.date-picker-control.disabled{cursor:not-allowed;opacity:.58}.date-picker-calendar-button{border:0;border-left:1px solid var(--border-subtle);width:42px;min-height:45px;color:var(--accent-blush);background:rgba(var(--blush-rgb), .045);cursor:pointer;place-items:center;display:grid}.date-picker-calendar-button:disabled{cursor:not-allowed}.date-picker-control:hover,.silk-day-picker .rdp-day_button:hover{transform:none}.date-picker-popover{z-index:140;border:1px solid var(--border-strong);background:linear-gradient(180deg, rgba(var(--blush-rgb), .06), transparent), var(--surface-elevated);border-radius:8px;width:min(336px,100vw - 24px);max-height:calc(100vh - 24px);padding:10px;animation:.14s ease-out custom-select-in;position:fixed;overflow-y:auto;box-shadow:0 16px 30px #00000047}.silk-day-picker{--rdp-accent-color:var(--accent-blush);--rdp-accent-background-color:rgba(var(--blush-rgb), .12);--rdp-day-height:34px;--rdp-day-width:34px;--rdp-day_button-height:30px;--rdp-day_button-width:30px;--rdp-day_button-border-radius:6px;--rdp-day_button-border:1px solid transparent;--rdp-months-gap:0;--rdp-nav-height:34px;--rdp-nav_button-height:30px;--rdp-nav_button-width:30px;--rdp-outside-opacity:.35;--rdp-selected-border:1px solid rgba(var(--blush-rgb), .48);--rdp-today-color:var(--accent-blush);color:var(--muted)}.silk-day-picker .rdp-months,.silk-day-picker .rdp-month,.silk-day-picker .rdp-month_grid{width:100%;max-width:none}.silk-day-picker .rdp-month_caption{height:34px;color:var(--text);justify-content:center;font-size:.88rem;font-weight:900}.silk-day-picker .rdp-caption_label{font-size:.88rem}.silk-day-picker .rdp-dropdowns{justify-content:center;gap:8px;display:flex}.silk-day-picker .rdp-dropdown{border:1px solid var(--border);min-height:30px;color:var(--text);background:var(--surface-modal);font:inherit;border-radius:6px;font-size:.78rem;font-weight:800}.silk-day-picker .rdp-dropdown:focus{border-color:var(--accent-blush);outline:2px solid var(--focus-ring)}.silk-day-picker .rdp-button_previous,.silk-day-picker .rdp-button_next{border:1px solid var(--border);color:var(--accent-blush);background:var(--surface-input);border-radius:6px}.silk-day-picker .rdp-button_previous:hover,.silk-day-picker .rdp-button_next:hover{border-color:var(--border-strong);background:var(--surface-input-strong);transform:none}.silk-day-picker .rdp-weekday{color:var(--muted-soft);text-transform:uppercase;font-size:.64rem;font-weight:900}.silk-day-picker .rdp-day_button{color:var(--muted);font-size:.78rem;font-weight:800}.silk-day-picker .rdp-day_button:hover{border-color:var(--border);color:var(--text);background:rgba(var(--blush-rgb), .055)}.silk-day-picker .rdp-today:not(.rdp-outside) .rdp-day_button{color:var(--accent-blush)}.silk-day-picker .rdp-selected{font-size:inherit}.silk-day-picker .rdp-selected .rdp-day_button{color:var(--accent-ink);background:linear-gradient(135deg, var(--brand-blush) 0%, var(--accent-champagne) 100%)}.date-picker-footer{justify-content:end;margin-top:8px;display:flex}.compact-toggle-field{align-content:start;gap:7px;min-width:0;display:grid}.compact-toggle-button{border:1px solid var(--border);min-height:47px;color:var(--muted);background:var(--surface-input);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:10px 12px;font-size:.84rem;font-weight:800;display:inline-flex}.compact-toggle-button span{border:1px solid var(--border-strong);background:#ffffff0a;border-radius:4px;place-items:center;width:16px;height:16px;display:grid}.compact-toggle-button[aria-checked=true]{border-color:rgba(var(--blush-rgb), .44);color:var(--text);background:rgba(var(--blush-rgb), .1)}.compact-toggle-button[aria-checked=true] span{border-color:var(--accent-blush);background:var(--accent-blush);box-shadow:inset 0 0 0 4px var(--surface-modal)}.toggle-field,.status-lock-field{border:1px solid var(--border);background:var(--surface-input);border-radius:6px;justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:12px 13px;display:flex}.status-toggle-row{grid-template-columns:minmax(0,1.2fr) minmax(130px,.8fr);align-items:start;gap:12px;min-width:0;display:grid}.toggle-field div{gap:3px;min-width:0;display:grid}.toggle-field span,.status-lock-field span{color:var(--muted);font-size:.84rem;font-weight:800}.toggle-field small{color:var(--muted-soft);font-size:.76rem;font-weight:700;line-height:1.35}.status-lock-field strong{border:1px solid rgba(var(--success-rgb), .36);min-width:84px;color:var(--success);background:var(--success-soft);text-align:center;text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:.72rem}.status-lock-field strong.inactive{border-color:var(--border);color:var(--muted);background:#ffffff0a}.switch-control{border:1px solid var(--border);background:var(--surface-input-strong);cursor:pointer;border-radius:999px;flex:none;align-items:center;width:52px;height:30px;padding:3px;display:flex}.switch-control span{background:var(--muted-soft);border-radius:999px;width:22px;height:22px;transition:background .16s,transform .16s;display:block}.switch-control[aria-checked=true]{border-color:rgba(var(--blush-rgb), .48);background:rgba(var(--blush-rgb), .16)}.switch-control[aria-checked=true] span{background:var(--accent-blush);transform:translate(22px)}.notes-field textarea{min-height:88px}.employee-modal-error{margin:0 24px 16px}.employee-modal-footer{border-top:1px solid var(--border-subtle);background:#ffffff05;justify-content:flex-end;align-items:center;gap:16px;padding:16px 24px;display:flex}.employee-modal-footer>span{color:var(--muted-soft);text-transform:uppercase;font-size:.78rem;font-weight:900}.employee-modal-footer .quiet-button:disabled{cursor:not-allowed;opacity:.45}.discard-confirm-layer{z-index:80;background:#0806078f;place-items:center;padding:24px;animation:.14s ease-out modal-backdrop-in;display:grid;position:absolute;inset:0}.discard-confirm-card{border:1px solid var(--border-strong);background:var(--surface-modal);border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:14px;width:min(100%,420px);padding:22px;animation:.16s ease-out modal-card-in;display:grid;box-shadow:0 18px 44px #0000006b}.discard-confirm-card>svg{color:var(--accent-blush)}.discard-confirm-card h4{color:var(--text);margin:0 0 4px;font-size:1.05rem}.discard-confirm-card p{color:var(--muted)}.discard-confirm-actions{grid-column:1/-1;justify-content:end;gap:10px;margin-top:4px;display:flex}.danger-text-button{border:1px solid rgba(var(--danger-rgb), .28);color:var(--danger);background:var(--danger-soft);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:10px 13px;font-weight:800;display:inline-flex}@keyframes custom-select-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.wide-field{grid-column:span 2}.current-employee-field{grid-column:span 1}.form-actions{align-items:center;gap:10px;display:flex}.quiet-button,.quiet-icon-button,.danger-icon-button{border:1px solid var(--line);color:var(--text);background:var(--surface-input);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.quiet-button{padding:10px 13px}.quiet-icon-button,.danger-icon-button{width:36px;height:36px;padding:0}.quiet-button:hover,.quiet-icon-button:hover{border-color:var(--line-strong)}.danger-icon-button{color:var(--danger)}.danger-icon-button:disabled{cursor:not-allowed;opacity:.4}.notice-message{border-radius:8px;padding:13px 15px;font-weight:800}.error-message{border:1px solid rgba(var(--danger-rgb), .26);color:var(--danger);background:var(--danger-soft)}.success-message{border:1px solid rgba(var(--success-rgb), .32);color:var(--success);background:var(--success-soft)}.table-state{border:1px solid var(--line);color:var(--muted);background:var(--surface-input);text-align:center;border-radius:8px;margin-top:24px;padding:28px}.employee-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;min-width:0;margin-top:22px;display:grid}.employee-directory-card{border:1px solid var(--border-subtle);background:linear-gradient(180deg, rgba(var(--blush-rgb), .03), #ffffff04), var(--surface-card);min-width:0;box-shadow:none;border-radius:8px;gap:14px;padding:15px;display:grid}.employee-card-topline{justify-content:space-between;align-items:start;gap:12px;min-width:0;display:flex}.employee-card-topline div{gap:4px;min-width:0;display:grid}.employee-card-topline strong{min-width:0;color:var(--text);font-size:1rem;line-height:1.25}.employee-card-topline span:not(.status-pill){min-width:0;color:var(--muted-soft);font-size:.78rem;font-weight:800;line-height:1.35}.employee-card-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;min-width:0;margin:0;padding-top:2px;display:grid}.employee-card-details div{border-bottom:1px solid rgba(var(--blush-rgb), .075);gap:2px;min-width:0;padding:0 0 9px;display:grid}.employee-card-details dt{color:var(--muted-soft);text-transform:uppercase;font-size:.68rem;font-weight:900}.employee-card-details dd{min-width:0;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.86rem;font-weight:800;line-height:1.35}.employee-card-actions{justify-content:end;gap:8px;padding-top:1px;display:flex}.data-table-wrap{width:100%;min-width:0;max-width:100%;margin-top:22px;overflow:auto hidden}.data-table{border-collapse:collapse;width:100%;min-width:1120px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;padding:13px 12px}.data-table th{color:var(--muted-soft);text-transform:uppercase;font-size:.72rem;font-weight:900}.data-table td{color:var(--muted);font-size:.88rem}.data-table td strong{color:var(--text)}.status-pill{border:1px solid var(--line);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:84px;padding:5px 8px;font-size:.72rem;font-weight:900;display:inline-flex}.status-pill.active{border-color:rgba(var(--success-rgb), .36);color:var(--success);background:var(--success-soft)}.status-pill.inactive,.status-pill.terminated{color:var(--muted-soft);background:#ffffff09}.status-pill.on_leave{border-color:rgba(var(--champagne-rgb), .32);color:var(--accent-champagne);background:rgba(var(--champagne-rgb), .08)}.row-actions{justify-content:end;gap:8px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.metric-grid,.placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.hero-section{grid-template-columns:1fr}.employee-summary-grid,.employee-form{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-form-workflow{grid-template-columns:1fr}.employee-section-rail{border-bottom:1px solid #e9d6a61f;border-right:0;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.hero-section{display:grid}}@media (width<=760px){.app-shell{display:block}.sidebar{height:auto;position:static}.top-header,.header-actions{flex-direction:column;align-items:stretch}.content-area,.top-header{padding:22px}.metric-grid,.placeholder-grid,.content-grid,.employee-summary-grid,.employee-form,.employee-section-grid,.compensation-grid,.employee-card-details{grid-template-columns:1fr}.wide-field,.current-employee-field{grid-column:span 1}.employee-actions,.form-actions,.discard-confirm-actions,.employee-modal-footer{flex-direction:column;align-items:stretch}.employee-section-rail{grid-template-columns:1fr;padding:16px}.employee-section-panel{padding:18px}.employee-modal-header,.employee-modal-footer{padding-left:18px;padding-right:18px}.employee-card-grid{grid-template-columns:1fr}.employee-modal-backdrop{align-items:end;padding:16px}.employee-modal-card{width:100%;max-height:calc(100vh - 32px)}.login-panel,.state-card{padding:28px}}