:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:#000}ul,ol{list-style:none}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{background:none;border:none;cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}:root{--dark-color: #13151d;--light-color: #fff;--green-default: #00ae1c;--green-hover: #00ae1d9a;--green-focus: #0cd52b;--gray-default: #dedfe5;--primary-default: var(--green-default);--primary-hover: var(--green-hover);--primary-focus: var(--green-focus);--primary-icon: var(--light-color);--link-default: var(--green-default);--link-hover: var(--green-hover);--input-error: #ff5620;--input-background: transparent;--input-placeholder: #979797;--checkbox-color: var(--green-default);--modal-background: #0000003d;--select-picker-border: #dee0e5;--dropdown-border: #dedfe5;--calendar-today-background: var(--green-default);--calendar-otherDays-color: #bfbfbf}[data-theme=dark-theme]{background-color:var(--dark-color);color:var(--light-color);transition:all .5s ease;--border-color: #dedfe5;--secondary-background: transparent;--secondary-hover: #464646;--secondary-focus: #5c5c5c;--input-text: var(--light-color);--modal-border: #a6a6a678;--select-underline: var(--light-color);--select-border: var(--light-color);--select-picker-background: #3f3838;--select-picker-text: var(--light-color);--text-area-underline: var(--light-color);--text-area-text: var(--light-color);--text-area-placeholder: #ffffff61;--dropdown-arrow: var(--light-color);--dropdown-option-text: var(--light-color);--dropdown-option-background: #3b3b3b;--dropdown-option-background-checked: #272727;--dropdown-option-background-hover: #3a3838e3;--calendar-cell-hover: #707070;--toast-background: #4f4f4f;--toast-text: black;--toast-dropshadow: #00000010}[data-theme=light-theme]{background-color:#ddd;color:var(--dark-color);transition:all .5s ease;--border-color: #dedfe5;--secondary-default: transparent;--secondary-hover: #efefef;--secondary-focus: #e0e0e0;--input-text: var(--dark-color);--input-border: var(--gray-default);--modal-border: var(--gray-default);--select-underline: var(--dark-color);--select-border: var(--dark-color);--select-picker-background: var(--light-color);--text-area-underline: var(--dark-color);--text-area-placeholder: #767676;--dropdown-arrow: var(--dark-color);--dropdown-option-text: var(--dark-color);--dropdown-option-background: var(--light-color);--dropdown-option-background-checked: #e3e3e3;--dropdown-option-background-hover: #efefef;--calendar-cell-hover: #cfcfcf;--toast-background: #f4f4f4;--toast-text: black;--toast-dropshadow: #00000027}body{margin:0 auto;min-width:320px;min-height:100vh;overflow:hidden}.container{margin:0 2rem;padding:0 .5rem}.main__page{display:flex;justify-content:space-between;gap:1.5rem;margin-top:1.5rem}.calendar-grid{flex:3;overflow:hidden;margin-right:-12px;font-size:50px}.modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar__background-color{background-color:#fff}.navbar{justify-content:space-between;display:flex;align-items:center;padding:.5rem 0}.navbar-leftSide{display:flex;justify-content:space-between;align-items:center;column-gap:1rem;min-width:fit-content}.calendarNavigation__wrapper{height:2rem}.navbar-rightSide{display:flex;align-items:center;column-gap:2rem;min-width:fit-content}.navbar__calendarGridOptions{min-width:fit-content}.navbar__userInfo{display:flex;align-items:center;column-gap:.5rem;position:relative;cursor:pointer}.userLogo{background-color:brown;display:grid;place-items:center;width:26px;height:26px;color:#fff;border-radius:50%}.navbar_logoutBtn{position:absolute;top:30px;left:0}.navbar_logoutBtn button{width:110px}.dropdown-menu{width:fit-content;position:relative;height:fit-content;display:grid;place-items:center;cursor:pointer}.dropdown-menu__select{width:100%;height:100%;-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;padding:.5rem 2rem .5rem 1rem;border:1px solid var(--dropdown-border)}.dropdown-menu__select::picker-icon{display:none}.dropdown-menu__select:after{content:"";position:absolute;top:8px;right:10px;transform:rotate(-135deg);border-left:9px solid var(--dropdown-arrow);border-bottom:9px solid transparent;border-radius:1px}.dropdown-menu__select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;border:1px solid #dee0e5;border-radius:8px;margin-top:.3rem}.dropdown-menu__option{max-width:250px;text-wrap:auto;padding:.5rem;color:var(--dropdown-option-text);background:var(--dropdown-option-background)}.dropdown-menu__option::checkmark{display:none}.dropdown-menu__option:checked{background:var(--dropdown-option-background-checked)}.dropdown-menu__option:hover{background:var(--dropdown-option-background-hover)}.calendar__navigation{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;column-gap:1rem}.calendar__navigation-today-btn{height:100%;width:60px}.calendar__navigation__btn-wrapper{height:100%;display:flex;align-items:center;column-gap:.5rem}.calendar__navigation-prevBtn,.calendar__navigation-nextBtn{height:100%;width:30px;min-width:fit-content}.calendar__navigation-currentMonthDisplay{font-weight:600;cursor:default}.icons-box{width:100%;height:100%}.icons-image{width:100%;height:100%;display:flex}.icons-image svg{transform:translate(0);width:100%;height:100%}.button{display:flex;column-gap:.5em;align-items:center;justify-content:center;width:100%;height:100%;border-radius:.5em;border:none;cursor:pointer;font-size:inherit}.button-text{font-size:100%}.button:disabled{cursor:not-allowed}.primary{background:var(--primary-default);color:var(--primary-icon)}.primary:hover{background:var(--primary-hover);border-color:transparent}.primary:focus{background:var(--primary-focus)}.secondary{background-color:var(--secondary-background);color:inherit;border:1px solid var(--border-color)}.secondary:hover{background:var(--secondary-hover);border-color:transparent}.secondary:focus{outline:none}.modal-wrapper{visibility:hidden}.modal-wrapper.active{visibility:visible}.modal{display:flex;flex-direction:column;max-width:800px;margin:auto;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal__header{display:flex;justify-content:space-between;align-items:center;column-gap:3rem;padding-bottom:1rem;border-bottom:1px solid var(--modal-border)}.modal-title{text-align:start;font-weight:800;font-size:1.2rem}.buttons-container{display:flex;gap:1rem}.buttons{cursor:pointer;border:none;background-color:transparent}.modal-paragraph{text-align:start;padding-top:1rem}.sidebar{width:250px;display:flex;flex-direction:column;row-gap:1rem}.create-event-btn{height:30px}.event__wrapper{display:flex;flex-direction:column;row-gap:2rem;padding:1rem 0;color:#5b5f6e}.two-columns{display:grid;grid-template-columns:14px 1fr;column-gap:1rem}.eventForm__button{display:flex;align-self:end;width:200px}.dateSelector{display:flex;align-items:start}.dateSelector__console{display:flex;flex-direction:row;align-items:center;gap:2rem}.dateSelector__console-input{position:relative;width:300px}.mini-calendar__wrapper{position:absolute;background-color:#fff;border:1px solid #00000030;z-index:100;padding:1rem;border-radius:10px;top:4rem}._icon_f49x5_1{display:flex;width:25px;height:19px;align-self:flex-end;margin:0 15px 10px 0}.inputField{display:flex;flex-direction:column;align-items:start;gap:.2rem;width:100%;height:100%;color:var(--input-text)}.inputField-input{background:var(--input-background);color:inherit;font-size:1rem;padding:.2rem 0 .4rem;width:100%;border:none}.inputBox{width:100%;display:flex;border-bottom:2px solid var(--input-border)}.inputField-input::placeholder{color:var(--input-placeholder)}.inputFieldError{border-bottom:1px solid var(--input-error)}.inputField-label{font-size:13px;font-weight:700}.inputField-input:focus{outline:none}.inputField-error-text{color:var(--input-error);font-size:12px}.eye{cursor:pointer;border:none}.select{display:flex;flex-direction:column;align-items:start}.select__title{font-size:.8rem;font-weight:700}.select__container{padding:.3rem 0 .5rem;width:100%;background:transparent;color:inherit;border:none;border-radius:0;border-bottom:1px solid var(--select-border);cursor:pointer}.calendar{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.calendar__header{display:flex;justify-content:space-between;margin-top:.4rem}.calendar__header-title{cursor:default}.calendar__header-navigator-btn{display:flex;gap:2rem;cursor:pointer;align-items:center}.calendar__weekdays,.calendar__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));place-items:center;cursor:default}.calendar__days{margin-top:.5rem;height:100%;grid-template-rows:repeat(6,minmax(0,1fr))}.calendar__weekdays{font-weight:800}.calendar-days,.calendar-cells,.today{width:100%;height:100%;display:grid;place-items:center;position:relative;padding:.3rem;border-radius:1rem}.calendar-cells{cursor:pointer;transition:background-color .2s ease,color .2s ease}.calendar-cells:focus{font-size:4rem}.calendar-cells:hover{background-color:var(--calendar-cell-hover)}.calendar-cells:active{background:#e0e0e0}.currentDay{background-color:#8080804c}.today{color:#fff;background-color:var(--calendar-today-background)}.other-month{color:var(--calendar-otherDays-color)}.calendar .disabled{cursor:not-allowed;opacity:.1;pointer-events:none}.title{display:flex;width:100%}.title__input-container{width:100%}.repeatEvent{display:flex;align-items:center}.repeatEvent__content{margin-right:1rem}.checkbox{background-color:transparent;position:relative;display:flex;align-items:center;height:fit-content;font-size:1rem;cursor:pointer}.checkbox-input{position:absolute;opacity:0;cursor:pointer}.checkbox-input:checked+.checkbox-checkmark{color:var(--checkbox-color)}.checkbox-label{background-color:transparent;position:relative;display:flex;align-items:center;height:fit-content;font-size:1rem;cursor:pointer;column-gap:.3rem}.calendarOptions{display:flex;flex-direction:row}.calendarOptions__field{width:100%}.description{display:flex}.titleInputWrapper{width:100%}.mini-calendar{background:#fff;border-radius:.4rem;width:100%;overflow:hidden;box-shadow:0 4px 5px #96969699}.myCalendar{display:flex;flex-direction:column;background:#fff;border-radius:.4rem;padding:1rem .4rem;row-gap:1rem}.myCalendar__header{display:flex;justify-content:space-between}.myCalendar__header-title{cursor:default}.myCalendar__header-addNewCalendar{cursor:pointer}.myCalendar__options{display:flex;flex-direction:column;row-gap:.8rem;padding:0 .5rem}.createCalendar__wrapper{display:flex;flex-direction:column;align-items:end;row-gap:1rem;padding:.5rem 0}.createCalendar__section-box{width:100%;display:flex;flex-direction:row;column-gap:1rem}.createCalendar__section-icon{padding-top:1.2rem;width:18px}.createCalendar__saveBtn{width:5rem;height:2rem}.color-picker__wrapper{display:flex;flex-direction:column;align-items:start;row-gap:.3rem}.color-picker__title{font-size:13px;font-weight:700}.color-picker__container{width:100%;height:100%;display:grid;grid-template-columns:repeat(6,minmax(30px,1fr));grid-template-rows:repeat(2,1fr);row-gap:.3rem;place-items:center;border:1px solid rgb(212,212,212);border-radius:.5rem;padding:.2rem}.color-cell{width:100%;border-radius:.4em;width:25px;height:25px;cursor:pointer}.color-cell.active{background:var(--color-picked);box-shadow:0 0 0 2px var(--color-picked),inset 0 0 0 1px #fff}.myCalendar__calendarBox{display:flex;flex-direction:row;justify-content:space-between;column-gap:.5rem}.myCalendar__checkbox{flex:1;padding-left:5px}.myCalendar__btns{display:flex;justify-content:space-between;align-items:center;column-gap:.3rem}.myCalendar__editBtn,.myCalendar__removeBtn,.myCalendar__acceptChanges{opacity:0;position:relative;cursor:none}.myCalendar__calendarBox:hover .myCalendar__editBtn,.myCalendar__calendarBox:hover .myCalendar__removeBtn{opacity:1;cursor:pointer}.toast{display:flex;opacity:0;visibility:hidden;z-index:999;column-gap:2rem;background-color:var(--toast-background);width:fit-content;height:fit-content;padding:1rem 2rem;border-radius:10px 10px 0 0;box-shadow:0 1px 15px 0 var(--toast-dropshadow);transition:opacity .2s ease}.toast.active{opacity:1;visibility:visible}.btn-action{height:fit-content;cursor:pointer}.toast__closeBtn{cursor:pointer}.toast-wrapper{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.event-grid{display:grid;grid-template-columns:18px 400px;gap:20px;margin-top:1.5rem}.event-grid>div{display:flex;align-items:flex-start}.event-title{font-weight:500;font-size:1.1rem}.event-date{text-align:left;line-height:1.4}.event-calendar{font-weight:500}.event-description{color:#444;font-size:.95rem;line-height:1.5}.form-container{width:24rem;display:flex;flex-direction:column;align-items:flex-end;gap:1.5rem}.form-title{margin-top:1rem;text-align:start}.buttonsContainer{width:13rem;display:flex;justify-content:space-between;gap:1rem}.loginPage{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.loginWrapper{width:630px;height:400px;border-radius:20px;border:1px solid #00000045;display:flex;flex-direction:row;justify-content:space-around;align-items:center;box-shadow:4px 4px 3px 1px #00000017;background-color:#fff}.login-section{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:2rem}.login-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.login-subtitle{margin-top:-1.8rem;font-size:1.2rem}.login-btn{width:200px;height:45px}.login-links{display:flex;gap:1.5rem}.login-img{width:120px;height:380px;overflow:hidden}.login-img img{width:100%;height:100%;object-fit:contain}.calendarGrid__scrollWrapper{padding-right:15px;overflow-x:auto}.calendarGrid__container{display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;min-width:400px;height:calc(100vh - 90px)}.calendarGrid__hours-sidePanel{display:grid;grid-template-rows:repeat(24,60px)}.calendarGrid__main{height:calc(100vh - 120px);overflow-y:scroll;margin-right:-12px}.calendarGrid__dayContainer{display:flex;flex-direction:column;row-gap:.1rem;position:relative;margin:.2rem .4rem;padding:.2rem .4rem;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:hover .2s ease-in-out,background-color .2s ease-in-out}.calendarGrid__day{font-weight:500}.calendarGrid__task-cell{border-left:1px solid #cecccc;border-top:1px solid #cecccc}.calendarGrid__main::-webkit-scrollbar,.calendarGrid__scrollWrapper::-webkit-scrollbar{width:12px}.calendarGrid__main::-webkit-scrollbar-track,.calendarGrid__scrollWrapper::-webkit-scrollbar-track{background:transparent}.calendarGrid__main::-webkit-scrollbar-thumb,.calendarGrid__scrollWrapper::-webkit-scrollbar-thumb{background-color:#999;border-radius:6px;border:3px solid transparent;background-clip:content-box;cursor:pointer}.calendarGrid__header-days,.calendarGrid__main-container{width:100%;display:grid}.week-view{grid-template-columns:70px repeat(7,1fr)}.day-view{grid-template-columns:70px repeat(1,1fr)}.calendarGrid__header{font-size:1.2rem;border-bottom:3px solid #cecccc}.calendarGrid__dayWrapper{border-left:1px solid #cecccc}.calendarGrid__dayContainer{display:flex;flex-direction:column;position:relative;margin:.2rem .4rem;padding:.4rem;border:1px solid transparent;border-radius:.5rem;text-align:center;cursor:default;transition:hover .2s ease-in-out,background-color .2s ease-in-out}.calendarGrid__dayContainer:hover{background-color:#e8f5e9}.calendarGrid__day{line-height:1.2rem;font-weight:500}.calendarGrid__dayName{font-size:.7rem}.calendarGrid__hour{display:block;position:relative;top:-6px;text-align:center;font-size:.8rem;cursor:default}.calendarGrid__hour-container:first-child{visibility:hidden}.calendarTaskCell{position:relative;overflow:hidden;width:100%;height:100%}.hourRow{height:60px;border-bottom:2px solid #d1d5db}.quarterCell{height:15px}.eventCard{position:absolute;background-color:#eec04c4d;width:90%;display:flex;flex-direction:column;align-items:start;border-radius:.3rem}.eventCard__title{width:100%;font-size:1rem;text-overflow:ellipsis;overflow:hidden}.eventCard__time{font-size:.6rem}