@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{margin:0;padding:0;background-color:#edf2fb}.App{width:100%;height:100vh;font-family:Roboto,sans-serif;display:flex;overflow:hidden}.content{height:100%;width:100%;position:relative}.content .overlay{position:fixed;width:100%;height:100%;background:#00000080;display:none;z-index:8}@media (max-width: 767px){.content{position:fixed}.sidebar.open+.content .overlay{display:block}}.sidebar{z-index:9;max-width:18vw;min-width:240px;height:100vh;background-color:#181817;color:#ecf0f1;border-top-right-radius:18px;border-bottom-right-radius:18px;transition:transform .3s ease;transform:translate(-100%);position:relative}.sidebar.open{transform:translate(0)}.sidebar .title{font-size:1.4rem;padding:6px 8px 6px 18px;font-weight:700;font-family:Roboto,sans-serif;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;max-height:12vh}.sidebar .list{margin:30px 0 0 6px;padding-left:10px;padding-right:10px;list-style:none;font-size:.85rem;font-weight:600;font-family:Open Sans,Arial}.sidebar .list li{height:40px;margin-top:8px;cursor:pointer;border-radius:12px;display:flex;align-items:center}.sidebar .list li:hover,.sidebar .list .active{background-color:#ecf0f1;color:#000;font-weight:600}.copyright{position:absolute;bottom:-5px;font-size:.8rem;font-family:Open Sans,Arial;font-weight:500;text-align:center;width:100%;color:#ecf0f1}@media (max-width: 767px){.sidebar{min-width:70%}}.topbar{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.topbar .page-details{display:flex;align-items:center}.topbar .menu-icon{font-size:24px;margin-left:14px;margin-right:14px;cursor:pointer;display:none}.topbar .menu-icon:hover{color:#f4a322}.topbar .page-title{font-size:1.5rem;font-weight:700;margin-left:24px;font-family:Roboto,sans-serif}.topbar .user-details{display:flex;align-items:center;height:100%;padding-right:2vw;font-family:Open Sans,Arial}.topbar .notifications-count{cursor:pointer;margin-right:4vw}.notifications-count>.MuiBadge-badge{background-color:#f4a322;color:#fff;font-size:.8rem;height:18px;min-width:18px}.notifications-count:hover{color:#f4a322}.user-details .avatar{width:32px;height:32px;margin-right:8px;cursor:pointer;background-color:#f4a322}.user-details .user-name{font-size:1rem;font-weight:700;max-width:18vw;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.user-name:hover{color:#e38f09}.avatar:hover~.user-name{color:#e38f09}.notifications-dropdown{position:absolute;margin-left:-8vw;top:50px;width:280px;min-height:200px;max-height:45vh;background:#fff;border-radius:10px;box-shadow:0 14px 14px #000000b3;z-index:7;flex-direction:column;display:none;overflow:auto}.notifications-dropdown.open{display:flex}.notifications-dropdown .notifications-title{padding-left:10px}.notifications-dropdown .no-notifications{height:125px;margin:auto;font-family:Open Sans,Arial;font-size:.9rem;color:#a9a9a9;font-style:italic}.notifications-dropdown ul{list-style:none;padding:10px 4px 0;margin:0;height:200px;overflow:auto}.notifications-dropdown li{padding:10px;border-bottom:1px solid #eee;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-family:Roboto,sans-serif}.notifications-dropdown .unread{font-weight:600}.notifications-dropdown li:hover{background-color:#7a78e90e}.notifications-dropdown li:last-child{border-bottom:none}.notifications-dropdown .read-all{font-size:.78rem;display:flex;justify-content:flex-end;color:#e38f09}.profile-dropdown{position:absolute;margin-left:-.5vw;top:50px;width:200px;max-height:220px;background:#fff;border-radius:10px;box-shadow:0 14px 14px #000000b3;z-index:7;flex-direction:column;align-items:center;font-family:Roboto,sans-serif;overflow:auto;text-align:center;display:none}.profile-dropdown.open{display:flex}.profile-dropdown .profile-name{margin:0;padding-top:10px;font-size:1.15rem}.profile-dropdown .profile-role{margin:0;padding-top:8px;padding-bottom:15px;font-size:.9rem}.profile-dropdown .profile-btn{margin-bottom:15px;width:68%;justify-content:space-around;background-color:#f4a322;font-size:.9rem;border-radius:12px;text-transform:none}.profile-dropdown .profile-btn:hover{background-color:#e38f09}.profile-dropdown .logout{margin-bottom:10px;width:55%;justify-content:space-between;color:#ed4337;border-color:#ed4337;font-size:.9rem;border-radius:10px;text-transform:none}.profile-dropdown .logout:hover{background-color:#ed4337;border-color:#ed4337;color:#fff}@media (max-width: 769px){.notifications-dropdown{margin-left:-24vw}.profile-dropdown{margin-left:-4vw}}@media (max-width: 431px){.topbar .menu-icon{display:block}.topbar .page-title{margin-left:0}.notifications-dropdown{margin-left:-34vw;width:70vw}.profile-dropdown{margin-left:-14vw}}