:root{--brand-blush:#ead2cc;--brand-deep-brown:#3e2723;--blush-rgb:234, 210, 204;--brown-rgb:62, 39, 35;--champagne-rgb:151, 111, 72;--danger-rgb:176, 55, 62;--success-rgb:42, 117, 78;--warning-rgb:151, 111, 72;--color-bg:#f7f4f1;--color-surface:#fff;--color-surface-elevated:#fbfaf8;--color-surface-modal:#fff;--color-surface-input:#fff;--color-surface-input-strong:#f8f5f2;--color-text:#241817;--color-text-muted:#665a56;--color-text-subtle:#8a7d78;--color-border:#e2dad5;--color-border-subtle:#eee8e4;--color-border-strong:#d2c7c0;--color-accent:var(--brand-deep-brown);--color-accent-hover:#52352d;--color-accent-soft:rgba(var(--brown-rgb), .08);--color-accent-contrast:#fff;--color-focus:rgba(var(--brown-rgb), .18);--color-warning:#8a5f2f;--color-danger:#b0373e;--color-success:#2a754e;--shadow-card:0 10px 24px #3e27230f;--shadow-elevated:0 20px 52px #3e27231f;--color-page:var(--color-bg);--color-page-soft:#f0ebe6;--color-text-primary:var(--color-text);--color-text-secondary:var(--color-text-muted);--color-accent-strong:var(--color-accent-hover);--color-accent-ink:var(--color-accent);--app-bg:var(--color-bg);--app-bg-gradient:var(--color-bg);--sidebar-bg:var(--color-surface);--surface:var(--color-surface);--surface-card:var(--color-surface);--surface-elevated:var(--color-surface-elevated);--surface-modal:var(--color-surface-modal);--surface-input:var(--color-surface-input);--surface-input-strong:var(--color-surface-input-strong);--text-primary:var(--color-text-primary);--text-muted:var(--color-text-secondary);--text-subtle:var(--color-text-subtle);--border:var(--color-border);--border-subtle:var(--color-border-subtle);--border-strong:var(--color-border-strong);--accent-blush:var(--brand-blush);--accent-champagne:var(--color-warning);--accent-hover:var(--color-accent-hover);--accent-ink:var(--color-accent);--danger:var(--color-danger);--danger-soft:rgba(var(--danger-rgb), .1);--success:var(--color-success);--success-soft:rgba(var(--success-rgb), .1);--warning:var(--color-warning);--warning-soft:rgba(var(--warning-rgb), .1);--focus-ring:var(--color-focus);--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:var(--shadow-elevated);--soft-shadow:var(--shadow-card);--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}.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-ink);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-ink);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 var(--accent-ink);color:var(--color-accent-contrast);background:var(--accent-ink);font:inherit;cursor:pointer;border-radius:6px;font-weight:800}.login-form button:hover,.icon-text-button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.login-form button{padding:13px 18px}.form-error{color:var(--danger);font-size:.9rem}.app-shell{background:var(--app-bg-gradient);grid-template-columns:248px minmax(0,1fr);width:100%;min-width:0;height:100vh;min-height:100vh;transition:grid-template-columns .18s;display:grid;overflow:hidden}.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{z-index:35;border-right:1px solid var(--line);background:var(--sidebar-bg);box-sizing:border-box;flex-direction:column;gap:22px;height:100vh;min-height:0;padding:22px 14px;display:flex;position:sticky;top:0;overflow:visible}.brand-lockup{align-items:center;gap:12px;min-width:0;padding:6px 8px;display:flex}.brand-mark{border:1px solid rgba(var(--brown-rgb), .18);width:42px;height:42px;color:var(--accent-ink);background:var(--color-accent-soft);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-collapse-button{z-index:45;border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:var(--surface-input);box-shadow:0 10px 24px rgba(var(--brown-rgb), .08);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:24px;right:-17px}.sidebar-collapse-button:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface-input-strong)}.sidebar-nav{align-content:start;gap:6px;min-height:0;display:grid;overflow:visible}.nav-item{color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;padding:10px 11px;text-decoration:none;display:flex;position:relative}.nav-item:hover,.nav-item.active{border-color:var(--line);color:var(--text);background:var(--color-accent-soft)}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent-ink)}.nav-item span{display:grid}.nav-tooltip{z-index:30;border:1px solid var(--line);color:var(--text);background:var(--surface-elevated);box-shadow:var(--soft-shadow);white-space:nowrap;border-radius:7px;padding:7px 9px;font-size:.78rem;font-style:normal;font-weight:800;display:none;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.nav-item strong{font-size:.95rem}.sidebar-collapsed .sidebar{align-items:center;gap:18px;padding:20px 12px}.sidebar-collapsed .brand-lockup{justify-content:center;padding:4px 0}.sidebar-collapsed .brand-lockup div:not(.brand-mark),.sidebar-collapsed .nav-item>span,.sidebar-collapsed .account-button div,.sidebar-collapsed .account-logout span{display:none}.sidebar-collapsed .sidebar-collapse-button{right:-17px}.sidebar-collapsed .sidebar-nav{width:100%}.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:12px}.sidebar-collapsed .nav-item:hover .nav-tooltip,.sidebar-collapsed .nav-item:focus-visible .nav-tooltip,.sidebar-collapsed .account-button:hover .nav-tooltip,.sidebar-collapsed .account-button:focus-visible .nav-tooltip{display:block}.sidebar-account{border-top:1px solid var(--border-subtle);gap:8px;min-width:0;margin-top:auto;padding-top:14px;display:grid}.account-button,.account-logout{border:1px solid var(--line);min-width:0;color:var(--text);background:var(--surface-input);font:inherit;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:9px;display:flex;position:relative}.account-button span{width:30px;height:30px;color:var(--color-accent-contrast);background:var(--accent-ink);border-radius:7px;flex:none;place-items:center;font-size:.72rem;font-weight:900;display:grid}.account-button div{gap:1px;min-width:0;display:grid}.account-button strong,.account-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-button strong{font-size:.84rem}.account-button small{color:var(--muted-soft);text-transform:uppercase;font-size:.7rem;font-weight:800}.account-logout{color:var(--muted);cursor:pointer;justify-content:center;font-size:.82rem;font-weight:800}.account-logout:hover{border-color:var(--line-strong);color:var(--text)}.sidebar-collapsed .sidebar-account{width:100%}.sidebar-collapsed .account-button,.sidebar-collapsed .account-logout{justify-content:center}.workspace{z-index:1;flex-direction:column;min-width:0;height:100vh;min-height:0;display:flex;position:relative;overflow:hidden}.top-header{z-index:20;border-bottom:1px solid var(--line);background:#fffffff0;flex:none;justify-content:space-between;align-items:center;gap:24px;min-height:54px;padding:11px 28px;display:flex;position:sticky;top:0}.top-header-title{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:.9rem;font-weight:750;display:flex}.top-header-title strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:900;overflow:hidden}.top-header-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.top-header-separator{color:var(--muted-soft);flex:none}.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(--color-accent-contrast);background:var(--accent-ink);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}.danger-button{border:1px solid rgba(var(--danger-rgb), .35);color:var(--danger);background:rgba(var(--danger-rgb), .08);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-weight:800;display:inline-flex}.danger-button:disabled{cursor:not-allowed;opacity:.55}.content-area{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;padding:34px;overflow:hidden auto}.page-stack{gap:22px;min-width:0;max-width:100%;display:grid}.page-header{justify-content:space-between;align-items:start;gap:18px;min-width:0;padding:2px 0;display:flex}.page-header h2{color:var(--text);margin:0 0 5px;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.04}.page-header p{max-width:680px;color:var(--muted);font-size:.95rem;line-height:1.6}.page-header-actions{align-items:center;gap:8px;display:flex}.page-toolbar{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px 16px;display:flex}.page-toolbar>span{color:var(--muted);font-size:.83rem;font-weight:850}.placeholder-note{border:1px solid var(--border-subtle);background:var(--surface-elevated);border-radius:8px;min-width:0;padding:14px 16px}.placeholder-note p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.toast-viewport{z-index:240;pointer-events:none;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:22px;right:22px}.toast-card{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface);box-shadow:var(--soft-shadow);pointer-events:auto;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;animation:.15s ease-out toast-in;display:grid}.toast-card svg{margin-top:2px}.toast-card.success svg{color:var(--success)}.toast-card.danger svg{color:var(--danger)}.toast-card.warning svg{color:var(--warning)}.toast-card.info svg{color:var(--accent-ink)}.toast-card strong{color:var(--text);font-size:.88rem}.toast-card p{color:var(--muted);margin-top:2px;font-size:.8rem;line-height:1.4}.toast-dismiss{width:26px;height:26px;color:var(--muted-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.toast-dismiss:hover{color:var(--text);background:var(--surface-input-strong)}.skeleton-block{background:linear-gradient(90deg, rgba(var(--brown-rgb), .06), rgba(var(--brown-rgb), .11), rgba(var(--brown-rgb), .06));background-size:220% 100%;border-radius:6px;animation:1.3s ease-in-out infinite skeleton-shimmer;display:block;overflow:hidden}.skeleton-list{gap:8px;display:grid}.skeleton-row{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:grid}.skeleton-row>div{gap:8px;min-width:0;display:grid}.skeleton-avatar,.skeleton-icon{width:34px;height:34px}.skeleton-line{height:11px}.skeleton-line.short{width:34%}.skeleton-line.medium{width:58%}.skeleton-line.long{width:82%}.skeleton-pill{border-radius:999px;width:86px;height:24px}.skeleton-button{width:38px;height:38px}.skeleton-card{border-radius:8px;min-height:116px}.hero-section{border:1px solid var(--line);background: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-ink);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:var(--surface-elevated);border-radius:8px;align-items:end;gap:12px;min-height:180px;padding:18px;display:flex}.chart-placeholder span{background:var(--accent-ink);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: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}.section-heading p{max-width:720px;color:var(--muted);margin-top:6px;font-size:.9rem}.employees-directory-panel{min-width:0;min-height:auto;overflow:hidden}.employee-modal-backdrop{z-index:100;background:rgba(var(--brown-rgb), .26);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:var(--surface-modal);width:min(1120px,100vw - 48px);min-width:0;height:min(860px,100vh - 48px);max-height:min(860px,100vh - 48px);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;animation:.15s ease-out modal-card-in;display:flex;position:relative;overflow:hidden}.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}.app-modal-card.compact{width:min(720px,100vw - 48px);height:auto}.app-modal-card.wide{width:min(1120px,100vw - 48px)}.app-modal-header p{color:var(--muted);margin-top:6px;font-size:.9rem}.app-modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.app-modal-card.compact .app-modal-body{flex:0 auto;display:block;overflow-y:auto}.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:var(--surface-elevated);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-ink);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(--brown-rgb), .18);background:var(--color-accent-soft)}.employee-section-step[aria-current=step] span{color:var(--color-accent-contrast);background:var(--accent-ink)}.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-ink);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,.percent-input-wrap{min-width:0;display:block;position:relative}.money-input-wrap input{padding-left:32px}.percent-input-wrap input{padding-right:36px}.money-prefix{z-index:1;color:var(--accent-champagne);pointer-events:none;font-weight:900;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.percent-suffix{z-index:1;color:var(--accent-ink);pointer-events:none;font-weight:900;position:absolute;top:50%;right: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-ink);outline:2px solid var(--focus-ring)}.field-helper{color:var(--muted-soft);font-size:.72rem;font-weight:700;line-height:1.35}.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: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-ink);flex:none;transition:transform .16s}.custom-select-control[aria-expanded=true]{border-color:var(--accent-ink);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:var(--surface-elevated);max-height:280px;box-shadow:var(--shadow);transform-origin:top;border-radius:8px;gap:3px;padding:6px;animation:.14s ease-out custom-select-in;display:grid;position:fixed;overflow-y:auto}.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(--brown-rgb), .16);color:var(--text);background:var(--color-accent-soft)}.custom-select-option.selected{color:var(--accent-ink);background:var(--color-accent-soft)}.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: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-ink);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-ink);background:var(--surface-input-strong);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:var(--surface-elevated);width:min(336px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:var(--shadow);border-radius:8px;padding:10px;animation:.14s ease-out custom-select-in;position:fixed;overflow-y:auto}.date-picker-nav{grid-template-columns:30px 30px minmax(0,1fr) 30px 30px;align-items:center;gap:6px;min-width:0;margin-bottom:8px;display:grid}.date-picker-nav strong{min-width:0;color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:900;overflow:hidden}.date-picker-nav-button{border:1px solid var(--border);width:30px;height:30px;color:var(--accent-ink);background:var(--surface-input);cursor:pointer;border-radius:6px;place-items:center;display:grid}.date-picker-nav-button:hover:not(:disabled),.date-picker-nav-button:focus-visible{border-color:var(--border-strong);background:var(--surface-input-strong);outline:0}.date-picker-nav-button:disabled{cursor:not-allowed;opacity:.36}.silk-day-picker{--rdp-accent-color:var(--accent-ink);--rdp-accent-background-color:var(--color-accent-soft);--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(--brown-rgb), .34);--rdp-today-color:var(--accent-ink);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{color:var(--text);font-size:.88rem;font-weight:900}.silk-day-picker.custom-calendar-nav .rdp-month_caption{display:none}.silk-day-picker .rdp-chevron{fill:var(--accent-ink)}.silk-day-picker .rdp-button_previous,.silk-day-picker .rdp-button_next{border:1px solid var(--border);color:var(--accent-ink);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:var(--color-accent-soft)}.silk-day-picker .rdp-today:not(.rdp-outside) .rdp-day_button{color:var(--accent-ink)}.silk-day-picker .rdp-selected{font-size:inherit}.silk-day-picker .rdp-selected .rdp-day_button{color:var(--color-accent-contrast);background:var(--accent-ink)}.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(--brown-rgb), .3);color:var(--text);background:var(--color-accent-soft)}.compact-toggle-button[aria-checked=true] span{border-color:var(--accent-ink);background:var(--accent-ink);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(--brown-rgb), .3);background:var(--color-accent-soft)}.switch-control[aria-checked=true] span{background:var(--accent-ink);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:var(--surface-elevated);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:rgba(var(--brown-rgb), .18);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);width:min(100%,420px);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:22px;animation:.16s ease-out modal-card-in;display:grid}.discard-confirm-card>svg{color:var(--accent-ink)}.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)}}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.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,.danger-action{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: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 var(--border-subtle);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)}.status-pill.open{border-color:rgba(var(--success-rgb), .36);color:var(--success);background:var(--success-soft)}.status-pill.draft{color:var(--muted-soft);background:#ffffff09}.status-pill.closed,.status-pill.archived{border-color:rgba(var(--champagne-rgb), .28);color:var(--accent-champagne);background:rgba(var(--champagne-rgb), .08)}.employee-stats-header{justify-content:space-between;align-items:start;gap:18px;min-width:0;padding:4px 0 2px;display:flex}.employee-stats-header h2{color:var(--text);margin:4px 0 6px;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.04}.employee-stats-header p{max-width:680px;color:var(--muted);margin:0;font-size:.96rem;line-height:1.7}.employee-stats-header .quiet-icon-button{background:var(--surface-card);flex:none}.kpi-hero-actions{align-items:stretch;gap:12px;min-width:0;display:flex}.kpi-hero-card{min-width:min(100%,280px)}.kpi-section-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0;display:flex}.kpi-entry-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;min-width:0;display:grid}.kpi-period-panel,.kpi-form-panel,.kpi-saved-panel,.kpi-payroll-status-panel,.submission-panel,.employee-stats-empty-panel{border-color:var(--line);background:var(--surface-card);min-width:0;min-height:auto;box-shadow:var(--soft-shadow);overflow:hidden}.kpi-period-selector,.kpi-form-panel,.kpi-entry-form,.kpi-period-form{gap:16px;min-width:0;display:grid}.kpi-period-layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);align-items:start;gap:18px;min-width:0;margin-top:18px;display:grid}.kpi-range-actions{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.kpi-selected-period{border:1px solid var(--border-subtle);background:var(--surface-elevated);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px;display:grid}.kpi-selected-period svg{color:var(--accent-ink)}.kpi-selected-period div{gap:3px;min-width:0;display:grid}.kpi-selected-period strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kpi-selected-period span{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.82rem;font-weight:800}.kpi-empty-state{margin-top:0}.coverage-calendar{border:1px solid var(--line);background:var(--surface-elevated);border-radius:8px;gap:9px;min-width:0;padding:12px;display:grid}.kpi-period-layout .coverage-calendar{aspect-ratio:1;align-self:start;width:100%}.coverage-calendar-header{justify-content:space-between;align-items:end;gap:12px;min-width:0;display:flex}.coverage-calendar-header div{gap:2px;min-width:0;display:grid}.coverage-calendar-header span,.coverage-calendar-header small{color:var(--muted-soft);text-transform:uppercase;font-size:.68rem;font-weight:900}.coverage-calendar-header strong{color:var(--text);font-size:1rem}.coverage-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0;display:grid}.coverage-weekday,.coverage-day{border-radius:999px;place-items:center;min-width:0;min-height:26px;font-size:.76rem;font-weight:800;display:grid}.coverage-weekday{min-height:22px;color:var(--muted-soft);text-transform:uppercase;font-size:.62rem}.coverage-day{color:var(--muted);background:0 0;border:1px solid #0000}.coverage-day.outside{opacity:.32}.coverage-day.covered{border-color:rgba(var(--brown-rgb), .24);color:var(--accent-ink);background:var(--color-accent-soft)}.coverage-day.selected{border-color:var(--accent-ink);color:var(--color-accent-contrast);background:var(--accent-ink);box-shadow:none}.coverage-day.today:not(.covered){border-color:var(--line-strong)}.coverage-calendar p{color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.35}.kpi-entry-empty-state{justify-items:start;gap:10px;display:grid}.kpi-entry-empty-state strong{color:var(--text)}.kpi-entry-empty-state span{color:var(--muted);font-size:.9rem}.kpi-period-form{border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:18px}.kpi-preset-actions{flex-wrap:wrap;gap:8px;display:flex}.kpi-period-actions{justify-content:flex-end}.kpi-employee-count{color:var(--muted-soft);margin-top:-8px;font-size:.78rem;font-weight:800}.kpi-modal-form{margin:0;padding:24px}.kpi-step-form{flex-direction:column;height:100%;min-height:0;display:flex}.kpi-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin:-2px;padding:2px;display:grid;overflow:visible}.kpi-stepper-item{border:1px solid var(--line);min-width:0;color:var(--muted);background:var(--surface-card);font:inherit;text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px;display:grid}.kpi-stepper-item span{width:28px;height:28px;color:var(--accent-ink);background:var(--color-accent-soft);border-radius:999px;place-items:center;font-size:.72rem;font-weight:900;display:grid}.kpi-stepper-item strong{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.kpi-stepper-item[aria-current=step]{border-color:rgba(var(--brown-rgb), .32);color:var(--text);background:var(--color-accent-soft)}.kpi-stepper-item:hover,.kpi-stepper-item:focus-visible{border-color:rgba(var(--brown-rgb), .28);background:var(--color-accent-soft);box-shadow:0 1px 2px rgba(var(--brown-rgb), .08);outline:0;transform:none}.kpi-stepper-item[aria-current=step] strong{color:var(--text)}.kpi-step-layout{flex:1;grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:stretch;gap:18px;min-height:0;display:grid;overflow:visible}.kpi-step-summary{border:1px solid var(--line);background:var(--surface-elevated);border-radius:8px;align-content:start;align-self:stretch;gap:10px;min-width:0;height:100%;min-height:0;padding:16px;display:grid}.kpi-step-summary>div:first-child{border-bottom:1px solid var(--border-subtle);gap:3px;min-width:0;padding-bottom:10px;display:grid}.kpi-summary-source{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;gap:3px;min-width:0;padding:10px;display:grid}.kpi-step-summary span,.kpi-summary-metric span{color:var(--muted-soft);text-transform:uppercase;font-size:.66rem;font-weight:900}.kpi-step-summary strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kpi-step-summary p{color:var(--muted);font-size:.78rem;font-weight:750;line-height:1.45}.kpi-summary-metric{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:11px;display:grid}.kpi-summary-metric svg{color:var(--accent-ink)}.kpi-summary-metric div{gap:1px;min-width:0;display:grid}.kpi-summary-metric strong{font-size:.92rem}.kpi-step-main{flex-direction:column;gap:16px;min-width:0;height:100%;min-height:0;display:flex;overflow:visible}.kpi-step-context{gap:3px}.kpi-step-context p{max-width:none}.kpi-step-fields{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:14px;min-width:0;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.kpi-step-fields>.custom-select-field:first-child,.kpi-step-fields>[data-kpi-field=employee]{grid-column:1/-1}.kpi-form-helper{color:var(--muted-soft);margin-top:-6px;font-size:.82rem;font-weight:800}.kpi-modal-employee-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;min-width:0;display:grid}.kpi-modal-actions{justify-content:flex-end;gap:10px;display:flex}.kpi-entry-form .employee-modal-footer,.kpi-period-form .employee-modal-footer{justify-content:space-between;margin:0 -24px -24px}.info-message{border:1px solid rgba(var(--champagne-rgb), .28);color:var(--accent-champagne);background:rgba(var(--champagne-rgb), .08)}.kpi-calculation-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.kpi-calculated-card{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.kpi-calculated-card svg{color:var(--accent-ink);flex:none}.kpi-calculated-card div{gap:1px;min-width:0;display:grid}.kpi-calculated-card span{color:var(--muted-soft);text-transform:uppercase;font-size:.68rem;font-weight:900}.kpi-calculated-card strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.kpi-form-section{border-top:1px solid var(--border-subtle);gap:14px;min-width:0;padding-top:18px;display:grid}.kpi-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;min-width:0;display:grid}.kpi-field-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-period-form label,.kpi-entry-form label,.kpi-period-form .custom-select-field,.kpi-entry-form .custom-select-field,.kpi-period-form .date-picker-field,.kpi-entry-form .date-picker-field,.kpi-form-panel>.custom-select-field{min-width:0;color:var(--muted);gap:7px;font-size:.84rem;font-weight:800;display:grid}.kpi-period-form input,.kpi-entry-form input,.kpi-entry-form textarea{border:1px solid var(--line-strong);width:100%;min-height:47px;color:var(--text);background:var(--surface-input);font:inherit;border-radius:6px;padding:11px 12px}.kpi-entry-form input[readonly]{color:var(--muted);background:#ffffff09}.kpi-entry-form .money-input-wrap input{padding-left:38px}.kpi-entry-form .percent-input-wrap input{padding-right:38px}.kpi-period-form input:focus,.kpi-entry-form input:focus,.kpi-entry-form textarea:focus{border-color:var(--accent-ink);outline:2px solid var(--focus-ring)}.kpi-entry-form textarea{resize:vertical;min-height:72px}.kpi-notes-field{grid-column:1/-1}.kpi-form-actions{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;padding-top:18px;display:flex}.kpi-form-actions span{color:var(--muted-soft);text-transform:uppercase;font-size:.78rem;font-weight:900}.kpi-form-actions strong{color:var(--accent-champagne)}.kpi-period-badge{border:1px solid var(--border);max-width:260px;color:var(--muted);background:var(--surface-input);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900;overflow:hidden}.kpi-entry-card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;min-width:0;margin-top:22px;display:grid}.kpi-entry-card{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;gap:14px;min-width:0;padding:15px;display:grid}.kpi-entry-card-header{justify-content:space-between;align-items:start;gap:12px;min-width:0;display:flex}.kpi-entry-card-header div{gap:4px;min-width:0;display:grid}.kpi-entry-card-header strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kpi-entry-card-header span{color:var(--muted-soft);font-size:.76rem;font-weight:800}.kpi-entry-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px;min-width:0;margin:0;display:grid}.kpi-entry-card-metrics div{border-bottom:1px solid var(--border-subtle);gap:2px;min-width:0;padding-bottom:8px;display:grid}.kpi-entry-card-metrics dt{color:var(--muted-soft);text-transform:uppercase;font-size:.65rem;font-weight:900}.kpi-entry-card-metrics dd{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.84rem;font-weight:800;overflow:hidden}.kpi-entry-notes{border:1px solid var(--border-subtle);color:var(--muted);background:#ffffff07;border-radius:6px;padding:11px 12px;font-size:.84rem;line-height:1.5}.employee-stats-empty-panel{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-stats-empty-panel h3,.employee-stats-empty-panel p{margin:0}.employee-stats-empty-panel h3{color:var(--text)}.employee-stats-empty-panel p{color:var(--muted);margin-top:5px;line-height:1.5}.employee-stats-table-wrap{min-width:0;padding-bottom:2px;overflow-x:auto}.employee-stats-table{border-collapse:separate;border-spacing:0 7px;width:100%;min-width:1040px}.employee-stats-table th,.employee-stats-table td{color:var(--muted);text-align:left;white-space:nowrap;padding:11px 10px;font-size:.78rem;font-weight:800}.employee-stats-table thead th{color:var(--muted-soft);text-transform:uppercase;padding-top:0;padding-bottom:6px;font-size:.63rem;font-weight:900}.employee-stats-table tbody tr{background:var(--surface-elevated)}.employee-stats-table tbody th,.employee-stats-table tbody td{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.employee-stats-table tbody th:first-child{border-left:1px solid var(--border-subtle);border-radius:8px 0 0 8px}.employee-stats-table tbody td:last-child{border-right:1px solid var(--border-subtle);border-radius:0 8px 8px 0}.employee-stats-table tbody tr.is-missing{background:var(--surface-card)}.employee-stats-table tbody tr.is-missing td:not(:last-child){color:var(--muted-soft)}.employee-stats-person-cell{min-width:190px}.employee-stats-person-cell strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;display:block;overflow:hidden}.employee-stats-person-cell span{color:var(--muted-soft);margin-top:3px;font-size:.72rem;font-weight:800;display:block}.submission-status{border:1px solid var(--border-subtle);text-transform:uppercase;border-radius:999px;justify-self:start;padding:5px 9px;font-size:.66rem;font-weight:900}.submission-status.submitted{border-color:rgba(var(--success-rgb), .32);color:var(--success);background:var(--success-soft)}.submission-status.missing{border-color:rgba(var(--champagne-rgb), .28);color:var(--accent-champagne);background:rgba(var(--champagne-rgb), .075)}.submission-actions{justify-content:flex-end;gap:7px;display:flex}.employee-stats-actions-cell{text-align:right}.employee-stats-actions-cell .submission-actions{justify-content:flex-end}.compact-action{min-height:34px;padding:7px 10px;font-size:.76rem}.delete-confirm-card{gap:18px;padding:22px;display:grid}.delete-confirm-card p{color:var(--muted);margin:0;line-height:1.6}.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)}.app-shell.sidebar-collapsed{grid-template-columns:86px 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,.kpi-entry-grid,.employee-form{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-entry-grid,.kpi-period-layout{grid-template-columns:1fr}.kpi-period-layout .coverage-calendar{max-width:320px}.kpi-calculation-strip,.kpi-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-step-layout{grid-template-columns:1fr}.kpi-step-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-step-summary>div:first-child,.kpi-step-summary p{grid-column:1/-1}.kpi-modal-employee-row,.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{height:auto;min-height:100vh;display:block;overflow:hidden visible}.app-shell.sidebar-collapsed{height:auto;display:block}.sidebar{height:auto;min-height:0;position:static;overflow:visible}.sidebar-collapse-button{align-self:flex-end;margin-left:auto;position:static}.top-header,.header-actions,.page-header,.page-toolbar{flex-direction:column;align-items:stretch}.workspace{height:auto;min-height:0;overflow:visible}.content-area,.top-header{padding:22px}.content-area{overflow:visible}.metric-grid,.placeholder-grid,.content-grid,.employee-summary-grid,.kpi-calculation-strip,.kpi-field-grid,.employee-form,.employee-section-grid,.compensation-grid,.employee-card-details,.kpi-entry-card-metrics{grid-template-columns:1fr}.wide-field,.current-employee-field{grid-column:span 1}.employee-actions,.kpi-hero-actions,.kpi-section-actions,.employee-stats-header,.employee-stats-empty-panel,.form-actions,.kpi-form-actions,.kpi-modal-actions,.kpi-preset-actions,.discard-confirm-actions,.employee-modal-footer{flex-direction:column;align-items:stretch}.employee-stats-table-wrap{overflow-x:visible}.employee-stats-table{border-spacing:0;min-width:0;display:block}.employee-stats-table thead{display:none}.employee-stats-table tbody{gap:10px;display:grid}.employee-stats-table tbody tr{border:1px solid var(--border-subtle);border-radius:8px;padding:12px;display:grid}.employee-stats-table tbody th,.employee-stats-table tbody td,.employee-stats-table tbody th:first-child,.employee-stats-table tbody td:last-child{white-space:normal;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:14px;padding:7px 0;display:flex}.employee-stats-table td:before{content:attr(data-label);color:var(--muted-soft);text-transform:uppercase;font-size:.62rem;font-weight:900}.employee-stats-table tbody .employee-stats-person-cell{border-bottom:1px solid var(--border-subtle);justify-content:stretch;align-items:start;gap:3px;padding-bottom:10px;display:grid}.employee-stats-actions-cell,.employee-stats-actions-cell .submission-actions{text-align:left;justify-content:flex-start}.kpi-selected-period{grid-template-columns:auto minmax(0,1fr)}.kpi-period-layout .coverage-calendar{aspect-ratio:auto;max-width:none}.kpi-stepper,.kpi-step-summary,.kpi-step-fields{grid-template-columns:1fr}.kpi-step-form{min-height:auto}.coverage-calendar-header{flex-direction:column;align-items:start}.kpi-notes-field{grid-column:span 1}.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)}.app-modal-card.compact,.app-modal-card.wide{width:100%}.kpi-modal-form{padding:18px}.kpi-entry-form .employee-modal-footer,.kpi-period-form .employee-modal-footer{margin:0 -18px -18px}.login-panel,.state-card{padding:28px}}