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