.sidebar{width:380px;height:100%;display:flex;flex-direction:column;padding:30px 20px 30px 40px;background-color:#edeff2;border-top-right-radius:20px;border-bottom-right-radius:20px;box-shadow:3px 0 4px #cfd0d2;position:fixed;top:0;left:0;z-index:1000}.sidebar__logo{margin:0 0 30px;border:none}.sidebar__logo:focus-visible{outline:none}.sidebar__logo-img{width:176px;height:55px}.sidebar__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.sidebar__item--active{flex-direction:column;gap:12px}.sidebar__link{display:flex;padding:0;justify-content:space-between;border-radius:6px;cursor:pointer}.sidebar__link-wrap{display:flex;gap:12px;align-items:center;color:#010316;transition:color .3s ease-in}.sidebar__link-wrap:hover,.sidebar__link-wrap:focus-visible{color:#414856}.sidebar__text{font-size:16px;line-height:26px;letter-spacing:-.5px;font-weight:700;font-family:inherit;transition:color ease-out .3s}.sidebar__arrow-icon{color:#010316;transition:scale .2s ease-in}.sidebar__arrow-icon--active{transform:scaleY(-1)}.sidebar__sublist{list-style:none;margin:0;padding:0 0 0 42px}.sidebar__subitem-text{color:#667085;font-family:inherit;font-size:14;transition:font-weight ease-out .3s,color ease-out .3s}.sidebar__subitem-text:hover{font-weight:700;color:#414856}.sidebar__subitem-text--active{font-weight:700}.sidebar__notifications-number{color:#fff;background-color:#010316;border-radius:50%;font-size:12px;padding:2px;width:28px;height:28px;text-align:center}.custom-input{display:flex;flex-direction:column;position:relative;width:100%;color:#333}.custom-input__field{border:1px solid #eaecf0;border-radius:50px;color:#667085;font-family:inherit;font-size:16px;line-height:24px;padding:12px 16px 12px 48px;width:100%;transition:border .3s ease-in}.custom-input__field:hover{border:1px solid #010316}.custom-input__field:focus-visible{outline:none;border:1px solid #cfd1d4}.custom-input__field::placeholder{font-size:14px}.custom-input__icon{color:#667085;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper{width:340px}.profile-dropdown{display:flex;margin:0;padding:0;position:relative}.profile-dropdown__btn{display:flex;align-items:center;gap:15px;background-color:#f9fafb;border:2px solid #eaecf0;border-radius:50px;padding:6px 16px;margin:0;cursor:pointer;z-index:1000;min-width:210px;justify-content:space-between}.profile-dropdown__btn:focus-visible{outline:none}.profile-dropdown__user-data{display:flex;gap:15px;align-items:center}.profile-dropdown__avatar{border-radius:50px;width:34px;height:34px}.profile-dropdown__name{color:#344054;font-family:inherit;font-size:14px;font-weight:600}.profile-dropdown__list{position:absolute;background-color:#feffff;border:2px solid #eaecf0;border-radius:8px;list-style:none;width:100%;left:0;top:25px;margin:0;padding:35px 0 10px;display:flex;flex-direction:column;gap:5px;transform-origin:top;animation-fill-mode:forwards;z-index:999}.profile-dropdown__list.open{animation:dropdown-open .3s ease forwards}.profile-dropdown__list.closing{animation:dropdown-close .3s ease forwards}.profile-dropdown__item{color:#344054;font-family:inherit;font-size:14px;transition:color .3s ease-in,background-color .3s ease-in;cursor:pointer;padding-left:10px}.profile-dropdown__item:hover,.profile-dropdown__item:focus-visible{outline:none;color:#010316;background-color:#f4f6f8}.profile-dropdown__arrow{transition:transform .25s ease-out;transform:scaleY(1)}.profile-dropdown__arrow.open{transform:scaleY(-1)}@keyframes dropdown-open{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes dropdown-close{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(0);opacity:0}}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:24px 40px 24px 60px;background-color:#fbfcfe}.topbar__users{display:flex;align-items:center;gap:30px}.topbar__icons{display:flex;gap:20px;align-items:center}.topbar__icon{width:20px;height:20px}.topbar__link{position:relative;color:#010316;display:flex;align-items:center;transition:color .3s ease-in}.topbar__link:hover,.topbar__link:focus-visible{color:#667085;outline:none}.topbar__count{align-items:center;background-color:#010316;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:600;height:17px;justify-content:center;line-height:9px;position:absolute;right:-4px;top:-8px;width:17px}.topbar__auth{display:flex;align-items:center;gap:18px}.topbar__auth-link{position:relative}.topbar__auth-link:last-child:before{position:absolute;content:"";width:1px;height:16px;background-color:#010316;left:-9px;top:50%;transform:translateY(-50%)}.topbar__auth-text{font-family:inherit;color:#010316;font-size:14px;line-height:18px;transition:color .3s ease-in}.topbar__auth-text:hover,.topbar__auth-text:focus-visible{color:#667085;outline:none}.react-datepicker-popper{z-index:10000}.react-datepicker-wrapper{width:290px;font-family:inherit;z-index:1000}.react-datepicker__input-container input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid #8c89b4;font-size:16px;color:#333;background-color:#fff;cursor:pointer;transition:border .3s ease-in}.react-datepicker__input-container input:hover{border:1px solid #010316}.react-datepicker__input-container input:focus{outline:none;border:1px solid #525066}.react-datepicker__input-container input::placeholder{color:#667085}.react-datepicker{border:1px solid #ddd;border-radius:10px;padding:10px;box-shadow:0 4px 12px #00000026}.react-datepicker__current-month{font-weight:600;font-size:16px;color:#222}.react-datepicker__navigation-icon:before{border-color:#555}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background-color:#4f46e5;color:#fff;border-radius:50%}.app{display:grid;grid-template-columns:380px,1fr;max-width:100%}.app__content{margin-left:360px;display:flex;flex-direction:column}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em;font-family:monospace,monospace}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace,monospace}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;line-height:1.15;font-family:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}#root{min-width:100%;min-height:100vh;height:auto}*,*:after,*:before{box-sizing:border-box}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Regular.woff2) format("woff2"),url(/fonts/Manrope-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-Medium.woff2) format("woff2"),url(../fonts/Manrope-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/Manrope-SemiBold.woff2) format("woff2"),url(../fonts/Manrope-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Bold.woff2) format("woff2"),url(/fonts/Manrope-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Allura;src:url(/fonts/Allura-Regular.woff2) format("woff2"),url(/fonts/Allura-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;font-weight:400;font-size:16px;line-height:24px;font-family:Manrope,sans-serif;color:#667085;background-color:#fbfcfe}main{flex-grow:1}img{display:block;height:auto;object-fit:cover;max-width:100%}a{text-decoration:none}textarea{resize:none}.container{max-width:1004px;margin:0 auto;padding:0 20px 0 40px;width:100%}
