#section-tabs{display:flex;gap:8px;padding:16px 32px;border-bottom:1px solid #38362f;overflow-x:auto;background:#151512;white-space:nowrap}#section-tabs a{color:#bdb6a8;text-decoration:none;padding:10px 14px;border-radius:8px;font-size:13px}#section-tabs a[aria-current=page]{background:#d0bc95;color:#191610}.sidebar-toggle{border:1px solid #58503d;border-radius:8px;padding:7px 11px;background:transparent;color:#d0bc95;cursor:pointer}.sidebar-collapsed .sidebar{width:76px;padding:24px 10px}.sidebar-collapsed .shell{margin-left:76px}.sidebar-collapsed .nav-text,.sidebar-collapsed .brand-name,.sidebar-collapsed .workspace,.sidebar-collapsed .profile,.sidebar-collapsed .side-bottom,.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed #nav button{justify-content:center;padding:14px 8px}#nav button .nav-text{font-size:13px}#nav button>span:first-child{flex-shrink:0}.hr-shell{max-width:1200px;margin:auto}.hr-panel{padding:26px;border:1px solid #494234;border-radius:14px;background:#191815;margin:20px 0}.hr-panel h2{font-size:20px;margin:0 0 18px}.hr-panel p{color:#bdb5a6;line-height:1.8}.hr-toolbar,.hr-actions{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.hr-toolbar>label{min-width:180px;flex:1}.hr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hr-shell label{display:block;color:#d8d0bf;font-size:13px;line-height:1.7}.hr-shell input,.hr-shell select,.hr-shell textarea{display:block;box-sizing:border-box;width:100%;padding:12px;background:#11110f;color:#f1eee7;border:1px solid #665e4c;border-radius:8px;margin-top:8px;font:inherit}.hr-shell .hr-check{display:flex;align-items:center;gap:8px}.hr-check input{width:auto;margin:0}.hr-shell button{padding:11px 18px;border:1px solid #d0bc95;border-radius:8px;background:#d0bc95;color:#191610;cursor:pointer;font:inherit}.hr-shell .secondary{background:transparent;color:#d0bc95}.hr-shell button:disabled{opacity:.4;cursor:not-allowed}.hr-shell a{color:#dac8a3}.hr-panel fieldset{border:1px solid #514a3d;border-radius:10px;padding:18px;min-width:0}.hr-panel legend{color:#d0bc95}.hr-row{display:flex;gap:18px;justify-content:space-between;padding:16px 0;border-bottom:1px solid #373228;font-size:13px}.hr-row>*{flex:1;overflow-wrap:anywhere}.hr-pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.hr-pay-grid span,.hr-pay-grid strong{display:block}.hr-pay-grid span{font-size:12px;color:#b2aa99;margin-bottom:8px}.hr-pay-grid strong{font-size:20px}.hr-proposal{padding:18px;margin:16px 0;border:1px solid #655636;border-radius:10px}.hr-proposal dl{display:grid;grid-template-columns:140px 1fr;gap:8px;font-size:13px}.hr-proposal dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}#hr-notice:not(:empty){padding:14px;border-left:3px solid #c9b58c;background:#29251c;position:sticky;top:0;z-index:2}.hr-shell .tag{font-size:12px;color:#dbc28d}.hr-shell li{line-height:1.9;color:#e5c998}.hr-shell .metrics a{text-decoration:none}.hr-shell .heading h1{font-size:32px}
@media(min-width:761px){body:not(.sidebar-collapsed) .sidebar{width:236px;padding:29px 18px 18px}body:not(.sidebar-collapsed) .shell{margin-left:236px}body:not(.sidebar-collapsed) #nav button{font-size:13px;justify-content:flex-start}body:not(.sidebar-collapsed) .nav-text{display:inline}}
@media(max-width:760px){.sidebar{width:64px!important;padding:20px 8px!important}.shell,.sidebar-collapsed .shell{margin-left:64px!important}.sidebar .nav-text,.sidebar .brand-name,.sidebar .workspace,.sidebar .profile,.sidebar .side-bottom,.sidebar .nav-label{display:none}.sidebar .brand-logo{width:40px;height:40px}#nav button{justify-content:center!important;padding:13px 8px!important}.shell header{padding:12px;gap:8px}.shell .header-right{display:none}#section-tabs{padding:10px 12px;gap:4px}.shell main{padding:22px 16px}.hr-grid{grid-template-columns:1fr}.hr-panel{padding:18px}.hr-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-row{flex-direction:column;gap:6px}.hr-proposal dl{grid-template-columns:1fr}.hr-proposal dt{color:#b3a078}.hr-shell .heading h1{font-size:25px}.hr-toolbar>label{min-width:130px}.breadcrumb{font-size:11px}.sidebar-toggle{display:none}}
#nav button .nav-text{width:auto;flex:1;text-align:left;white-space:nowrap}#nav button.active{background:#d0bc951c;color:#e4cfaa}.hr-grid>button[type=submit]{align-self:end;min-height:46px;justify-self:start}.hr-shell fieldset label{margin-top:12px}.sidebar .side-bottom{flex-wrap:wrap}.sidebar .side-bottom>div:nth-child(2){flex:1;min-width:100px}
.attendance-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:22px 26px;margin:20px 0;border:1px solid #bca47777;border-radius:16px;background:linear-gradient(120deg,#25251e,#181b18);color:#eee7d6}.attendance-card h2{font-size:20px;margin:8px 0}.attendance-card p{font-size:12px;line-height:1.7;margin:4px 0;color:#c4c4b6}.attendance-eyebrow{font-size:10px;letter-spacing:1.7px;color:#d7c296}.attendance-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:510px}.attendance-actions button{min-height:44px;padding:10px 16px;border-radius:8px}.attendance-footnote,.attendance-card [role=status]{flex-basis:100%}.attendance-card button:disabled{opacity:.4;cursor:not-allowed}.attendance-card [role=status]:not(:empty){color:#e1c98c}@media(max-width:650px){.attendance-card{padding:18px}.attendance-actions{width:100%}.attendance-actions button{flex:1 1 42%}}
.attendance-table-wrap{overflow:auto;margin:18px 0;border:1px solid #bda57644;border-radius:12px}.attendance-table{width:100%;border-collapse:collapse;min-width:780px;font-size:12px}.attendance-table th,.attendance-table td{padding:13px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #bda57622;line-height:1.7}.attendance-table thead{background:#28291f;color:#d8c49a}.attendance-table tbody tr:hover{background:#cbb3850b}.attendance-table details{min-width:190px;max-width:340px;white-space:normal;overflow-wrap:anywhere}.attendance-table button{font-size:12px}.attendance-table-wrap+div{margin-top:28px}