.hris{color:#18383a;background:#eef2f0;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.hris>aside{color:#fff;background:#123f43;flex-direction:column;width:230px;padding:27px 21px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;margin-bottom:48px;text-decoration:none;display:flex}.brand>b{color:#17666c;background:#fff;border:3px solid #e58b49;border-radius:50%;place-items:center;width:42px;height:42px;font-size:10px;display:grid}.brand span{letter-spacing:.1em;font-size:14px;font-weight:900}.brand small{color:#a9c3c3;letter-spacing:.12em;margin-top:3px;font-size:6px;display:block}.hris aside nav{gap:4px;display:grid}.hris aside nav button{color:#b7cccc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:12px 14px;font-size:11px}.hris aside nav button.active,.hris aside nav button:hover{color:#174e52;background:#fff;font-weight:800}.db{border-top:1px solid #477074;align-items:center;gap:9px;margin-top:auto;padding-top:18px;display:flex}.db>i{background:#69b9a1;border-radius:50%;width:8px;height:8px}.db b,.db small{font-size:10px;display:block}.db small{color:#9bb9b8;margin-top:4px;font-size:7px}.content{grid-column:2}.content>header{z-index:3;background:#fff;border-bottom:1px solid #d6e0dd;align-items:center;gap:17px;height:74px;padding:0 4vw;display:flex;position:sticky;top:0}.content>header>a{color:#68807f;align-items:center;gap:6px;font-size:9px;text-decoration:none;display:flex}.content>header>a svg{width:14px}.content>header>label{align-items:center;gap:8px;width:min(320px,35%);margin-left:auto;display:flex}.content>header>label svg{color:#79908e;width:16px}.content>header input{border:0;outline:0;width:100%;font-size:10px}.content>header>span{color:#a36032;background:#fff0e3;padding:6px 8px;font-size:7px}.content>header>button,.hero>button,.primary{color:#fff;cursor:pointer;background:#e18645;border:0;align-items:center;gap:7px;padding:10px 13px;font-size:9px;display:flex}.content>header button svg,.hero button svg,.primary svg{width:15px}.wrap{padding:32px 4vw 65px}.crumb{color:#6f8583;margin-bottom:18px;font-size:8px}.crumb span{color:#d67635;font-weight:800}.crumb i{border-top:1px solid #b8c7c4;width:18px;margin:0 7px 2px;display:inline-block}.hero{color:#fff;background:#164f54;justify-content:space-between;align-items:end;padding:35px 38px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:45px solid #2d666a;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:18%}.hero>div,.hero>button{z-index:1;position:relative}.hero small,.head small,.onboard small,.empty>small{color:#ef9a5c;letter-spacing:.18em;font-size:7px;font-weight:900}.hero h1{margin:10px 0;font:500 36px/1.08 Georgia}.hero p{color:#bdd0cf;margin:0;font-size:10px}.kpis{grid-template-columns:repeat(4,1fr);gap:11px;margin:16px 0 34px;display:grid}.kpis article,.panel{background:#fff;border:1px solid #d8e2df}.kpis article{padding:17px}.kpis span{color:#718684;letter-spacing:.08em;align-items:center;gap:6px;font-size:7px;display:flex}.kpis svg{color:#df8140;width:14px}.kpis b{margin:11px 0 3px;font:500 29px Georgia;display:block}.kpis small{color:#81918f;font-size:7px}.two{grid-template-columns:1.35fr 1fr;gap:13px;display:grid}.panel{padding:22px}.head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.head h2{margin:5px 0 0;font:500 22px Georgia}.head>button{color:#507572;cursor:pointer;background:0 0;border:0;align-items:center;font-size:8px;display:flex}.head>button svg{width:14px}.head>button.primary{color:#fff;background:#174f54;padding:9px 11px}.employees article,.leave article,.leave-list article{border-top:1px solid #e1e8e6;align-items:center;gap:10px;padding:11px 0;display:flex}.employees article>span,.leave article>span{color:#176268;background:#dfecea;border-radius:50%;place-items:center;width:31px;height:31px;font-size:8px;font-weight:800;display:grid}.employees article>div,.leave article>div,.leave-list article>div{flex:1}.employees b,.employees small,.leave b,.leave small,.leave-list b,.leave-list small{font-size:9px;display:block}.employees small,.leave small,.leave-list small{color:#80918f;margin-top:3px;font-size:7px}.employees i{color:#607b79;font-size:7px;font-style:normal}.employees em,.leave em,.leave-list em{color:#9b612f;background:#fff1df;padding:5px 7px;font-size:7px;font-style:normal}.employees em.ok,.leave em.ok,.leave-list em.ok{color:#2f7560;background:#e4f2ed}.employees em.leave-status{color:#5e6d8b;background:#e9edf5}.onboard{background:#fff4e7;border-left:4px solid #e58b49;align-items:center;gap:15px;margin-top:13px;padding:18px 20px;display:flex}.onboard>svg{color:#d67735}.onboard>div:nth-child(2){flex:1}.onboard h2{margin:4px 0;font:500 18px Georgia}.onboard p{color:#6e817f;margin:0;font-size:8px}.progress{align-items:center;gap:8px;display:flex!important}.progress span{background:#eadfd5;width:90px;height:6px}.progress span i{background:#e58b49;width:75%;height:100%;display:block}.progress b{font-size:9px}.onboard>button,.empty>button{color:#fff;background:#174f54;border:0;align-items:center;gap:6px;padding:9px 11px;font-size:8px;display:flex}.onboard>button svg,.empty>button svg{width:13px}.full{min-height:460px}.leave-list article>svg{color:#28706e;background:#e5f0ee;width:35px;padding:9px}.empty{text-align:center;background:#fff;border:1px solid #d8e2df;flex-direction:column;justify-content:center;align-items:center;min-height:560px;display:flex}.empty>span{color:#25716f;background:#e2eeec;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:18px;display:grid}.empty h1{margin:8px 0;font:500 29px Georgia}.empty p{color:#728582;max-width:480px;font-size:10px;line-height:1.7}.empty button{margin-top:12px}.overlay{z-index:10;background:#0d2f32bb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay form{background:#fff;width:min(460px,100%);padding:30px;position:relative}.overlay .close{color:#69807e;background:0 0;border:0;position:absolute;top:15px;right:15px}.overlay .close svg{width:18px}.overlay form>small{letter-spacing:.18em;color:#db7d3c;font-size:7px;font-weight:900}.overlay h2{margin:7px 0 20px;font:500 27px Georgia}.overlay label{color:#597572;gap:5px;margin:11px 0;font-size:8px;display:grid}.overlay input,.overlay select,.overlay textarea{color:#18383a;background:#fff;border:1px solid #d1ddda;padding:10px;font:10px Arial}.overlay textarea{resize:vertical;height:70px}.form-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.overlay .submit{color:#fff;background:#174f54;border:0;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:17px;padding:12px;display:flex}.overlay .submit svg{width:15px}.overlay form>em{text-align:center;color:#83918f;margin-top:9px;font-size:7px;font-style:normal;display:block}@media (max-width:900px){.hris{display:block}.hris>aside{width:auto;height:auto;display:block;position:relative}.brand{margin-bottom:18px}.hris aside nav{display:flex;overflow:auto}.db{display:none}.content>header{position:relative}.kpis{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}@media (max-width:560px){.content>header>a,.content>header>label,.content>header>span{display:none}.content>header>button{margin-left:auto}.wrap{padding:24px 17px}.hero{padding:27px;display:block}.hero h1{font-size:29px}.hero>button{margin-top:20px}.kpis{grid-template-columns:1fr 1fr}.employees article>i{display:none}.onboard{flex-wrap:wrap;align-items:flex-start}.progress{display:none!important}}