:root{--brand-navy: #0f2747;--brand-blue: #1d5bbf;--brand-blue-tint: #e8eff9;--brand-navy-press: #08182e;--nav-link: #d7e2f2;--nav-muted: #b9c8de;--ok: var(--color-accent-2-700);--warn: var(--color-accent-800);--error: var(--color-accent-900)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.app{min-height:100vh}a{color:var(--brand-blue)}a:hover{color:var(--brand-navy)}.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--brand-navy);color:#fff}.site-nav a{color:var(--nav-link);text-decoration:none;font-size:14px}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a.active{box-shadow:inset 0 -2px #fff;padding-bottom:2px}.site-nav .admin-info{color:var(--nav-muted);font-size:14px;margin-left:auto}.site-nav .nav-exit{font-size:14px}.brand{display:flex;align-items:center;gap:10px;margin-right:var(--space-4);color:#fff}.logo-mark{flex:none}.brand-name{display:flex;flex-direction:column;line-height:1.1}.brand-name .name{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px}.brand-name .full{font-size:10.5px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-top:2px}.page-wrap{max-width:1400px;margin:0 auto;padding:0 var(--space-6) var(--space-8)}.pairing-notice{display:flex;gap:var(--space-3);align-items:flex-start;border:1px solid var(--color-accent-700);padding:var(--space-3) var(--space-4);margin-top:var(--space-6);background:var(--color-accent-100);color:var(--color-accent-700)}.pairing-notice svg{flex:none;margin-top:2px}.pairing-notice>div{font-size:14px;color:var(--color-accent-900)}.pairing-notice a{color:var(--color-accent-700);font-weight:600}.table-card{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-divider)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.card-head h3,.detail-head h3{margin:0}.card-subtitle{margin:4px 0 0;font-size:13px;opacity:.7}.section-title{margin:0 0 var(--space-2)}.table-scroll{overflow-x:auto;margin-top:var(--space-3)}.filter-grid,.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4);align-items:end}.filters{margin-bottom:var(--space-3)}@media(max-width:900px){.filter-grid,.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}.filter-grid label,.filters label,.form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.filters label.checkbox{flex-direction:row;align-items:center;gap:6px;min-height:36px}.form{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.required,.hint-inline{font-size:11px;opacity:.8}.required{color:var(--brand-navy);font-weight:600}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--brand-blue);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--brand-blue);outline-offset:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}textarea{min-height:90px;resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--brand-navy)}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;padding:var(--space-2) calc(var(--space-3) * 1.2);border:1px solid transparent;border-radius:var(--radius-md);background:var(--brand-navy);color:#fff}button:hover{background:var(--brand-blue)}button:active{background:var(--brand-navy-press)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{background:var(--brand-navy)}button.secondary{background:transparent;color:var(--color-text);border-color:var(--color-divider)}button.secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}button.secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}button.link{display:inline;padding:0;background:none;border:0;font-family:inherit;font-weight:400;font-size:13px;color:var(--brand-blue);text-decoration:underline;text-underline-offset:3px}button.link:hover{background:none;color:var(--brand-navy)}button.link.danger{color:var(--error)}button.danger:not(.link){background:transparent;color:var(--error);border:2px solid var(--error)}button.danger:not(.link):hover{background:color-mix(in srgb,var(--error) 10%,transparent)}.seg-opt:has(input:checked){background:var(--brand-navy);color:#fff}.period-nav{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0 var(--space-3)}.period-label{font-size:13px;font-weight:600;min-width:12em;text-align:center}button.period-arrow{min-width:32px;padding:4px 8px;background:transparent;color:var(--color-text);border-color:var(--color-divider);font-family:inherit;font-weight:400}button.period-arrow:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2);border-bottom:2px solid var(--color-divider)}td{padding:var(--space-2);border-bottom:1px solid var(--color-divider);vertical-align:middle}tbody tr:hover td{background:color-mix(in srgb,var(--color-text) 4%,transparent)}tr.manual td{background:color-mix(in srgb,var(--brand-blue) 6%,transparent)}tr.muted-row td{color:color-mix(in srgb,var(--color-text) 55%,transparent)}tr.row-link{cursor:pointer}tr.row-highlight td{background:var(--brand-blue-tint)}td a{font-size:13px}td.row-actions{white-space:nowrap}td.row-actions button.link+button.link{margin-left:var(--space-3)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}.empty{padding:var(--space-4) 0}.negative{color:var(--error)}.positive{color:var(--ok)}.flags{display:inline-flex;flex-wrap:wrap;gap:4px}.tag-brand{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border:1px solid var(--brand-navy);color:var(--brand-navy);white-space:nowrap}.tag-brand-fill{background:var(--brand-blue-tint);border-color:var(--brand-blue);color:var(--brand-navy)}.tag-brand-quiet{border-color:var(--color-divider);color:color-mix(in srgb,var(--color-text) 60%,transparent)}.status-note{margin-left:var(--space-2);font-size:12px}.tag{display:inline-flex;font-size:11px;padding:3px 10px;border:1px solid var(--color-divider);margin-right:4px}.tag-ok{border-color:var(--ok);color:var(--ok)}.tag-warn,.tag-info{border-color:var(--brand-navy);color:var(--brand-navy)}.tag-error{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}.tag-muted{color:color-mix(in srgb,var(--color-text) 60%,transparent)}.notice{padding:var(--space-3);border-left:2px solid;margin:var(--space-3) 0;font-size:14px}.notice-info{background:var(--color-neutral-100);border-color:var(--color-neutral-600);color:var(--color-neutral-900)}.notice-ok{background:var(--color-accent-2-100);border-color:var(--color-accent-2-600);color:var(--color-accent-2-900)}.notice-warn{background:var(--color-accent-100);border-color:var(--color-accent-500);color:var(--color-accent-800)}.notice-error{background:var(--color-accent-200);border-left-width:3px;border-color:var(--color-accent-700);color:var(--color-accent-900);font-weight:600}.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-6);margin:0}.kv dt{font-size:12px;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.kv dd{margin:0}.pager{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-3)}.back-link{font-size:13px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-3)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}@media(max-width:700px){.stat-grid{grid-template-columns:1fr}}.stat{border:1px solid var(--color-divider);padding:var(--space-3)}.stat-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.stat-value{font-size:22px;font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-top:4px}.stat-accent{color:var(--brand-navy)}.cal-stack{display:flex;flex-direction:column;gap:var(--space-4)}.cal-title{font-size:13px;font-weight:600;margin-bottom:6px}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--color-divider);border:1px solid var(--color-divider)}.cal-wd{background:var(--color-surface);padding:4px 6px;font-size:10px;text-transform:uppercase;opacity:.6;text-align:center}.cal-cell{background:var(--color-bg);min-height:52px;padding:4px 6px;font-size:12px}.cal-pad{background:transparent}.cal-label{font-size:12px;font-weight:600;margin-top:4px;overflow-wrap:anywhere}.cal-weekend{background:var(--color-surface);opacity:.8}.cal-weekend .cal-label{color:color-mix(in srgb,var(--color-text) 50%,transparent);font-weight:400}.cal-future{opacity:.4}.cal-tint{background:var(--brand-blue-tint)}.cal-tint .cal-label{color:var(--brand-navy);font-size:11px}.cal-strong .cal-label{color:var(--brand-navy)}.cal-muted .cal-label{color:color-mix(in srgb,var(--color-text) 55%,transparent)}.cal-click{cursor:pointer}.cal-legend{font-size:12px;margin:var(--space-3) 0 0}.dialog-backdrop,.modal-backdrop{z-index:20}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent)}.dialog,.modal{max-height:90vh;overflow:auto}.modal{width:min(38rem,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-lg)}.modal h2{margin:0;font-size:20px}.dialog{width:min(480px,100%)}.dialog-wide{width:min(680px,100%)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-4)}.form-grid .span-2{grid-column:1 / -1}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form label.checkbox{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--color-text)}.dialog-body{opacity:1}.dialog-actions{align-items:center}.dialog-left{margin-right:auto}.history h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:var(--space-4) 0 var(--space-2)}.history ul,.cards{list-style:none;padding:0;margin:var(--space-3) 0}.history li,.cards li{padding:var(--space-2) 0;border-top:1px solid var(--color-divider)}.cards li{display:flex;gap:var(--space-3);align-items:center}.fingerprint pre{background:var(--color-surface);border:1px solid var(--color-divider);padding:var(--space-3);overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.card{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--color-divider)}.card-head h2{margin:0;font-size:25px}.login-screen{display:grid;place-items:center;min-height:calc(100vh - 40px);padding:var(--space-4)}.login-card{width:min(26rem,100%);border:1px solid var(--color-divider);background:var(--color-bg)}.login-head{background:var(--brand-navy);padding:var(--space-4) var(--space-4)}.login-body{padding:var(--space-4)}.login-body button[type=submit]{align-self:flex-start}.sub-nav{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-6);margin:var(--space-4) 0 var(--space-2);border-bottom:1px solid var(--color-divider)}.sub-nav a{color:var(--color-text);text-decoration:none;font-size:14px;padding:var(--space-2) 0;margin-bottom:-1px;border-bottom:2px solid transparent;opacity:.75}.sub-nav a:hover{opacity:1}.sub-nav a.active{opacity:1;border-bottom-color:var(--brand-blue);color:var(--brand-navy);font-weight:600}th.num,td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.small{font-size:12px}.form-2col,.form-3col{display:grid;gap:var(--space-3);margin-bottom:var(--space-3);align-items:end}.form-2col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-3col{grid-template-columns:repeat(3,minmax(0,1fr))}.form label.checkbox,label.checkbox{flex-direction:row;align-items:center;gap:6px;display:flex}@media(max-width:720px){.form-2col,.form-3col{grid-template-columns:1fr}}.payslip h4{margin-top:var(--space-4)}.slip-total{font-size:16px;margin:var(--space-4) 0}@media print{body *{visibility:hidden}.payslip,.payslip *{visibility:visible}.payslip{position:absolute;left:0;top:0;width:100%}.payslip .notice{display:none}}