.main-sidebar{background:var(--sidebar-bg,#fff);width:300px;transition:width .3s;position:relative;box-shadow:0 0 25px #e3e6f5}.mobile-sidebar,.btn-search-mobile{display:none!important}.MenuBlock{height:calc(100vh - 205px);padding-left:15px;padding-right:15px;overflow:auto}.MenuBlock ul.main-nav{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.MenuBlock ul.main-nav li a{color:var(--sidebar-text-color,var(--foreground));font-size:14px;font-weight:500;line-height:20px;font-family:var(--font-family);border-radius:8px;align-items:center;gap:12px;padding:9px 16px;transition:all .3s;display:flex}.MenuBlock ul.main-nav li a .icon{width:22px;height:22px}.MenuBlock ul.main-nav li a .icon svg{width:100%;height:100%}.MenuBlock ul.main-nav li.active a,.MenuBlock ul.main-nav li:hover a{background-color:var(--sidebar-active-hover-bg,var(--background));border-right:4px solid var(--theme-primary,var(--primary-blue));color:var(--sidebar-active-text-color,var(--foreground))!important}.MenuBlock ul.main-nav li.active a .icon svg,.MenuBlock ul.main-nav li:hover a .icon svg{color:var(--sidebar-active-text-color)!important}.dropdown-menu-item{color:var(--foreground)!important;font-size:14px!important;font-weight:500!important;line-height:20px!important;font-family:var(--font-family)!important;border-radius:8px!important;align-items:center!important;gap:8px!important;padding:9px 16px!important;transition:all .3s!important;display:flex!important}.dropdown-menu-item:hover{background-color:#0000000a!important}.dropdown-menu-item-icon{min-width:34px!important;color:inherit!important}.MenuBlock ul.main-nav li:nth-child(8n+1) a .icon svg{color:#0050d5}.MenuBlock ul.main-nav li:nth-child(8n+2) a .icon svg{color:#652fe7}.MenuBlock ul.main-nav li:nth-child(8n+3) a .icon svg{color:#5ca006}.MenuBlock ul.main-nav li:nth-child(8n+4) a .icon svg{color:#f97316}.MenuBlock ul.main-nav li:nth-child(8n+5) a .icon svg{color:#60a5fa}.MenuBlock ul.main-nav li:nth-child(8n+6) a .icon svg{color:#ef4444}.MenuBlock ul.main-nav li:nth-child(8n+7) a .icon svg{color:#a855f7}.MenuBlock ul.main-nav li:nth-child(8n+8) a .icon svg{color:#ec4899}.MenuBlock h6{text-transform:uppercase;letter-spacing:1.5px;color:var(--sidebar-text-color,var(--foreground));font-size:10px;font-weight:700;line-height:15px;font-family:var(--font-family);margin:0;padding:16px 0 8px}.sidebar-header{justify-content:space-between;align-items:center;padding:20px 30px;transition:all .3s;display:flex}.sidebar-header .omni-logo{width:143px;height:40px;padding:5px 0}.company-info{align-items:center;gap:12px;display:flex}.company-info .logo{width:40px;height:40px}.company-info .company-name{color:#64748b;font-size:12px;font-weight:400;line-height:15px}.company-info .company-name span{color:#0f172a;margin-top:3px;font-size:15px;font-weight:600;line-height:18px;display:block}.bottompart{padding:20px}.profile-block{background:var(--background);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:6px;display:flex}.profile-block .profile-image{border-radius:50%;width:40px;height:40px;overflow:hidden}.profile-block .profile-name{color:#64748b;font-size:12px;font-weight:400;line-height:15px}.profile-block .profile-name span{color:#0f172a;margin-top:3px;font-size:15px;font-weight:600;line-height:18px;display:block}.header-main{background:var(--header-bg,#fff);justify-content:space-between;align-items:center;padding:15px 20px;display:flex;box-shadow:0 0 25px #e3e6f5}.title-breadcrumbs{align-items:center;gap:16px;display:flex}.title-breadcrumbs .icon{background:var(--header-icon-bg,#0050d5);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.title-breadcrumbs .icon svg{fill:#fff}.title-breadcrumbs h1{color:var(--header-title-color,var(--drak-color));font-size:15px;font-weight:600;line-height:18px;font-family:var(--font-family);margin:0 0 5px}.breadcrumbs-main ol li{font-size:13px;line-height:13px;font-family:var(--font-family);font-weight:400}.breadcrumbs-main ol li a{color:var(--foreground);display:block}.breadcrumbs-main ol li:last-child span{color:var(--primary);font-weight:700}.header-right{align-items:center;gap:10px;display:flex}.icon-block{cursor:pointer;background:var(--background);border-radius:6px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.icon-block svg{width:30px;height:30px}.icon-block.noti-icon svg{fill:#0050d5}.icon-block.setting-icon svg{fill:#f97316}.icon-block.ai-icon svg{fill:#116aef}.icon-block .MuiBadge-badge{background:#ef4444}.inside-block .MuiMenu-paper{border-radius:6px;width:350px}.inside-block ul{margin:0;padding:0}.noti-block{background:var(--background);border:1px solid var(--border-color);border-radius:6px;margin-bottom:6px;padding:15px}.noti-block h3{color:var(--drak-color);margin:0 0 6px;font-size:13px;font-weight:700;line-height:18px}.noti-block p{color:var(--label-color);align-items:center;gap:5px;font-size:12px;line-height:14px;display:flex}.noti-block p img{width:14px;height:14px}.header-search{min-width:320px;position:relative}.header-search .header-search-button{width:40px;min-width:40px;height:40px;padding:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header-search .header-search-button svg{fill:#9b9fbb}.header-search .MuiInput-underline{width:100%}.header-search .MuiInputBase-input{background:var(--background);height:auto;font-size:14px;font-weight:400;line-height:15px;font-family:var(--font-family);border:1px solid #e1e4f8;border-radius:6px;padding:15px 20px}.header-search .MuiInputBase-input:focus{border:var(--border-color) 1px solid}.header-search .MuiInput-underline:after,.header-search .MuiInput-underline:before{content:none}.main-sidebar.mini-sidebar{width:80px}.main-sidebar.mini-sidebar .sidebar-header{flex-direction:column;justify-content:center;gap:15px;padding:20px 0}.main-sidebar.mini-sidebar .sidebar-header .omni-logo,.main-sidebar.mini-sidebar .company-info,.main-sidebar.mini-sidebar .MenuBlock h6{display:none}.main-sidebar.mini-sidebar .MenuBlock ul.main-nav li a{justify-content:center;gap:0;padding:9px;font-size:0}.main-sidebar.mini-sidebar .profile-name{display:none}.main-sidebar.mini-sidebar .profile-block{background:0 0;justify-content:center;padding:0}@media (max-width:1024px){.header-main{padding:10px 15px}.header-search{min-width:100%}.icon-block{width:40px;height:40px}.icon-block svg{width:20px;height:20px}.header-search .MuiInputBase-input{padding:10px 16px}.header-search .header-search-button{right:0}.title-breadcrumbs{gap:10px;padding-left:55px}.title-breadcrumbs .icon{width:40px;height:40px}.title-breadcrumbs .icon svg{width:18px;height:18px}.title-breadcrumbs h1{margin:0 0 2px;font-size:14px}.breadcrumbs-main ol li{font-size:10px;line-height:10px}.header-right{justify-content:end}.main-sidebar{z-index:11;transition:left .3s;position:absolute;left:-300px}.main-sidebar.open{left:0}.toggleDrawerbtn{display:none!important}.mobile-sidebar{height:40px;top:10px;right:-55px;background:#f4f5fb!important;width:40px!important;min-width:40px!important;padding:0!important;display:flex!important;position:absolute!important}.main-sidebar.open .mobile-sidebar{top:20px;right:30px}}@media (max-width:767px){.header-main{padding:10px 15px 60px;position:relative}.title-breadcrumbs{gap:10px;width:calc(100% - 30px);padding-left:0;position:absolute;top:56px}.header-main .header-search{display:none}.header-search.open{z-index:10;background:#fff;display:block;position:absolute;top:56px;left:15px;right:15px;width:calc(100% - 30px)!important}.btn-search-mobile{display:flex!important}.header-right{width:100%}.title-breadcrumbs h1{margin:0;font-size:12px}.title-breadcrumbs .right{width:86%}.title-breadcrumbs .icon{width:44px;height:44px}.breadcrumbs-main ol li{line-height:14px}}.feedback-trigger-btn{width:100%;color:var(--primary,#0050d5);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:15px;transition:all .2s;display:flex;border:none!important}.feedback-trigger-btn svg{color:var(--primary,#0050d5);font-size:18px}.main-sidebar.mini-sidebar .feedback-trigger-btn{border:none;justify-content:center;padding:8px 0}.main-sidebar.mini-sidebar .feedback-trigger-btn span{display:none}
