.employee-records{max-width:1760px;margin:0 auto;padding:var(--ui-space-5,24px);color:var(--uis-text)}
.employee-records svg,.employee-record-entry-modal svg,.employee-record-export-modal svg{width:18px;height:18px;fill:none;stroke:currentColor}
.employee-record-workbench,.employee-record-browser{border:1px solid var(--uis-line);border-radius:var(--ui-radius-card,18px);color:var(--uis-text);background:var(--uis-panel);box-shadow:inset 0 1px color-mix(in srgb,#fff 4%,transparent),0 12px 30px rgba(0,0,0,.1)}
.employee-record-workbench{display:grid;gap:15px;margin-bottom:14px;padding:18px 20px}
.employee-record-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px}.employee-record-toolbar>div:first-child{display:grid;gap:4px}.employee-record-toolbar small,.employee-record-browser main>header small,.employee-record-browser article>div>span{color:var(--uis-accent);font-weight:850;letter-spacing:.1em}.employee-record-toolbar h2{margin:0;font-size:1.35rem}.employee-record-toolbar p,.employee-record-browser p,.employee-record-browser small,.employee-record-browser time{margin:0;color:var(--uis-muted)}
.employee-record-toolbar-actions{display:flex;align-items:center;gap:10px}.employee-record-toolbar-actions>.secretary-year-picker{margin-left:0}.employee-record-toolbar-actions button{white-space:nowrap}
.employee-record-summary{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--uis-line);color:var(--uis-muted);font-size:.76rem}.employee-record-summary svg{color:var(--uis-accent)}.employee-record-summary strong{color:var(--uis-text)}
.employee-record-browser{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:470px;overflow:hidden}.employee-record-browser>nav{padding:10px;border-right:1px solid var(--uis-line);background:var(--uis-card)}
.employee-record-browser>nav button{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:var(--ui-radius-control,10px);color:var(--uis-muted);background:transparent;text-align:left}.employee-record-browser>nav button:hover,.employee-record-browser>nav button:focus-visible{color:var(--uis-text);border-color:var(--uis-line);background:var(--uis-inset)}.employee-record-browser>nav button.is-active{color:var(--uis-text);border-color:var(--uis-line-strong);background:var(--uis-accent-soft);box-shadow:inset 3px 0 var(--uis-accent)}
.employee-record-browser>nav span{display:grid;gap:3px}.employee-record-browser>nav b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;color:var(--uis-accent);background:var(--uis-accent-soft)}
.employee-record-browser>main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:11px;padding:18px}.employee-record-browser>main>header{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:15px;margin-bottom:3px;padding:0 2px 8px}.employee-record-browser h3{margin:4px 0}.employee-record-browser main article{display:flex;min-height:132px;flex-direction:column;margin:0;padding:14px 15px;border:1px solid var(--uis-line);border-radius:var(--ui-radius-card,14px);background:var(--uis-card)}
.employee-record-browser article>div,.employee-record-browser article footer{display:flex;justify-content:space-between;gap:12px}.employee-record-browser article>div>span{padding:4px 7px;border-radius:999px;background:var(--uis-accent-soft);font-size:.61rem;letter-spacing:.06em;text-transform:uppercase}.employee-record-browser article h4{margin:10px 0 4px;font-size:.96rem}.employee-record-browser article p{line-height:1.5}.employee-record-browser article footer{align-items:center;margin-top:auto;padding-top:10px}.employee-record-browser article footer .ui-button{min-height:34px;padding:0 10px;font-size:.62rem}.employee-record-card-actions{flex-wrap:wrap;justify-content:flex-start!important}.employee-record-card-actions [data-er-delete]{margin-left:auto}.employee-record-modal-person{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--uis-line);border-radius:var(--ui-radius-control,10px);background:var(--uis-inset)}.employee-record-modal-person span{color:var(--uis-muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.employee-record-modal-person small{color:var(--uis-muted)}.employee-record-delete-icon{color:var(--uia-danger,#ff7f8d)}
.employee-record-empty,.employee-record-loading,.employee-record-error{display:grid;min-height:260px;grid-column:1/-1;place-items:center;align-content:center;gap:8px;padding:24px;color:var(--uis-muted);text-align:center}.employee-record-empty svg{width:30px;height:30px;color:var(--uis-accent)}.employee-record-empty strong{color:var(--uis-text)}.employee-record-empty span{max-width:330px;font-size:.75rem;line-height:1.5}.employee-record-error{color:var(--uia-danger,#ff7f8d)}
.employee-record-modal-form{display:grid;gap:16px;margin-top:22px}.employee-record-modal-form>label,.employee-record-modal-grid label{display:grid;gap:6px;color:var(--uis-text);font-weight:750}.employee-record-modal-form label>span{font-size:.74rem}.employee-record-modal-form :is(input,select,textarea){box-sizing:border-box;width:100%;min-height:var(--ui-control-height,44px);padding:10px 13px;border:1px solid var(--uis-line);border-radius:var(--ui-radius-control,10px);color:var(--uis-text);background:var(--uis-inset);font:inherit}.employee-record-modal-form textarea{resize:vertical;line-height:1.55}.employee-record-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.employee-record-modal-form .admin-modal-actions{margin-top:2px}
.employee-record-export-options{display:grid;gap:10px;margin-top:20px}.employee-record-export-option,.employee-record-export-asset{border:1px solid var(--uis-line);border-radius:var(--ui-radius-card,14px);background:var(--uis-card)}.employee-record-export-option{display:flex;align-items:center;gap:12px;padding:14px}.employee-record-export-option input,.employee-record-export-check input{width:18px;height:18px;accent-color:var(--uis-accent)}.employee-record-export-option span,.employee-record-export-asset>div{display:grid;gap:3px}.employee-record-export-option small,.employee-record-export-asset small{color:var(--uis-muted)}.employee-record-export-asset{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px}.employee-record-export-asset>.ui-button{position:relative;overflow:hidden}.employee-record-export-asset>.ui-button input{position:absolute;width:1px;height:1px;opacity:0}.employee-record-export-check{display:flex;align-items:center;gap:7px;color:var(--uis-muted);font-size:.72rem;font-weight:750}
body[data-interface-surface="glass"] .employee-records :is(.employee-record-workbench,.employee-record-browser),body[data-interface-surface="glass"] :is(.employee-record-export-option,.employee-record-export-asset){color:var(--uig-text);border-color:var(--uig-line);background:var(--uig-panel);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}body[data-interface-surface="glass"] .employee-record-browser>nav,body[data-interface-surface="glass"] .employee-record-browser main article{background:var(--uig-card)}body[data-interface-surface="glass"] .employee-records :is(p,small,time){color:var(--uig-muted)}
@media(max-width:1180px){.employee-record-browser>main{grid-template-columns:1fr}}
@media(max-width:820px){.employee-records{padding:14px}.employee-record-toolbar,.employee-record-toolbar-actions{align-items:stretch;flex-direction:column}.employee-record-toolbar-actions button{width:100%}.employee-record-browser{grid-template-columns:1fr}.employee-record-browser>nav{max-height:250px;overflow:auto;border-right:0;border-bottom:1px solid var(--uis-line)}.employee-record-browser>main{padding:14px}.employee-record-modal-grid,.employee-record-export-asset{grid-template-columns:1fr}.employee-record-export-asset>.ui-button{justify-self:start}.employee-record-export-check{justify-self:start}.employee-record-card-actions [data-er-delete]{margin-left:0}}