aside{width:300px}.nav-head{height:66px;padding:0 15px;border-bottom:1px solid #e5e7eb}.btn-night-mode{width:35px;height:35px;position:relative;background-color:#f0f2f5;border-radius:100%;margin-left:auto}.nav-body{padding:5px 0;border-right:1px solid #e5e7eb;height:calc(100vh - 66px);overflow-y:auto}.nav-body-top{padding:24px 12px;border-bottom:1px solid #e5e7eb}.nbt-profile-img-box{background:linear-gradient(to top right,#6fbb58,#344e41);width:96px;height:96px}.nbt-profile-img{border:4px solid #fff;width:88px}.profile-name{font-family:var(--font-jost);font-size:20px;font-weight:500;line-height:1.4;color:#666;margin-top:20px}.nav-body-bottom{padding:0 12px}.profile-details li{width:auto}.profile-details{font-family:var(--font-jost);font-size:15px;font-weight:400;line-height:1.2;text-align:center;color:#1f2937}.profile-details h6{font-size:15px;font-weight:700;margin-bottom:0}.nav-list{margin-top:20px}.nav-hr{background:#e5e7eb;width:100%;height:1px}.nav-item{padding:8px 15px;margin-bottom:5px;position:relative}.nav-link{font-family:var(--font-jost);font-size:15px;font-weight:400;color:#707070;line-height:1}.nav-item.active .nav-link,.nav-link:hover{color:#6fbb58}.nav-icon{width:23px;height:23px}.nav-icon svg{width:100%;height:100%;object-fit:contain;color:inherit}.nav-item span.nav-tag{display:inline-block;font-weight:700;height:19px;width:19px;line-height:19px;text-align:center;color:#fff;font-size:11px;background-color:#344e41;border-radius:50%;position:relative;margin:0 0 0 4px;top:-2px}@media (max-width:1199.98px){.nav-sidebar{position:fixed;top:0;left:100%;width:300px;height:100dvh;z-index:999;background:var(--white)}body.open-menu .nav-sidebar{left:0}body.open-menu .page-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;filter:blur(10px);z-index:99;background:rgba(0,0,0,.5)}}header{background:var(--white);height:66px;border:1px solid #e5e7eb}.nav-brand{width:110px}.notification-btn{width:45px;height:45px}.search-box-group{position:relative;max-width:300px;width:100%}.search-icon{width:20px;position:absolute;left:15px;top:50%;transform:translateY(-50%);color:grey}.search-box-group .form-control,.search-box-group .form-control:focus{padding:13px 20px 13px 50px;border:0;font-family:var(--font-jost);font-size:15px;font-weight:400;line-height:1;color:grey;box-shadow:none}.upload-head{padding:12px 16px;border-bottom:1px solid #e5e7eb}.upload-head h4{font-family:var(--font-jost);font-size:15px;font-weight:400;margin-bottom:0}.notification-btn{width:25px;height:25px;color:#464646}.dropdown-menu{min-width:330px;max-height:50vh}.notification-btn+.dropdown-menu .notification-head{padding:12px 24px;font-weight:700}.notification-btn+.dropdown-menu .notification-body{padding:10px 20px;max-height:calc(50vh - 100px);overflow-y:auto}.notification-btn+.dropdown-menu .notification-footer{padding:12px 24px}.notification-btn+.dropdown-menu .notification-box{gap:10px}.notification-row+.notification-row{margin-top:20px}.navbar-toggler-icon{font-size:30px}.dropdown>.avatar{width:32px}.dropdown>.avatar img{width:100%;height:100%;object-fit:cover}