: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)}.icon-text-button[aria-disabled=true],.quiet-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.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:320;background:rgba(var(--brown-rgb), .34);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:11px;min-width:0;padding:13px;display:grid}.kpi-period-layout .coverage-calendar{aspect-ratio:1;align-self:start;width:100%}.coverage-calendar-header{gap:10px;min-width:0;display:grid}.coverage-calendar-title-row,.coverage-calendar-nav-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.coverage-calendar-nav-row{grid-template-columns:30px minmax(0,1fr) 30px;justify-items:center;gap:8px;display:grid}.coverage-month-button{border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--muted);background:var(--surface-card);font:inherit;cursor:pointer;border-radius:999px;place-items:center;font-size:.78rem;font-weight:900;line-height:1;transition:border-color .16s,color .16s,background .16s;display:grid}.coverage-month-button:hover,.coverage-month-button:focus-visible{border-color:rgba(var(--brown-rgb), .28);color:var(--accent-ink);background:var(--color-accent-soft);outline:0}.coverage-calendar-title-row span,.coverage-status-pill{color:var(--muted-soft);text-transform:uppercase;font-size:.68rem;font-weight:900}.coverage-status-pill{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:999px;padding:4px 7px;line-height:1}.coverage-status-pill.coverage-complete{border-color:rgba(var(--success-rgb), .26);color:var(--success);background:var(--success-soft)}.coverage-status-pill.coverage-incomplete{border-color:rgba(var(--warning-rgb), .26);color:var(--warning);background:var(--warning-soft)}.coverage-calendar-nav-row strong{min-width:0;color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;overflow:hidden}.coverage-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px 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{width:28px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;justify-self:center}.coverage-day.outside{color:rgba(var(--brown-rgb), .38);opacity:1}.coverage-day:not(.covered):not(.selected){border-color:rgba(var(--brown-rgb), .12);background:0 0}.coverage-day.covered{border-color:rgba(var(--brown-rgb), .2);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:rgba(var(--brown-rgb), .26);color:var(--accent-ink)}.coverage-calendar-empty{color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.35}.coverage-calendar-legend{flex-wrap:wrap;align-items:center;gap:7px 12px;min-width:0;padding-top:2px;display:flex}.coverage-legend-item{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:.68rem;font-weight:850;line-height:1.25;display:inline-flex}.coverage-legend-marker{background:0 0;border:1px solid #0000;border-radius:999px;flex:0 0 12px;width:12px;height:12px}.coverage-legend-marker.missing{border-color:rgba(var(--brown-rgb), .26)}.coverage-legend-marker.covered{border-color:rgba(var(--brown-rgb), .2);background:var(--color-accent-soft)}.coverage-legend-marker.selected{border-color:var(--accent-ink);background:var(--accent-ink)}.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)}.warning-message{border:1px solid rgba(var(--warning-rgb), .3);color:var(--warning);background:var(--warning-soft)}.danger-message{border:1px solid rgba(var(--danger-rgb), .3);color:var(--danger);background:var(--danger-soft);align-items:start;gap:8px;display:flex}.danger-message svg{flex:none;margin-top:1px}.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}.payroll-page .page-header{align-items:end}.payroll-coverage-panel,.payroll-saved-panel{min-height:auto;overflow:hidden}.payroll-coverage-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.payroll-coverage-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:18px;min-width:0;margin-top:18px;display:grid}.payroll-recent-ranges{gap:12px;min-width:0;display:grid}.payroll-recent-ranges h4{color:var(--text);margin:0;font-size:.95rem}.payroll-range-list{gap:9px;min-width:0;display:grid}.payroll-range-item{border:1px solid var(--border-subtle);min-width:0;color:var(--muted);background:var(--surface-elevated);font:inherit;text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px;display:grid}.payroll-range-item:hover,.payroll-range-item[aria-pressed=true]{border-color:rgba(var(--brown-rgb), .28);background:var(--color-accent-soft)}.payroll-range-item span,.payroll-range-item strong,.payroll-range-item small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.payroll-range-item span{color:var(--text);font-size:.86rem;font-weight:850}.payroll-range-item strong{color:var(--accent-ink);font-size:.88rem}.payroll-range-item small{color:var(--muted-soft);grid-column:1/-1;font-size:.74rem;font-weight:800}.payroll-selected-range{color:var(--muted);margin-top:14px;font-size:.82rem;font-weight:850}.payroll-upload-box{border:1px dashed var(--line-strong);background:var(--surface-elevated);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;margin-top:18px;padding:16px;display:grid}.payroll-upload-box>svg{color:var(--accent-ink)}.payroll-upload-box div{gap:3px;min-width:0;display:grid}.payroll-upload-box strong{color:var(--text);font-size:.94rem}.payroll-upload-box span{color:var(--muted);font-size:.84rem;line-height:1.45}.payroll-import-modal{flex-direction:column;height:100%;min-height:0;display:flex}.payroll-import-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;padding:18px 24px 0;display:grid}.payroll-import-steps button{border:1px solid var(--border-subtle);min-width:0;color:var(--muted);background:var(--surface-card);font:inherit;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;cursor:pointer;border-radius:8px;padding:9px 10px;font-size:.72rem;font-weight:900;overflow:hidden}.payroll-import-steps button.active,.payroll-import-steps button[aria-current=step]{border-color:rgba(var(--brown-rgb), .28);color:var(--accent-ink);background:var(--color-accent-soft)}.payroll-import-steps button[aria-disabled=true]{cursor:not-allowed;opacity:.58}.payroll-upload-step{gap:12px;min-width:0;display:grid}.payroll-upload-box-modal{margin:18px 24px 0}.payroll-selected-file{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin:0 24px;padding:12px;display:grid}.payroll-selected-file div{gap:3px;min-width:0;display:grid}.payroll-selected-file span,.payroll-selected-file small{color:var(--muted-soft);text-transform:uppercase;font-size:.66rem;font-weight:900}.payroll-selected-file strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.payroll-selected-file small{color:var(--muted);text-transform:none;font-size:.74rem}.payroll-import-modal>.notice-message{margin:12px 24px 0}.payroll-import-modal>.table-state{margin:18px 24px 0}.payroll-import-modal .payroll-preview-stack{flex:1;min-height:0;margin-top:0;padding:18px 24px;overflow-y:auto}.payroll-import-modal-footer{flex:none;margin-top:auto}.payroll-import-footer-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.payroll-confirm-summary{border:1px solid rgba(var(--success-rgb), .22);background:var(--success-soft);border-radius:8px;gap:6px;min-width:0;margin:0;padding:12px;display:grid}.payroll-confirm-summary h4{color:var(--text);margin:0;font-size:.9rem}.payroll-confirm-summary p{color:var(--muted);margin:0;font-size:.78rem;font-weight:800;line-height:1.45}.payroll-preview-stack{gap:14px;min-width:0;margin-top:18px;display:grid}.payroll-preview-meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0;display:grid}.payroll-preview-stat{border:1px solid var(--border-subtle);background:var(--surface-elevated);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.payroll-preview-stat span,.payroll-preview-details span{color:var(--muted-soft);text-transform:uppercase;font-size:.66rem;font-weight:900}.payroll-preview-stat strong,.payroll-preview-details strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.payroll-preview-stat.file strong{overflow-wrap:anywhere;white-space:normal}.payroll-preview-details{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;display:grid}.payroll-preview-details div{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.payroll-error-list{border:1px solid rgba(var(--danger-rgb), .24);color:var(--danger);background:var(--danger-soft);border-radius:8px;gap:6px;padding:12px;font-size:.82rem;font-weight:800;display:grid}.payroll-employee-updates{border:1px solid rgba(var(--success-rgb), .22);background:var(--success-soft);border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.payroll-employee-updates h4{color:var(--text);margin:0;font-size:.9rem}.payroll-employee-updates p,.payroll-match-attention p{color:var(--muted);margin:0;font-size:.78rem;font-weight:800;line-height:1.45}.payroll-employee-updates>div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;min-width:0;display:grid}.payroll-employee-updates article{border:1px solid rgba(var(--success-rgb), .18);background:var(--surface-card);border-radius:8px;gap:3px;min-width:0;padding:10px;display:grid}.payroll-employee-updates strong{color:var(--text);font-size:.84rem}.payroll-employee-updates span,.payroll-match-note{color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.35}.payroll-match-attention{border:1px solid rgba(var(--warning-rgb), .26);background:var(--warning-soft);border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.payroll-match-attention h4{color:var(--text);margin:0;font-size:.9rem}.payroll-match-attention>div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;min-width:0;display:grid}.payroll-match-attention article{border:1px solid rgba(var(--warning-rgb), .18);background:var(--surface-card);border-radius:8px;gap:10px;min-width:0;padding:10px;display:grid}.payroll-match-attention article>div{gap:3px;min-width:0;display:grid}.payroll-match-attention strong{color:var(--text);font-size:.84rem}.payroll-match-attention span{color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.35}.payroll-table-wrap{margin-top:2px}.payroll-preview-table{min-width:1280px}.payroll-saved-table{table-layout:fixed;min-width:1040px}.payroll-saved-table .payroll-range-column{width:19%}.payroll-saved-table .payroll-type-column{width:9%}.payroll-saved-table .payroll-count-column{width:7%}.payroll-saved-table .payroll-money-column{width:10%}.payroll-saved-table .payroll-source-column{width:17%}.payroll-saved-table .payroll-date-column{width:14%}.payroll-saved-table .payroll-actions-column{width:7%}.payroll-row-actions{display:inline-flex;position:relative}.payroll-actions-menu{z-index:360;border:1px solid var(--border-subtle);background:var(--surface-modal);min-width:160px;box-shadow:var(--shadow);border-radius:8px;gap:4px;padding:6px;display:grid;position:fixed}.payroll-actions-menu button{min-width:0;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 9px;font-size:.76rem;font-weight:850;display:flex}.payroll-actions-menu button:hover,.payroll-actions-menu button:focus-visible{color:var(--text);background:var(--surface-elevated);outline:0}.payroll-actions-menu button.danger-action{color:var(--danger)}.payroll-source-file-cell{white-space:normal;min-width:0}.payroll-source-file-cell span,.payroll-source-file-cell small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.payroll-source-file-cell span{color:var(--text);font-weight:850}.payroll-source-file-cell small{color:var(--muted-soft);margin-top:3px;font-size:.68rem;font-weight:800}.payroll-details-modal{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 24px 24px;display:flex;overflow:hidden}.payroll-details-meta{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;flex:none;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:10px;min-width:0;padding:12px;display:grid}.payroll-details-meta div{gap:4px;min-width:0;display:grid}.payroll-details-meta span{color:var(--muted-soft);text-transform:uppercase;font-size:.66rem;font-weight:900}.payroll-details-meta strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:850;line-height:1.35;overflow:hidden}.payroll-details-meta div:first-child strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.payroll-details-summary{flex:none;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0;display:grid}.payroll-detail-table-wrap{flex:1;min-height:0;overflow:auto}.payroll-detail-table{font-variant-numeric:tabular-nums;min-width:2920px}.payroll-detail-table th,.payroll-detail-table td{vertical-align:top;line-height:1.35}.payroll-detail-table thead th:nth-child(n+4){text-align:right}.payroll-detail-table thead th:nth-child(-n+3),.payroll-detail-table tbody th{text-align:left}.payroll-detail-table td:not(.payroll-detail-text-cell){text-align:right}.payroll-detail-table .employee-stats-person-cell{min-width:220px}.payroll-detail-table .employee-stats-person-cell strong{text-overflow:clip;white-space:normal;line-height:1.35;overflow:visible}.payroll-detail-text-cell{overflow-wrap:anywhere;text-align:left;white-space:normal;min-width:190px;max-width:260px;line-height:1.35}.payroll-detail-text-cell.compact{min-width:130px;max-width:160px}.payroll-status-chip{border:1px solid var(--border-subtle);text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:4px 9px;font-size:.68rem;font-weight:900;display:inline-flex}.payroll-status-chip.imported{border-color:rgba(var(--success-rgb), .26);color:var(--success);background:var(--success-soft)}.payroll-preview-table .custom-select-field{gap:5px;min-width:190px;font-size:.72rem}.payroll-preview-table .custom-select-control{min-height:38px;padding:8px 9px}.payroll-preview-table .field-error{white-space:normal;max-width:190px}.payroll-match-note{white-space:normal;max-width:220px;margin-top:5px;display:block}.payroll-import-row-count{color:var(--muted-soft);margin-top:3px;font-size:.7rem;font-weight:800;display:block}.reports-page{padding-bottom:20px}.reports-range-button{border:1px solid var(--line);max-width:100%;min-height:44px;color:var(--text);background:var(--surface-card);box-shadow:var(--soft-shadow);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:.88rem;font-weight:850;display:inline-flex}.reports-range-button svg{color:var(--accent-ink);flex:none}.reports-range-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reports-range-button:hover,.reports-range-button:focus-visible{border-color:var(--line-strong);background:var(--surface-input-strong);outline:0}.reports-range-button:disabled{cursor:not-allowed;opacity:.58}.reports-range-card.app-modal-card.wide{width:min(860px,100vw - 40px);height:auto;max-height:min(720px,100vh - 40px)}.reports-range-card .app-modal-header{padding:22px 24px 16px}.reports-range-card .app-modal-header h3{font-size:1.32rem}.reports-range-card .app-modal-header p{max-width:720px;font-size:.88rem;line-height:1.5}.reports-range-card .app-modal-body{flex:0 auto;display:block;overflow-y:auto}.reports-range-modal{gap:14px;min-width:0;padding:16px 24px 20px;display:grid}.reports-range-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.reports-range-summary div{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;gap:4px;min-width:0;padding:11px 12px;display:grid}.reports-range-summary span,.reports-source-legend summary,.reports-status-heading span,.reports-metric-list dt{color:var(--muted-soft);text-transform:uppercase;font-size:.66rem;font-weight:900}.reports-range-summary strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.reports-range-calendar{--rdp-accent-color:var(--accent-ink);--rdp-accent-background-color:rgba(var(--champagne-rgb), .13);--rdp-day-height:36px;--rdp-day-width:38px;--rdp-day_button-height:31px;--rdp-day_button-width:31px;--rdp-day_button-border:1px solid transparent;--rdp-day_button-border-radius:999px;--rdp-months-gap:40px;--rdp-nav-height:36px;--rdp-nav_button-height:34px;--rdp-nav_button-width:34px;--rdp-outside-opacity:.38;--rdp-selected-border:1px solid transparent;--rdp-today-color:var(--accent-ink);border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:8px;justify-self:center;width:fit-content;max-width:100%;padding:14px 16px 12px}.reports-range-calendar.silk-day-picker .rdp-months{justify-content:center;align-items:start;gap:var(--rdp-months-gap);width:auto;max-width:none}.reports-range-calendar.silk-day-picker .rdp-month{width:266px;max-width:266px}.reports-range-calendar.silk-day-picker .rdp-month_grid{border-collapse:separate;border-spacing:0 4px;table-layout:fixed;width:266px;max-width:266px}.reports-range-calendar .rdp-nav{gap:6px;top:14px;right:16px}.reports-range-calendar .rdp-button_previous,.reports-range-calendar .rdp-button_next{border:1px solid var(--border);color:var(--accent-ink);background:var(--surface-input);border-radius:8px}.reports-range-calendar .rdp-button_previous:hover,.reports-range-calendar .rdp-button_next:hover,.reports-range-calendar .rdp-button_previous:focus-visible,.reports-range-calendar .rdp-button_next:focus-visible{border-color:var(--line-strong);background:var(--surface-input-strong);outline:0;transform:none}.reports-range-calendar .rdp-month_caption{border-bottom:1px solid var(--border-subtle);justify-content:center;height:36px;margin-bottom:7px}.reports-range-calendar .rdp-caption_label{color:var(--text);font-size:1rem;font-weight:900}.reports-range-calendar .rdp-weekday{height:30px;color:var(--muted-soft);opacity:1;text-align:center;padding:0;font-size:.68rem;font-weight:900}.reports-range-calendar .rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);background:0 0;padding:0;position:relative}.reports-range-calendar .rdp-day_button{z-index:1;color:var(--muted);margin:0 auto;font-size:.82rem;font-weight:850;position:relative}.reports-range-calendar .rdp-day_button:focus,.reports-range-calendar .rdp-day_button:focus-visible{box-shadow:0 0 0 2px rgba(var(--brown-rgb), .16);outline:0;border-color:rgba(var(--brown-rgb), .45)!important}.reports-range-calendar .rdp-day_button:hover{border-color:rgba(var(--brown-rgb), .2);color:var(--text);background:var(--color-accent-soft);transform:none}.reports-range-calendar .rdp-outside .rdp-day_button{color:var(--muted-soft)}.reports-range-calendar .rdp-today:not(.rdp-outside) .rdp-day_button{border-color:rgba(var(--brown-rgb), .28);color:var(--accent-ink);background:0 0}.reports-range-calendar .rdp-range_start,.reports-range-calendar .rdp-range_middle,.reports-range-calendar .rdp-range_end{background:0 0}.reports-range-calendar .rdp-range_start:before,.reports-range-calendar .rdp-range_middle:before,.reports-range-calendar .rdp-range_end:before{content:"";z-index:0;background:rgba(var(--champagne-rgb), .13);position:absolute;top:3px;bottom:3px}.reports-range-calendar .rdp-range_middle:before{left:0;right:0}.reports-range-calendar .rdp-range_start:before{left:50%;right:0}.reports-range-calendar .rdp-range_end:before{left:0;right:50%}.reports-range-calendar .rdp-week .rdp-range_middle:first-child:before{border-radius:999px 0 0 999px}.reports-range-calendar .rdp-week .rdp-range_middle:last-child:before{border-radius:0 999px 999px 0}.reports-range-calendar .rdp-week:nth-child(n+6),.reports-range-calendar .rdp-range_start.rdp-range_end:before{display:none}.reports-range-calendar .rdp-selected{font-size:inherit;font-weight:inherit}.reports-range-calendar .rdp-range_middle .rdp-day_button{color:var(--accent-ink);background:0 0;border-radius:999px;border-color:#0000!important}.reports-range-calendar .rdp-selected .rdp-day_button{border-color:#0000!important}.reports-range-calendar .rdp-range_start .rdp-day_button,.reports-range-calendar .rdp-range_end .rdp-day_button{color:var(--color-accent-contrast);background:var(--accent-ink);box-shadow:none;border-color:var(--accent-ink)!important}.reports-range-calendar .rdp-range_start.rdp-today .rdp-day_button,.reports-range-calendar .rdp-range_end.rdp-today .rdp-day_button{border-color:var(--accent-ink)!important}.reports-range-calendar .rdp-range_start .rdp-day_button:focus,.reports-range-calendar .rdp-range_start .rdp-day_button:focus-visible,.reports-range-calendar .rdp-range_end .rdp-day_button:focus,.reports-range-calendar .rdp-range_end .rdp-day_button:focus-visible{box-shadow:0 0 0 3px rgba(var(--brown-rgb), .2)}.reports-range-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.reports-range-footer>div{justify-content:flex-end;gap:10px;display:flex}.reports-completeness-panel,.reports-table-panel,.reports-total-panel,.reports-chart-card,.reports-source-legend{min-height:auto;overflow:hidden}.reports-completeness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin-top:18px;display:grid}.reports-status-card{border:1px solid var(--border-subtle);background:var(--surface-elevated);border-radius:8px;gap:10px;min-width:0;padding:14px;display:grid}.reports-status-card.complete,.reports-status-card.available{border-color:rgba(var(--success-rgb), .24);background:var(--success-soft)}.reports-status-card.partial{border-color:rgba(var(--warning-rgb), .26);background:var(--warning-soft)}.reports-status-card.missing{border-color:rgba(var(--danger-rgb), .22);background:var(--danger-soft)}.reports-status-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.reports-status-heading svg{color:var(--accent-ink)}.reports-status-card.complete .reports-status-heading svg,.reports-status-card.available .reports-status-heading svg{color:var(--success)}.reports-status-card.partial .reports-status-heading svg{color:var(--warning)}.reports-status-card.missing .reports-status-heading svg{color:var(--danger)}.reports-status-heading div{gap:2px;min-width:0;display:grid}.reports-status-heading strong{color:var(--text);font-size:1rem}.reports-status-card p,.reports-status-card small{color:var(--muted);font-size:.82rem;font-weight:760;line-height:1.5}.reports-status-card small{color:var(--muted-soft);font-size:.74rem}.reports-inline-notice{margin-top:12px}.reports-empty-state{margin-top:0}.reports-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.report-kpi-card{min-height:150px}.report-kpi-card-topline{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.report-source-chip{border:1px solid var(--border-subtle);color:var(--muted);background:var(--surface-elevated);text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;padding:5px 8px;font-size:.62rem;font-style:normal;font-weight:900;line-height:1}.report-source-chip.manual{border-color:rgba(var(--brown-rgb), .18);color:var(--accent-ink);background:var(--color-accent-soft)}.report-source-chip.csv{border-color:rgba(var(--champagne-rgb), .26);color:var(--warning);background:var(--warning-soft)}.report-source-chip.calculated{border-color:rgba(var(--success-rgb), .24);color:var(--success);background:var(--success-soft)}.reports-totals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.reports-total-panel{padding:20px}.reports-total-heading{border-bottom:1px solid var(--border-subtle);gap:5px;padding-bottom:14px;display:grid}.reports-total-heading h3{margin:0}.reports-metric-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;min-width:0;margin:0;display:grid}.reports-metric-list div{border-bottom:1px solid var(--border-subtle);gap:2px;min-width:0;padding:11px 0;display:grid}.reports-metric-list dd{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;font-weight:850;overflow:hidden}.reports-total-empty{margin-top:16px}.reports-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.reports-chart-card{gap:18px;padding:20px;display:grid}.reports-chart-card.wide{grid-column:1/-1}.reports-chart-heading{gap:5px;min-width:0;display:grid}.reports-chart-heading h3{margin:0}.reports-chart-heading p{color:var(--muted);font-size:.86rem;line-height:1.5}.reports-chart-frame{min-width:0;overflow:hidden}.reports-chart-frame.tall{overflow-x:auto}.reports-chart-frame .recharts-wrapper{font-size:.78rem}.reports-chart-empty{margin-top:0}.reports-table-wrap{margin-top:18px}.report-performance-table{min-width:2540px}.report-performance-table td:nth-child(n+3),.report-performance-table th:nth-child(n+3){text-align:right}.report-performance-table td:first-child,.report-performance-table th:first-child,.report-performance-table td:nth-child(2),.report-performance-table th:nth-child(2){text-align:left}.reports-row-statuses{flex-wrap:wrap;gap:5px;min-width:130px;display:inline-flex}.reports-source-legend{padding:0}.reports-source-legend summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;padding:16px 18px;list-style:none;display:flex}.reports-source-legend summary::-webkit-details-marker{display:none}.reports-source-legend summary:after{content:"+";color:var(--accent-ink);font-size:1.1rem;font-weight:900}.reports-source-legend[open] summary:after{content:"-"}.reports-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;padding:0 18px 18px;display:grid}.reports-source-grid article{border:1px solid var(--border-subtle);background:var(--surface-elevated);border-radius:8px;gap:5px;min-width:0;padding:13px;display:grid}.reports-source-grid span{color:var(--muted-soft);text-transform:uppercase;font-size:.66rem;font-weight:900}.reports-source-grid strong{color:var(--text);font-size:.88rem}.reports-source-grid p{color:var(--muted);font-size:.78rem;font-weight:760;line-height:1.45}.reports-loading-state{gap:22px;display:grid}.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,.payroll-coverage-layout,.reports-completeness-grid,.reports-totals-grid,.reports-chart-grid,.reports-source-grid{grid-template-columns:1fr}.reports-chart-card.wide{grid-column:auto}.kpi-period-layout .coverage-calendar{max-width:320px}.payroll-coverage-layout .coverage-calendar{max-width:340px}.kpi-calculation-strip,.kpi-field-grid,.payroll-preview-meta{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,.reports-range-summary,.reports-metric-list,.reports-source-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,.payroll-coverage-actions,.reports-range-footer,.reports-range-footer>div,.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}.payroll-upload-box,.payroll-import-steps,.payroll-selected-file,.payroll-details-meta,.payroll-preview-details,.payroll-preview-meta{grid-template-columns:1fr}.payroll-upload-box{justify-items:start}.reports-range-button,.reports-range-footer>div,.reports-range-footer .quiet-button,.reports-range-footer .icon-text-button{width:100%}.reports-range-modal{padding:18px}.reports-range-card.app-modal-card.wide{width:100%;max-height:calc(100vh - 32px)}.reports-range-calendar{width:100%;overflow-x:auto}.reports-range-calendar.silk-day-picker .rdp-months{flex-direction:column;align-items:center;gap:18px}.reports-chart-frame{overflow-x:auto}.reports-chart-frame>.recharts-responsive-container{min-width:620px}.payroll-import-footer-actions{flex-direction:column;width:100%}.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}.employee-stats-table tbody td.payroll-source-file-cell{flex-direction:column;align-items:flex-start;gap:4px}.employee-stats-table tbody td.payroll-source-file-cell:before{margin-bottom:2px}.kpi-selected-period{grid-template-columns:auto minmax(0,1fr)}.kpi-period-layout .coverage-calendar{aspect-ratio:auto;max-width:none}.payroll-coverage-layout .coverage-calendar{max-width:none}.kpi-stepper,.kpi-step-summary,.kpi-step-fields{grid-template-columns:1fr}.kpi-step-form{min-height:auto}.coverage-calendar-header{align-items:stretch}.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{place-items:center;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}}