:root{--soft:#f0eee6}
.main-nav{display:flex;align-self:stretch;align-items:center;gap:5px;margin-left:28px}.main-nav a{height:100%;display:flex;align-items:center;padding:0 12px;color:var(--muted);font-size:12px;font-weight:750;position:relative}.main-nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:transparent}.main-nav a.active,.main-nav a:hover{color:var(--accent)}.main-nav a.active:after{background:var(--accent)}
.workspace{max-width:1360px;margin:auto;padding:48px clamp(20px,4vw,56px) 80px}.workspace.narrow{max-width:1220px}.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}.workspace-head h1,.profile-head h1,.period-head h1{font:500 clamp(38px,4vw,54px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:8px 0}.workspace-head p,.profile-head p,.period-head p{color:var(--muted);margin:0;line-height:1.6}.surface{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 12px 42px rgba(25,54,46,.045)}.surface-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.surface-head h2{font:500 22px Georgia,serif;margin:5px 0 0}.surface-head>a,.surface-head>span{font-size:11px;color:var(--accent);font-weight:800}
.hero-metrics{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin-bottom:22px}.metric-feature,.metric-card{border-radius:18px;min-height:140px;padding:22px}.metric-feature{background:linear-gradient(135deg,#153b32,#176752);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;box-shadow:var(--shadow)}.metric-feature span,.metric-feature strong,.metric-feature small,.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-feature span{font-size:10px;letter-spacing:.14em;opacity:.7}.metric-feature strong{font:500 31px Georgia,serif;color:#f1d59a;margin:10px 0 5px}.metric-feature small{font-size:10px;opacity:.7}.metric-feature a{font-size:11px;font-weight:800;padding:9px 11px;border:1px solid #ffffff3d;border-radius:9px;white-space:nowrap}.metric-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.metric-card span{font-size:11px;color:var(--muted);font-weight:700}.metric-card strong{font:500 36px Georgia,serif;margin:7px 0}.metric-card small{font-size:10px;color:var(--muted)}.metric-card.attention{border-color:#dfb66e;background:#fffaf0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.65fr);gap:20px}.quick-panel{background:var(--soft)}.quick-panel ol{padding:0;list-style:none;margin:20px 0}.quick-panel li{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #16312c1a}.quick-panel li>b{font-size:10px;color:var(--gold)}.quick-panel li strong,.quick-panel li small{display:block}.quick-panel li strong{font-size:12px}.quick-panel li small{font-size:10px;color:var(--muted);margin-top:3px}
.secondary-button{border:1px solid #bdccc5;border-radius:11px;background:#fff;color:var(--ink);padding:12px 16px;font-weight:800;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.secondary-button.full{width:100%}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#82908b;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #edf0eb;font-size:12px;white-space:nowrap}td strong,td small{display:block}td small{color:var(--muted);font-size:9px;margin-top:4px}.empty-table{text-align:center;color:var(--muted);padding:35px}.text-link{color:var(--accent);font-size:11px;font-weight:800}.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.08em;background:#eceeea;color:#65726e}.status-draft{background:#f2ede2;color:#8b6a2f}.status-calculated{background:#e7f0f8;color:#2d648b}.status-approved{background:#e5f3eb;color:#24704f}.status-paid{background:#183f35;color:#fff}.status-suspended{background:#fae9e5;color:#9b4034}.status.large{padding:9px 13px;font-size:10px}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-surface label{display:block;font-size:11px;font-weight:800;color:#40544e;margin-bottom:17px}.form-surface input,.form-surface select,.form-surface textarea,.pay-form input,.search-form input{display:block;width:100%;margin-top:7px;border:1px solid #ced8d1;border-radius:10px;background:#fbfcfa;color:var(--ink);padding:11px 12px;outline:none}.form-surface input:focus,.form-surface select:focus,.form-surface textarea:focus,.pay-form input:focus,.search-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176b581a}.form-surface label>small{display:block;color:var(--muted);font-size:9px;font-weight:500;margin-top:5px}.rate-orb{background:#173c33;color:#fff;border-radius:18px;padding:17px 24px;min-width:220px}.rate-orb span,.rate-orb strong,.rate-orb small{display:block}.rate-orb span{font-size:9px;letter-spacing:.15em;opacity:.7}.rate-orb strong{font:500 25px Georgia,serif;color:#efd59d;margin:6px 0}.rate-orb small{font-size:9px;opacity:.65}.timeline{border-left:1px solid var(--line);margin:8px 0 24px 5px}.timeline article{position:relative;padding:0 0 22px 20px}.timeline i{position:absolute;width:9px;height:9px;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 1px var(--accent);border-radius:50%;left:-5px;top:3px}.timeline strong,.timeline span{display:block}.timeline strong{font:500 18px Georgia,serif}.timeline span{font-size:10px;color:var(--muted);margin-top:3px}.policy-note,.info-box{background:#f4f3ed;border-radius:12px;padding:14px}.policy-note strong,.policy-note span{display:block;font-size:11px}.policy-note span{color:var(--muted);font-size:9px;margin-top:3px}
.toolbar{margin-bottom:10px}.search-form{display:flex;gap:7px}.search-form input{min-width:260px;margin:0}.search-form button{border:0;border-radius:9px;background:#e7eee9;color:var(--accent);font-weight:800;padding:0 15px}.person{display:flex;align-items:center;gap:10px}.person>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e7f0eb;color:var(--accent);font:600 16px Georgia,serif}.sync-state{font-size:10px;color:var(--muted)}.sync-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#40a878;margin-right:6px}.pager{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:20px;font-size:10px}.pager a{color:var(--accent);font-weight:800}.pager span{opacity:.4}.back-link{display:inline-block;color:var(--muted);font-size:11px;font-weight:750;margin-bottom:22px}.profile-head,.period-head{display:flex;align-items:center;gap:18px;margin-bottom:28px}.profile-avatar{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;background:var(--accent);color:#fff;font:500 28px Georgia,serif}.profile-head h1,.period-head h1{font-size:38px}.profile-head .sync-badge,.period-head>.status{margin-left:auto}.sync-badge{font-size:10px;padding:8px 11px;border-radius:999px;background:#e5f3eb;color:#24704f;font-weight:800}.profile-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:20px;align-items:start}.profile-form{padding:28px}.profile-side{display:grid;gap:18px}.section-block+.section-block{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid label{margin:0}.span-3{grid-column:1/-1}.switch-field{display:flex!important;align-items:center;gap:10px;border:1px solid #ced8d1;border-radius:10px;padding:10px 12px}.switch-field input{width:auto;margin:0}.switch-field b,.switch-field small{display:block}.mini-list>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.mini-list b,.mini-list small{display:block}.mini-list small{color:var(--muted);font-size:9px;margin-top:3px}.wide-error{margin-bottom:18px}
.payroll-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.55fr);gap:20px;align-items:start}.create-period{position:sticky;top:20px}.info-box{margin-top:18px}.info-box strong{font-size:11px}.info-box p{font-size:10px;color:var(--muted);line-height:1.5;margin:5px 0 0}.period-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}.pay-form{display:flex;gap:8px}.pay-form input{margin:0;min-width:220px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr) 1.45fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:20px}.summary-strip article{background:#fff;padding:18px}.summary-strip span,.summary-strip strong,.summary-strip small{display:block}.summary-strip span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.summary-strip strong{font:500 20px Georgia,serif;margin-top:6px}.summary-strip small{font-size:9px;color:var(--muted)}.summary-strip .summary-net{background:#173c33;color:#fff}.summary-net span{color:#c0d2ca}.summary-net strong{color:#efd59d}.danger-text{color:#a64135!important;max-width:280px;white-space:normal}.integrity-note{font-size:10px;color:var(--muted);text-align:center;margin-top:17px}
.slip-body{background:#e8e9e4;padding:35px}.slip-sheet{max-width:850px;margin:auto;background:#fff;padding:45px;box-shadow:0 18px 50px #0000001f}.slip-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:22px}.slip-head>div{display:flex;gap:12px;align-items:center}.slip-head>div:last-child{display:block;text-align:right}.slip-head strong,.slip-head small,.slip-head span{display:block}.slip-head>div:last-child span{font-size:9px;letter-spacing:.14em;color:var(--muted)}.slip-head>div:last-child strong{font:500 24px Georgia,serif;margin-top:5px}.slip-person{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px 0}.slip-person>div:last-child{text-align:right}.slip-person span,.slip-person strong,.slip-person small{display:block}.slip-person span{font-size:9px;color:var(--muted);text-transform:uppercase}.slip-person strong{font:500 20px Georgia,serif;margin:5px 0}.slip-person small{font-size:9px;color:var(--muted)}.slip-table th,.slip-table td{padding:12px}.slip-table th:nth-child(n+2),.slip-table td:nth-child(n+2){text-align:right}.slip-total{margin:20px 0 30px auto;width:330px}.slip-total>div{display:flex;justify-content:space-between;padding:9px 0;font-size:11px}.slip-total .net{border-top:2px solid var(--ink);padding-top:13px}.slip-total .net strong{font:500 21px Georgia,serif}.slip-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:24px}.slip-footer>div{text-align:center}.slip-footer span,.slip-footer strong,.slip-footer small{display:block;font-size:9px}.slip-footer i{display:block;height:60px}.print-button{display:block;margin:35px auto 0;border:0;background:var(--accent);color:#fff;padding:12px 18px;border-radius:9px;font-weight:800;cursor:pointer}
@media(max-width:1050px){.main-nav{order:3;width:100%;height:42px;margin:0;overflow-x:auto}.site-header{flex-wrap:wrap;padding-top:12px}.hero-metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.profile-grid,.payroll-layout{grid-template-columns:1fr}.create-period{position:static}.summary-strip{grid-template-columns:repeat(3,1fr)}.summary-net{grid-column:span 2}}
@media(max-width:720px){.workspace{padding:32px 15px 60px}.workspace-head{display:block}.workspace-head>.primary-button,.workspace-head>form,.rate-orb{margin-top:18px}.hero-metrics,.two-column,.dashboard-grid{grid-template-columns:1fr}.toolbar{display:block}.search-form{margin-top:15px}.search-form input{min-width:0}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-head .sync-badge{margin-left:0}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.span-3{grid-column:auto}.summary-strip{grid-template-columns:1fr 1fr}.summary-net{grid-column:span 2}.period-head{align-items:flex-start}.period-head>.status{margin-left:0}.pay-form{width:100%}.pay-form input{min-width:0}.slip-body{padding:0}.slip-sheet{padding:22px}.slip-person,.slip-footer{grid-template-columns:1fr}.slip-person>div:last-child{text-align:left}.slip-total{width:100%}.user-nav{display:none}}
@media print{.slip-body{background:#fff;padding:0}.slip-sheet{box-shadow:none;max-width:none;padding:0}.print-button{display:none}}