@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";.Navbar{width:100%;height:100px;max-height:100px;position:sticky;top:0;left:0;flex:1;background-color:#fbfcfe;z-index:1000}.Navbar svg{color:#545f7d;cursor:pointer}.Navbar svg:hover{color:#fc93a3}.Navbar input{border:1px solid #D9DFEC;background-color:#eceff9;padding:12px 16px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;flex:1;font-weight:500;color:#69a8a8}.Sidebar{position:sticky;top:0;right:0;width:auto;height:100vh;max-width:280px;width:fit-content;z-index:1;z-index:1000}.Sidebar svg{width:24px;height:24px}.Sidebar .item{border-top-left-radius:8px;border-bottom-left-radius:8px;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;color:#545f7d;position:relative}.Sidebar .item:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:2px;height:0;background-color:#fc93a3;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.Sidebar .item:hover,.Sidebar .item.active{background-color:#69a8a8;color:#d9dfec}.Sidebar .item:hover:before,.Sidebar .item.active:before{height:100%}@media (max-width: 900px){.Sidebar{position:absolute;top:96px;right:-280px;height:calc(100vh - 96px)}.Sidebar.active{right:0}}@media (max-width: 600px){.Sidebar{position:absolute;top:77.6px;left:-280px;height:calc(100vh - 77.6px)}}body{font-family:Cairo,sans-serif}*{font-family:Cairo,sans-serif!important}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{border:none;outline:none}li{list-style:none}input,select{outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::placeholder{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}input:focus::placeholder{opacity:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#69a8a8;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}