.datePickerInputWrapper{display:flex;flex-direction:column;gap:8px;width:100%}.datePickerInputLabel{color:var(--text-primary);font-family:var(--font-family-ebrands)}.datePickerInputLabel.disabled{color:var(--text-disabled)}.datePickerInputLabel.small{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.datePickerInputLabel.medium{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-body-lg)}.datePickerInputBox{display:flex;flex-direction:column;gap:4px}.datePickerInputFieldArea{position:relative}.datePickerInputContent{display:flex;flex-direction:row;border:1px solid var(--border-default);border-radius:4px;justify-content:space-between;gap:4px;cursor:pointer;background-color:var(--bg-primary,transparent)}.datePickerInputContent:hover{border:1px solid var(--icon-hover)}.datePickerInputContent.open,.datePickerInputContent:focus-within{border:1px solid var(--icon-hover)}.datePickerInputContent.error{border:1px solid var(--status-error)}.datePickerInputContent.disabled{background-color:var(--bg-disabled);cursor:not-allowed}.datePickerInputContent.medium{padding:16px 12px}.datePickerInputContent.small{padding:8px 12px}.datePickerInputPlaceholder{position:absolute;top:-8px;left:12px;padding:0 4px;color:var(--text-placeholder);background-color:var(--bg-surface);font-family:var(--font-family-ebrands);font-size:12px;font-weight:var(--font-weight-medium);line-height:1;pointer-events:none}.datePickerInputFrontPart{display:flex;flex-direction:row;gap:4px;flex:1;align-items:center}.datePickerInputValue{width:100%;color:var(--text-primary);font-family:var(--font-family-ebrands);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);user-select:none}.datePickerInputValue.placeholder{color:var(--text-placeholder)}.datePickerInputIcon{color:var(--icon-default);flex-shrink:0}.datePickerInputIcon.clickable{cursor:pointer}.datePickerInputIcon.disabled{color:var(--text-disabled)}.datePickerInputIcon.medium,.datePickerInputIcon.small{font-size:var(--font-size-h3)}.datePickerInputHelper{font-family:var(--font-family-ebrands);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:var(--line-height-caption);color:var(--text-secondary)}.datePickerInputHelper.error{color:var(--status-error)}.datePickerInputHelper.disabled:not(.error){color:var(--text-disabled)}.datePickerInputCalendar{position:absolute;left:0;z-index:10;width:282px;padding:8px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-surface);box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.2)}.datePickerInputCalendarHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.datePickerInputCalendarTitle{color:var(--text-primary);font-family:var(--font-family-ebrands);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.datePickerInputNavButton{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--icon-default);cursor:pointer;border-radius:4px;padding:4px;font-size:var(--font-size-h3)}.datePickerInputNavButton:hover{background-color:var(--bg-secondary,rgba(0,0,0,.04))}.datePickerInputWeekDays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.datePickerInputWeekDay{text-align:center;color:var(--text-secondary);font-family:var(--font-family-ebrands);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:var(--line-height-caption);padding:4px 0}.datePickerInputDaysGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.datePickerInputDay{height:32px;border:0;border-radius:4px;background:transparent;color:var(--text-primary);font-family:var(--font-family-ebrands);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);cursor:pointer}.datePickerInputDay:hover{background-color:var(--bg-secondary,rgba(0,0,0,.04))}.datePickerInputDay.outsideMonth{color:var(--text-disabled)}.datePickerInputDay.today{border:1px solid var(--border-default)}.datePickerInputDay.selected{background-color:var(--icon-hover);color:var(--text-on-color,#fff)}.navigationHeaderBox{height:108px;width:280px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-bottom:1px solid var(--nav-border);transition:width .3s ease}.navigationHeaderBox.mini{width:64px}.navigationSidebarWrapper{background-color:var(--nav-background-body);border-right:1px solid var(--nav-border);height:100vh;width:280px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:width .3s ease;position:sticky;top:0}.navigationSidebarWrapper.mini{width:64px}.navigationSidebarUpperBox{display:flex;flex-direction:column;align-items:center}.navigationSidebarLogOutSection{border-top:1px solid var(--nav-border);padding:24px 8px}.navigationItemBox{display:flex;gap:8px;justify-content:space-between;align-items:center;cursor:pointer;transition:width .3s ease,padding .3s ease;overflow:hidden}.navigationItemBox:not(.disabled):hover{background-color:var(--nav-item-hover-bg)}.navigationItemBox.active{background-color:var(--nav-item-active-bg)}.navigationItemBox.main{height:34px;width:232px;padding:8px 16px}.navigationItemBox.sub{height:32px;width:200px;padding:4px 32px}.navigationItemBox.mini{padding:8px 12px;width:24px}.navigationItemBox.sub.mini{width:0;padding:0;overflow:hidden;pointer-events:none}.navigationItemContent{display:flex;align-items:center;gap:12px;overflow:auto}.navigationItemText{font-family:var(--font-family-ebrands);color:var(--nav-item-default-text);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.navigationItemBox.main .navigationItemText{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.navigationItemBox.sub .navigationItemText{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-sm)}.navigationItemBox:not(.active):not(.disabled):hover .navigationItemText{color:var(--nav-item-hover-text)}.navigationItemBox.active .navigationItemText{color:var(--nav-item-active-text)}.navigationItemBox.disabled .navigationItemText{color:var(--nav-item-disable-text)}.navigationItemIcon{color:var(--nav-item-default-icon)}.navigationItemBox:not(.active):not(.disabled):hover .navigationItemIcon{color:var(--nav-item-hover-icon)}.navigationItemBox.active .navigationItemIcon{color:var(--nav-item-active-icon)}.navigationItemBox.disabled .navigationItemIcon{color:var(--nav-item-disable-icon)}.navigationItemBox.main .navigationItemIcon svg{font-size:24px}.navigationItemBox.sub .navigationItemIcon svg{font-size:20px}.navigationItemChevron{color:var(--nav-item-default-chevron)}.navigationItemBox:not(.active):not(.disabled):hover .navigationItemChevron{color:var(--nav-item-hover-chevron)}.navigationItemBox.active .navigationItemChevron{color:var(--nav-item-active-chevron)}.navigationItemBox.disabled .navigationItemChevron{color:var(--nav-item-disable-chevron)}.navigationItemChevron svg{font-size:24px}.navigationProfileBox{color:var(--nav-item-default-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:264px;height:142px;padding:8px;border-top:1px solid var(--nav-border);transition:width .3s ease}.navigationProfileBox.mini{width:48px}.navigationProfileText{display:flex;flex-direction:column;align-items:center;color:var(--nav-item-default-text);font-family:var(--font-family-ebrands);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}.navigationListWrapper{position:relative}.navigationListSubItems:not(.mini){display:grid;grid-template-rows:0fr;width:264px;transition:width .3s ease,grid-template-rows .3s ease,opacity .2s ease;opacity:0}.navigationListSubItemsInner{overflow:hidden}.navigationListSubItems.active:not(.mini),.navigationListSubItems.open:not(.mini){grid-template-rows:1fr;opacity:1}.navigationListSubItems:not(.open):not(.active):not(.mini){grid-template-rows:0fr;opacity:0}.navigationListSubItems.mini{display:block;height:0;width:0;overflow:hidden;position:absolute;top:50%;left:100%;transform:translateY(-50%);white-space:nowrap;z-index:1000;transition:all .2s ease}.navigationListWrapper:hover .navigationListSubItems.mini{background-color:var(--nav-background);border-right:1px solid var(--nav-border);height:auto;width:auto;overflow:visible}.dashboardWrapper{display:flex}