*{margin:0;padding:0}:root{--max-width:1100px;--border-radius:12px}a,href{text-decoration:none;list-style:none}.calendar-container{width:100%;max-width:400px}.calendar-btn{background:none;border:none;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.calendar-day{display:flex;align-items:center;justify-content:center;width:50px;height:50px;cursor:pointer}.calendar-day.selected,.calendar-day.selected-end,.calendar-day.selected-start{background-color:#007bff;color:#fff;border-radius:50%}.calendar-day.in-range{background-color:#cce5ff;border-radius:50%}.calendar-day.current-date{border:2px solid #007bff}.calendar-day.today{background-color:#007bff;color:#fff;border-radius:50%}.filter-btn.selected{background-color:#216fe6;color:#fff!important}.cursor{cursor:pointer}.no-hover:hover{background:transparent;color:none}input[type=number].no-arrows::-webkit-inner-spin-button,input[type=number].no-arrows::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fixed-header{right:0;width:calc(100% - 237px);color:#fff;align-items:center;height:80px}.fixed-header,.sidebar-header{position:fixed;top:0;text-align:center}.sidebar-header{left:0;width:237px;background-color:#fff;color:#000}.main-body{margin-top:80px;margin-left:237px;padding:2rem;background-color:#f8f9fa;height:calc(100vh - 80px);overflow-y:auto}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.modal-header{border:none;display:flex;justify-content:center}.modal-footer{border:none}.progress-bar.paused{background-color:orange;transition:background-color .3s}.logo{width:7rem;height:3rem}aside{box-shadow:0 12px 16px -4px rgba(16,24,40,.1),0 4px 6px -2px rgba(16,24,40,.05);width:15rem;min-height:100vh}.side-menu:focus{border-radius:10px;background:#e4e7ec;color:#102b72}.side-menu,.side-menu:focus{display:flex;width:12rem;padding:10px 20px;align-items:center;gap:8px;font-size:1rem}.side-menu{color:var(--Greys-600,#344054)}header{height:5rem;flex-shrink:0}.modal-flow{--bs-modal-width:660px}:where(.vi__container){width:auto!important}:where(.vi__character--selected){color:#000!important}.modal-show{--bs-modal-width:435px}.user-dp{aspect-ratio:square;border-radius:50%}.header-dp-bordered{border:2px solid #fff;border-radius:50%}