#root{padding:25px;margin:0 auto}div,p,h1,h2,h3,h4{font-family:Poppins,sans-serif}.sidebar-wrapper{position:relative;display:flex;gap:30px;align-items:flex-start}.sidebar{position:relative}.sidebar-inner{position:sticky;top:50px;width:75px;padding:35px 20px;z-index:9;display:flex;flex-direction:column;gap:30px;background:#ffece2;border-radius:20px;overflow:hidden;transition:width .3s ease-in-out}.sidebar.active .sidebar-inner{width:270px}.collapse-btn{position:absolute;top:-10px;right:-10px;z-index:9999;cursor:pointer;transition:all .3s ease;transform:rotate(180deg)}.sidebar.active~.collapse-btn,.sidebar.active .collapse-btn{left:290px;transform:rotate(0)}img.codecalibre_logo{width:250px}.dashboard{flex:1;min-width:0;padding:0 20px 50px}nav.sidebar-nav{display:flex;flex-direction:column;gap:20px}.nav-item{display:flex;align-items:center;gap:20px;color:#000;font-size:17px;line-height:1;text-decoration:none!important;font-family:Poppins,sans-serif}a.nav-item img{min-width:22px;padding:11.5px 28px;background:#fff;border-radius:10px;border-bottom:1px solid #002c47}.sidebar-footer{display:flex;justify-content:center;padding:10px;border:none;border-radius:10px;background:#de5505}button.logout-btn{color:#fff;background:transparent;border:0;font-size:20px;cursor:pointer}.sidebar.active .logout-btn,.sidebar .logout-img{display:block}.sidebar .logout-btn,.sidebar.active .logout-img{display:none}h2.new-user{font-weight:500;font-size:26px;border-bottom:1px solid #dee2e6;padding-bottom:1rem}.btn-close:before{content:"×";font-size:40px;font-weight:400;color:#fff;line-height:1}.btn-close{position:absolute;top:-20px;right:-20px;width:49px;height:49px;border-radius:50%;background-color:#de5505;opacity:1;display:flex;border:0;align-items:center;justify-content:center;background-image:none}.tooltip-wrapper{position:relative}.tooltip-wrapper:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#de5505;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:.2s}.tooltip-wrapper:hover:after{opacity:1;visibility:visible}@media (max-width: 922px){.dashboard{padding:0}h2.ss-txt{font-size:20px}}@media (max-width: 767px){h1{margin-bottom:10px}#root{padding:15px}.sidebar-wrapper{gap:15px}.sidebar-inner{width:75px}.sidebar.active .sidebar-inner{width:220px}img.codecalibre_logo{width:230px}.sidebar-inner{position:fixed;left:-250px;top:0;height:100vh;width:220px;border-radius:0;transition:left .3s ease}a.nav-item img{min-width:15px;padding:8.5px 18px}.sidebar.active .sidebar-inner{left:0}.collapse-btn{position:fixed;top:10px;left:5px;z-index:99999}.sidebar.active~.collapse-btn,.sidebar.active .collapse-btn{left:245px}.nav-item{font-size:14px}}