.hr-smart{--green:#116d59;--ink:#173d34;--violet:#392b82;color:var(--ink)}.hr-smart button,.hr-dialog button,.hr-drawer button{font:inherit;cursor:pointer}.hr-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;border-radius:27px;background:linear-gradient(120deg,#153f36,#0e715b);color:#fff;position:relative;overflow:hidden}.hr-hero:after{content:"♙";position:absolute;left:4%;top:-65%;font-size:250px;color:rgba(255,255,255,.045)}.hr-hero small,.hr-hero h2,.hr-hero p{display:block;position:relative;z-index:1}.hr-hero h2{font-size:34px;margin:5px 0}.hr-hero p{margin:0;color:#cce6df}.hr-hero>div:last-child{display:flex;gap:8px;z-index:1}.hr-hero button,.hr-title button,.hr-doc-grid button{padding:10px 15px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-weight:800}.hr-hero .primary,.hr-title .primary{background:#2aa78d;border-color:#2aa78d}.hr-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.hr-kpis article{display:grid;grid-template-columns:48px 1fr;gap:2px 11px;padding:16px;border:1px solid #d8e5e1;border-radius:18px;background:#fff}.hr-kpis span{grid-row:1/4;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e6f4f0;color:#146f5d;font-weight:900}.hr-kpis small,.hr-kpis b,.hr-kpis em{display:block}.hr-kpis small{color:#72847e}.hr-kpis b{font-size:20px}.hr-kpis em{font-size:11px;font-style:normal;color:#899791}.hr-kpis .warn span{background:#fff0d7;color:#9a681d}.hr-subnav{display:flex;gap:7px;overflow:auto;padding:4px 0 13px}.hr-subnav button{white-space:nowrap;padding:10px 14px;border:1px solid #d1dfdb;border-radius:12px;background:#fff;color:#355e54;font-weight:800}.hr-subnav button.active{background:#392b82;color:#fff;border-color:#392b82}.hr-body{padding:22px;border:1px solid #d8e5e1;border-radius:23px;background:#fbfdfc;min-height:440px}.hr-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.hr-title small{color:#16816b;font-weight:800}.hr-title h3{font-size:23px;margin:4px 0}.hr-title button{color:#fff}.hr-overview{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.hr-overview>div,.hr-overview>aside{padding:17px;border:1px solid #dce7e4;border-radius:18px;background:#fff}.hr-people,.attendance-imports,.payroll-list,.hr-request-list,.employee-request-list{display:grid;gap:9px}.hr-people article,.attendance-imports article,.hr-request-list article,.employee-request-list article{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e0e9e6;border-radius:15px}.hr-people article>span,.attendance-imports article>span,.hr-request-list article>span,.employee-request-list article>span{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;background:#e7f4f0;color:#176e5c}.hr-people article>div,.attendance-imports article>div,.hr-request-list article>div,.employee-request-list article>div{flex:1}.hr-people b,.hr-people small,.attendance-imports small,.attendance-imports h3,.attendance-imports p,.hr-request-list small,.hr-request-list h3,.hr-request-list p{display:block;margin:2px 0}.hr-people em,.hr-request-list em{font-style:normal;color:#756123}.hr-people button,.attendance-imports button{padding:8px 11px;border:1px solid #d3e0dc;border-radius:10px;background:#fff}.hr-att-summary{display:flex;justify-content:space-between;gap:10px;padding:12px;border-top:1px solid #e1e9e7}.hr-att-summary b,.hr-att-summary small{display:block}.hr-att-summary em{font-style:normal;color:#267562}.hr-att-summary em.danger{color:#ad4e45}.payroll-list{grid-template-columns:1fr 1fr}.payroll-list>article{border:1px solid #dce6e3;border-radius:18px;background:#fff;overflow:hidden}.payroll-list header{display:flex;justify-content:space-between;padding:16px}.payroll-list h3,.payroll-list p,.payroll-list small{display:block;margin:2px 0}.payroll-list header em{height:max-content;padding:5px 9px;border-radius:99px;background:#eeeafb;color:#443783;font-style:normal}.payroll-list section{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e0e9e6;border-bottom:1px solid #e0e9e6}.payroll-list section span{padding:12px}.payroll-list section small,.payroll-list section b{display:block}.payroll-list footer{display:flex;gap:8px;padding:12px 16px}.payroll-list footer button{border:1px solid #d3e0dc;border-radius:10px;background:#fff;padding:8px 11px}.hr-policy-note{display:flex;gap:12px;align-items:center;padding:15px;margin-bottom:14px;border:1px solid #d9e5e1;border-right:5px solid #392b82;border-radius:16px;background:#fff}.hr-policy-note>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eeeafb;color:#392b82;font-weight:900}.hr-policy-note p{margin:4px 0;color:#71827d}.hr-file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.hr-file-grid>article{padding:16px;border:1px solid #dce6e3;border-radius:18px;background:#fff}.hr-file-grid header{display:flex;justify-content:space-between}.hr-file-grid header span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e7f4f0}.hr-file-grid header em{font-style:normal;color:#17715f}.hr-file-grid h3{margin:12px 0 3px}.hr-file-grid p{margin:0;color:#75847f}.hr-file-grid section{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.hr-file-grid section small{padding:8px;border-radius:9px;background:#f3f7f6}.hr-file-grid section b{display:block}.hr-file-grid button{width:100%;padding:9px;border:1px solid #d2dfdb;border-radius:10px;background:#fff}.hr-request-list article strong{color:#392b82}.hr-table{overflow:auto;border:1px solid #dce6e3;border-radius:17px;background:#fff}.hr-table table{width:100%;min-width:850px;border-collapse:collapse}.hr-table th,.hr-table td{padding:13px;text-align:right;border-bottom:1px solid #e2e9e7}.hr-table th{background:#eff6f4;color:#61756e}.hr-table td small,.hr-table td b{display:block}.hr-table em{font-style:normal;padding:5px 9px;border-radius:99px;background:#e6f4f0}.hr-table em.due{background:#fff0d8;color:#9d691b}.project-cost-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px}.project-cost-cards article{padding:16px;border:1px solid #dce6e3;border-radius:17px;background:#fff}.project-cost-cards header{display:flex;gap:11px}.project-cost-cards header>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#e8f4f1}.project-cost-cards h3{margin:3px 0}.project-cost-cards section{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px;border-top:1px solid #e1e9e7}.project-cost-cards section span{padding-top:12px}.project-cost-cards small,.project-cost-cards b{display:block}.hr-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.hr-doc-grid article{padding:17px;border:1px solid #dce6e3;border-radius:17px;background:#fff}.hr-doc-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e7f4f0}.hr-doc-grid h3{margin:12px 0 5px}.hr-doc-grid p{min-height:42px;color:#70817c}.hr-doc-grid button{border-color:#d2dfdb;background:#fff;color:#27584d}.hr-empty{padding:25px;text-align:center;color:#788985}.hr-overlay{position:fixed;inset:0;z-index:650;display:grid;place-items:center;padding:20px;background:rgba(13,38,32,.72);backdrop-filter:blur(8px);overflow:auto}.hr-dialog,.hr-drawer{width:min(850px,100%);max-height:94vh;overflow:auto;border-radius:25px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hr-dialog>header,.hr-drawer>header{display:flex;align-items:center;gap:13px;padding:20px;border-bottom:1px solid #dce6e3}.hr-dialog>header>span,.hr-drawer>header>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#e6f4f0;color:#126d59;font-weight:900}.hr-dialog>header>div,.hr-drawer>header>div{flex:1}.hr-dialog h2,.hr-drawer h2{margin:3px 0}.hr-dialog>header button,.hr-drawer>header button{border:0;width:39px;height:39px;border-radius:11px}.hr-dialog>section{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:21px}.hr-dialog label{display:grid;gap:6px;font-weight:800}.hr-dialog .wide{grid-column:1/-1}.hr-dialog input,.hr-dialog select,.hr-dialog textarea{width:100%;padding:11px;border:1px solid #cadbd6;border-radius:11px;font:inherit}.hr-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 21px;border-top:1px solid #dce6e3}.hr-dialog>footer button{padding:10px 17px;border:1px solid #ceddd8;border-radius:11px;background:#fff}.hr-dialog>footer .primary{background:#126d59;color:#fff}.hr-import-guide{padding:15px;border-radius:14px;background:#eff7f5}.hr-drawer>section,.hr-drawer>.payroll-lines{padding:20px}.hr-drawer>footer{display:flex;gap:8px;justify-content:flex-end;padding:15px 20px;border-top:1px solid #dce6e3}.hr-drawer footer button{padding:9px 13px;border:1px solid #d1dfda;border-radius:10px;background:#fff}.payroll-lines article,.profile-ledger article{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #e1e9e7}.payroll-lines article>div{flex:1}.payroll-lines b,.payroll-lines small{display:block}.payroll-lines em,.profile-ledger em{font-style:normal;color:#7d6322}.payroll-lines p{width:100%;color:#aa4e45}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-facts span{padding:11px;border:1px solid #dce6e3;border-radius:12px}.profile-facts small,.profile-facts b{display:block}.profile-ledger article span{flex:1}.payroll-approval-lines{display:grid;gap:7px;padding:15px}.payroll-approval-lines label{display:grid;grid-template-columns:34px 1fr 1.2fr;align-items:center;gap:8px;padding:10px;border:1px solid #dce6e3;border-radius:12px}.payroll-approval-lines span b,.payroll-approval-lines span small{display:block}.payroll-approval-lines input[type=text],.payroll-approval-lines input:not([type]){padding:9px;border:1px solid #ceddd8;border-radius:9px}.hr-approval footer{display:flex!important;gap:8px!important}.hr-approval footer input{flex:1}.employee-hr-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.employee-hr-summary article{padding:14px;border:1px solid #dce6e3;border-radius:15px;background:#fff}.employee-hr-summary small,.employee-hr-summary b,.employee-hr-summary em{display:block}.employee-hr-summary b{font-size:20px;margin:5px 0}.employee-hr-summary em{font-size:11px;font-style:normal;color:#798a85}.employee-slip-card{border:1px solid #d9e5e1;border-radius:20px;background:#fff;overflow:hidden}.employee-slip-card header,.employee-slip-card footer{display:flex;justify-content:space-between;align-items:center;padding:16px}.employee-slip-card h3{margin:4px 0}.employee-slip-card header em{font-style:normal;color:#176e5c}.employee-slip-card section{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e1e9e7;border-bottom:1px solid #e1e9e7}.employee-slip-card section span{padding:12px}.employee-slip-card small,.employee-slip-card b{display:block}.employee-slip-card footer strong{font-size:22px;color:#392b82}.employee-slip-card footer button{padding:9px 13px;border:1px solid #d2dfdb;border-radius:10px;background:#fff}.hr-settings>header{padding:22px;border-radius:20px;background:linear-gradient(120deg,#153f36,#0e715b);color:#fff}.hr-settings h2{margin:5px 0}.hr-settings p{margin:0;color:#cee6df}.hr-settings form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.hr-settings label,.hr-settings form>section{display:grid;gap:6px;padding:14px;border:1px solid #dce6e3;border-radius:15px;background:#fff}.hr-settings input,.hr-settings select{padding:10px;border:1px solid #cadbd6;border-radius:10px;font:inherit}.hr-settings .wide{grid-column:1/-1}.hr-settings section>div{display:grid;grid-template-columns:1fr 1fr 1fr;padding:9px;border-top:1px solid #e1e9e7}.hr-settings section em{font-style:normal}.hr-settings footer button{padding:11px 18px;border:0;border-radius:11px;background:#126d59;color:#fff;font-weight:800}
@media(max-width:900px){.hr-kpis{grid-template-columns:1fr 1fr}.hr-overview{grid-template-columns:1fr}.hr-file-grid,.hr-doc-grid{grid-template-columns:1fr 1fr}.employee-hr-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hr-hero{align-items:flex-start;flex-direction:column;padding:20px}.hr-hero h2{font-size:26px}.hr-hero>div:last-child{width:100%;flex-wrap:wrap}.hr-kpis{grid-template-columns:1fr 1fr}.hr-kpis article{grid-template-columns:38px 1fr;padding:11px}.hr-kpis span{width:36px;height:36px}.hr-kpis b{font-size:15px}.hr-body{padding:12px}.payroll-list,.hr-file-grid,.project-cost-cards,.hr-doc-grid,.employee-hr-summary{grid-template-columns:1fr}.hr-dialog>section,.profile-facts,.hr-settings form{grid-template-columns:1fr}.hr-dialog .wide,.hr-settings .wide{grid-column:auto}.employee-slip-card section{grid-template-columns:1fr 1fr}.payroll-approval-lines label{grid-template-columns:30px 1fr}.payroll-approval-lines label>input:last-child{grid-column:1/-1}}