.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner i{font-size:2rem}.year-label{text-transform:uppercase;font-size:1.6rem;font-weight:600;color:#015769}.week-label{width:36px;margin-left:.75rem!important;color:#000}.month-border{border-bottom:1px solid #ccc}.checkbox-container{display:flex;flex-wrap:wrap;padding:1.25em 1.25em 0;box-shadow:2px 2px 10px #0000001a;height:400px;border:1px solid #E4E6EF}.form-check{flex-basis:14.28%;margin-bottom:20px;padding-left:0}.form-check-inline{margin-right:0}.form-check-input{display:none}.form-check-label{display:flex;justify-content:center;align-items:center;width:36px;height:36px;text-align:center;background-color:#e4e6ef;border-radius:50%;cursor:pointer;color:#015769}.form-check-label:hover{background-color:#b5b5c3}.form-check-input:checked+.form-check-label{background-color:#0ea5e9;color:#fff}.holiday,.sunday,.yearplan{background-color:#e4e6ef;color:#f1416c}.form-check-input:disabled+.holiday{background-color:#f33;color:#fff}.form-check-input:disabled+.sunday{background-color:#004;color:#fff}.yearplan{border:2px solid #9966CC;color:#96c}.form-check-input:checked+.yearplan{background-color:#96c;color:#fff}.day-button{width:2.5rem;height:2.5rem;text-align:center;border-radius:25%;background-color:#e4e6ef;color:#015769;cursor:pointer;border:none}.day-button:hover{background-color:#b5b5c3}.day-button.active{background-color:#0ea5e9;color:#fff}.day-button.sunday{background-color:#9fb6cd;color:#015769}.day-button.holiday{background-color:#ee9a49;color:#fff}.day-button.active.dayoff{background-color:#4682b4;color:#fff}.day-button.active.alternate{background-color:#008b00;color:#fff}.legend{display:flex;justify-content:flex-end}.legend-item{display:flex;align-items:center;margin-right:10px}.legend-color{width:15px;height:15px;border-radius:50%;margin-right:6px}.legend-label{font-size:.85rem;color:#333}.dayoff{background-color:#4682b4}.alternate{background-color:#008b00}.sunday{background-color:#9fb6cd}.holiday{background-color:#ee9a49}.input-month{width:105px!important;margin-right:10px}.input-month .p-inputtext{font-size:1.1rem!important;font-weight:600;height:auto;padding:.5rem}.input-year{width:75px!important;font-size:1.1rem!important;font-weight:600;vertical-align:middle}.year-label{display:inline-flex;align-items:center;gap:10px}.calendar{margin-top:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;background-color:#fff;padding:15px;border:1px solid #ddd}.day-header{color:#015772;font-weight:700;text-align:center}.day-item{border:1px solid #ddd;padding:10px;position:relative;height:9.375rem;overflow-y:auto}.date{color:#015772;font-weight:700;margin-bottom:5px;font-size:20px}.staff-names{font-size:14px}.day-item:has(.staff-names){background-color:#f0f8ff}.not-current-month{background-color:#eee}.detail_file{width:100%;height:800px}@media (max-width: 600px){.detail_file{height:400px}}.preview_file{width:100%;height:300px}