*{padding:0;margin:0}ul{list-style:none}a{text-decoration:none}.pages{display:flex;flex-direction:column;text-align:center;padding:3vw;height:100%;position:relative}.services-section{display:flex;flex-direction:column;text-align:center;height:100%;position:relative}.pages-title-ctnr{display:flex;justify-content:space-between;margin-bottom:3vw}.pages-title{font-size:2.2vw}.create-button{background:#388ae7;color:#fff;border:none;border-radius:8px;padding:0 10px;font-size:1vw;cursor:pointer}.create-button .faCirclePlus{margin-right:5px}@media screen and (max-width:768px){.pages-title-ctnr{margin:3vh 0}.pages-title{font-size:20px}.create-button{border-radius:6px;font-size:16px;padding:7px}.create-button .faCirclePlus{margin-right:0}}.search-input{border:1px solid #dbdbdb;border-radius:6px;padding:.5vw;margin-bottom:1vh;align-self:flex-start;min-width:30vw;font-size:1.2vw}@media screen and (max-width:768px){.search-input{font-size:12px;margin-bottom:2vh;padding:1vh 1vw}}.form{display:flex;flex-direction:column;align-items:start;min-width:45%}.detail-absence-employee-name{font-weight:600;font-size:1.5vw;color:#388ae7}.input-ctnr{padding:.8vh .8vw;display:flex;justify-content:space-between;align-items:center;width:100%}.input-ctnr label{color:#388ae7;font-weight:600;font-size:1.1vw}.input-ctnr input,textarea{border:1px solid #dddddd;border-radius:7px;min-width:18vw;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1vw;padding:.8vh 1vw}.input-ctnr select{border:1px solid #dddddd;border-radius:7px;min-width:20vw;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1vw;padding:.8vh 1vw;background:#fff}.button-ctnr{display:flex;justify-content:center;width:100%}.detail-button-ctnr{margin-top:2vh}.modal-btn{padding:.9vh 1.5vw;font-size:1.2vw;margin:1vh 5vw 1vh 5vw;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-radius:6px;font-weight:600;color:#fff;border:none;cursor:pointer}.modal-save-button{background:#3076c7}.modal-cancel-button{background:#acd3ff;color:#124177;border:1px solid #124177}.modal-delete-button{color:#ff4747;border:1px solid #ff4747;background:#fff}.error-message{color:red;padding:1vh 0}@media screen and (max-width:768px){.detail-absence-employee-name{font-size:14px}.input-ctnr label,.input-ctnr input,textarea,.input-ctnr select{font-size:12px}.button-ctnr{padding:.8vh .8vw;display:flex;justify-content:space-between;align-items:center;width:100%}.detail-button-ctnr{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.modal-btn{padding:.9vh 2vw;font-size:13px;margin:1vh 5vw 1vh 5vw;font-weight:400}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}*:focus-visible{outline:3px solid #153a89;outline-offset:4px;border-radius:4px}.app-container{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2vw;height:100vh}.sidebar{width:17vw;padding:8vh 0vw 0vh 0vw;background:#388ae7;display:flex}.sidebar-list{width:100%}.sidebar-list li{display:flex}.sidebar-list a{color:#fff;font-size:1.3vw;font-weight:600;width:100%;padding:3vh 2vw}.active{background:#2d70bd}.sidebar-icon{margin-right:1vw}.main-content{flex:1;overflow-y:auto}@media screen and (max-width:768px){.app-container{display:flex;flex-direction:column-reverse;align-items:stretch;font-size:12px}.sidebar{width:100%;padding:0}.sidebar-list{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.sidebar-list a{font-size:13px}.sidebar-icon{display:none}.main-content{width:100%}}.skip-link{position:absolute;top:0;left:0;width:17vw;background:#fff;color:#153a89;font-weight:700;outline:none;padding:8px 16px;transform:translateY(-100%);transition:transform .2s ease}.skip-link:focus-visible{transform:translateY(0)}.sidebar-list a:focus-visible{outline:3px solid #fff;outline-offset:0;border-radius:0}.dashboard-page{display:flex;flex-direction:column;text-align:center;padding:2vh 3vw;height:auto}.dashboard-page h1{font-size:2.2vw;margin-bottom:5vh}.charts-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:1vw}.dashboard-card{border:1px solid #e6e5e5;border-radius:7px;padding:2vh 2vw;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column}.dashboard-card h3{font-size:1.5vw;font-weight:600}.dashboard-card p{font-size:3vw;font-weight:600;color:#388ae7;margin-top:1vw}.large-card{grid-column:span 2;padding:3vh 3vw}.large-card h3{margin-bottom:8vh}@media screen and (max-width:768px){.dashboard-page{padding:0 3vw}.dashboard-page h1{font-size:16px;margin:3vh 0}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:1vw}.dashboard-card h3{font-size:12px}.dashboard-card p{font-size:14px}.large-card h3{margin-bottom:2vh}}table{border-radius:8px;border-spacing:0;border:1px solid #e6e5e5}th{background-color:#f3f3f3;padding:1vh 0}td{border-top:1px solid #e6e5e5;padding:1vh 0}.table-delete-button{color:#ff4747;cursor:pointer;font-size:1.3vw;border:1px solid #c9c9c9;background-color:#fff;border-radius:4px}.table-detail-button{color:#388ae7;cursor:pointer;font-size:1.3vw;border:1px solid #c9c9c9;background-color:#fff;border-radius:4px}@media screen and (max-width:768px){table{font-size:10px}td,th{padding:1.5vh 0}.table-delete-button,.table-detail-button{font-size:12px}}.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:#00000080;box-sizing:border-box}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;min-width:50%;display:flex;flex-direction:column;align-items:center;padding:3vh 1vw;border-radius:10px;box-sizing:border-box}.modal-title{padding-bottom:3vh;font-size:1.6vw}@media screen and (max-width:768px){.modal{position:relative;margin:1vw;left:auto;top:50%;transform:translateY(-50%);box-sizing:border-box}.modal-title{font-size:16px}}