.calendar-container{--present-bg-color:#00daa726;--absent-bg-color:#ffe9e9;--leave-bg-color:#fff1e9;--holiday-bg-color:#e8ebf0;--day-off-bg-color:#e8ebf0;--inactive-bg-color:#f8f8f8;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:100%}.calendar-header{display:flex;flex-direction:column;padding:10px}@media (min-width:640px){.calendar-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.calendar-title-container{align-items:center;display:flex;gap:20px}.calendar-title{font-size:1.5rem;font-weight:700;margin:0}.calendar-controls{align-items:center;display:flex;gap:20px}.calendar-control-button{align-items:center;background:none;border:none;color:var(--calendar-primaryColor);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px}.calendar-control-button:hover{opacity:.8}.calendar-view-toggle{align-items:center;border:1px solid var(--calendar-textColor);border-radius:999px;cursor:pointer;display:flex;gap:8px;padding:8px 20px;position:relative}.calendar-view-toggle-dropdown{background-color:#fff;border-radius:var(--calendar-borderRadius);box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:4px 0;position:absolute;right:0;top:48px;width:112px;z-index:10}.calendar-view-toggle-option{cursor:pointer;font-family:inherit;padding:8px 20px}.calendar-view-toggle-option:hover{background-color:#edf2f9}.month-calendar-container{overflow-x:auto;padding:24px}.month-calendar-grid{min-width:900px}.month-calendar-header{background-color:var(--calendar-headerBgColor);border-radius:var(--calendar-borderRadius) var(--calendar-borderRadius) 0 0;color:var(--calendar-headerTextColor);display:grid;gap:8px;grid-template-columns:repeat(7,1fr);padding:16px 0;text-align:center}.month-calendar-day-name{font-size:.875rem;text-transform:uppercase}.month-calendar-days{display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-top:8px}.month-calendar-day{border-top-style:solid;border-top-width:2.5px;display:flex;flex-direction:column;gap:20px;height:128px;padding:24px}.month-calendar-day-number{font-size:1.875rem}.month-calendar-day-status{border-left-style:solid;border-left-width:2.5px;font-size:1rem;line-height:1.25rem;padding-left:8px;text-transform:capitalize}.day-present{background-color:var(--present-bg-color);border-color:var(--calendar-presentColor);color:var(--calendar-presentColor)}.day-absent{background-color:var(--absent-bg-color);border-color:var(--calendar-absentColor);color:var(--calendar-absentColor)}.day-leave{background-color:var(--leave-bg-color);border-color:var(--calendar-leaveColor);color:var(--calendar-leaveColor)}.day-holiday{background-color:var(--holiday-bg-color);border-color:var(--calendar-holidayColor);color:var(--calendar-holidayColor)}.day-day-off{background-color:var(--day-off-bg-color);border-color:var(--calendar-dayOffColor);color:var(--calendar-dayOffColor)}.day-inactive{background-color:var(--inactive-bg-color);border-color:var(--calendar-inactiveColor);color:var(--calendar-textColor)}.year-calendar-container{margin:20px auto;max-width:100%;overflow-x:auto}.year-calendar-table{border:1px solid #e0e0e0;border-collapse:separate;border-radius:var(--calendar-borderRadius);border-spacing:0;font-size:.875rem;overflow:hidden;text-align:center;width:100%}.year-calendar-header{background-color:var(--calendar-headerBgColor);color:var(--calendar-headerTextColor);font-weight:600}.year-calendar-header th{border:1px solid #e0e0e0;padding:12px 16px}.year-calendar-body td{border:1px solid #e0e0e0;font-weight:600;padding:8px 12px}.year-calendar-month-cell{padding:8px 32px!important;text-align:left;text-transform:uppercase;white-space:nowrap}.year-day-present{background-color:var(--present-bg-color);color:var(--calendar-presentColor)}.year-day-absent{background-color:var(--absent-bg-color);color:var(--calendar-absentColor)}.year-day-leave{background-color:var(--leave-bg-color);color:var(--calendar-leaveColor)}.year-day-holiday{background-color:var(--holiday-bg-color);color:var(--calendar-holidayColor)}.year-day-day-off{background-color:var(--day-off-bg-color);color:var(--calendar-dayOffColor)}.year-day-inactive{background-color:var(--inactive-bg-color);color:var(--calendar-textColor)}