:root{color:#17352a;--green:#1c7b4b;--green2:#145c39;--border:#d6e2dc;--muted:#667a70;background:#f5f8f6;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{color:#17352a;background:#f5f8f6;margin:0}button,input,select,textarea{font:inherit}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hr-loading{place-items:center;min-height:100vh;font-weight:800;display:grid}.hr-auth{background:linear-gradient(#edf6f0,#f8faf9);place-items:center;min-height:100vh;padding:24px;display:grid}.hr-auth-card{border:1px solid var(--border);background:#fff;border-radius:20px;gap:15px;width:min(520px,100%);padding:28px;display:grid;box-shadow:0 24px 70px #13412b14}.hr-brand{align-items:center;gap:10px;display:flex}.hr-brand>span{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.hr-brand>div{display:grid}.hr-brand strong{font-size:17px}.hr-brand small{color:var(--muted)}.hr-auth h1{margin:8px 0 0;font-size:30px;line-height:1.1}.hr-auth p{color:var(--muted);margin:0;line-height:1.55}.hr-auth label,.hr-modal label{gap:6px;font-size:11px;font-weight:800;display:grid}.hr-auth input,.hr-modal input,.hr-modal select,.hr-modal textarea,.hr-actions input{border:1px solid var(--border);color:#17352a;background:#fff;border-radius:10px;min-height:42px;padding:10px 11px}.hr-btn{border:1px solid var(--border);color:#17352a;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-weight:800;display:inline-flex}.hr-btn.primary{background:var(--green);border-color:var(--green);color:#fff}.hr-btn.ghost{background:#fff}.hr-btn:disabled{opacity:.5;cursor:not-allowed}.hr-alert{border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:7px;padding:10px 12px;font-size:11px;line-height:1.45;display:flex}.hr-alert.info{background:#eef7f1;border-color:#c8e0d0}.hr-alert.warn{color:#6e4c0b;background:#fff7e9;border-color:#ead6a8}.hr-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.hr-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;gap:18px;padding:18px 14px;display:flex}.hr-brand.side{padding:4px}.hr-sidebar nav{gap:6px;display:grid}.hr-sidebar nav button,.hr-signout{text-align:left;color:#43594f;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;min-height:44px;padding:9px 10px;font-weight:800;display:flex}.hr-sidebar nav button.active{color:#17633c;background:#e9f4ed}.hr-signout{margin-top:auto}.hr-main{min-width:0;padding:20px 24px 40px}.hr-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hr-top>div{display:grid}.hr-top span{color:var(--muted);font-size:10px}.hr-page{gap:14px;display:grid}.hr-page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hr-page-head>div:first-child{gap:3px;display:grid}.hr-page-head span{letter-spacing:.12em;color:var(--green);font-size:10px;font-weight:900}.hr-page-head h1{margin:0;font-size:28px}.hr-page-head p{color:var(--muted);margin:0}.hr-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:14px}.hr-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hr-kpi{gap:5px;display:grid}.hr-kpi>span{text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.hr-kpi strong{font-size:30px}.hr-kpi small{color:var(--muted)}.hr-table-wrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e7eeea;padding:11px}th{text-transform:uppercase;color:var(--muted);font-size:9px}td{font-size:11px}td>strong,td>small{display:block}td small{color:var(--muted);margin-top:2px}.hr-pill{text-transform:capitalize;background:#eef3f0;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-block}.hr-pill.seat{color:#405c9a;background:#eef2ff}.hr-pill.active{color:#17653c;background:#e6f6eb}.hr-pill.neutral{color:#60746a;background:#f0f3f1}.hr-actions{align-items:center;gap:8px;display:flex}.hr-attendance-list{gap:7px;display:grid}.hr-attendance-list article{border:1px solid #e1e9e5;border-radius:10px;grid-template-columns:minmax(200px,1fr) 90px 100px 120px;align-items:center;gap:10px;padding:10px;display:grid}.hr-attendance-list article>div{display:grid}.hr-attendance-list article span{color:var(--muted);font-size:10px}.hr-attendance-list article>b{font-size:10px}.hr-attendance-list time{font-weight:800}.hr-source{text-align:center;background:#f1f5f3;border-radius:999px;padding:4px 7px}.hr-empty{text-align:center;color:var(--muted);padding:30px}.hr-bio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hr-bio-grid article{grid-template-columns:40px 1fr auto;align-items:center;gap:9px;display:grid}.hr-bio-grid article>div:nth-child(2){display:grid}.hr-bio-grid article span,.hr-bio-grid article small{color:var(--muted);font-size:9px}.hr-bio-icon{width:38px;height:38px;color:var(--green);background:#e9f4ed;border-radius:10px;place-items:center;display:grid}.hr-modal-bg{z-index:1000;background:#0f261b85;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.hr-modal{border:1px solid var(--border);background:#fff;border-radius:18px;gap:12px;width:min(720px,100%);max-height:calc(100vh - 32px);padding:16px;display:grid;overflow:auto}.hr-modal.small{width:min(520px,100%)}.hr-modal-head{justify-content:space-between;gap:12px;display:flex}.hr-modal-head span{letter-spacing:.1em;color:var(--green);font-size:9px;font-weight:900}.hr-modal-head h2{margin:3px 0 0}.hr-modal-head button{background:#edf3f0;border:0;border-radius:9px;width:38px;height:38px}.hr-form-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.hr-modal.small>label{gap:6px;font-size:11px;font-weight:800;display:grid}@media (width<=900px){.hr-shell{grid-template-columns:1fr}.hr-sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;padding:8px;position:sticky;top:0;overflow:auto}.hr-sidebar .hr-brand{display:none}.hr-sidebar nav{gap:4px;display:flex}.hr-sidebar nav button{min-width:max-content}.hr-signout{min-width:max-content;margin:0 0 0 auto}.hr-main{padding:14px}.hr-kpis,.hr-bio-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.hr-page-head{flex-direction:column}.hr-kpis,.hr-bio-grid,.hr-form-grid{grid-template-columns:1fr}.hr-attendance-list article{grid-template-columns:1fr 1fr}.hr-actions{grid-template-columns:1fr;width:100%;display:grid}.hr-actions .hr-btn{width:100%}.hr-auth-card{padding:20px}}.hr-pill.warn{color:#9a4d12;background:#fff0e6}