.menu .app-brand.demo{height:64px}.app-brand-logo.demo svg{width:34px;height:24px}.app-brand-text.demo{font-size:1.375rem}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:72px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}@media (max-width: 576px){#dropdown-variation-demo .btn-group .text-truncate{width:254px;position:relative}#dropdown-variation-demo .btn-group .text-truncate:after{position:absolute;top:45%;right:.65rem}}.layout-demo-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1rem}.layout-menu.menu-vertical,aside#layout-menu,.bg-menu-theme{background:#1c202b!important;-webkit-border-end:1px solid rgba(255,255,255,.06)!important;-moz-border-end:1px solid rgba(255,255,255,.06)!important;border-inline-end:1px solid rgba(255,255,255,.06)!important;box-shadow:4px 0 24px #0000002e!important;color:#94a3b8!important}.layout-menu .app-brand{background:#171a23!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding:0 1.25rem!important;height:64px!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center!important;align-items:center!important}.layout-menu .app-brand .app-brand-link{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center!important;align-items:center!important;gap:.75rem!important;text-decoration:none!important}.layout-menu .app-brand .app-brand-logo,.layout-menu .app-brand .app-brand-logo.demo{background:#fff!important;padding:4px 12px!important;border-radius:10px!important;box-shadow:0 2px 10px #0003,0 0 0 1px #ffffff26!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-ms-flex-align:center!important;align-items:center!important;-ms-flex-pack:center!important;justify-content:center!important;height:40px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.layout-menu .app-brand .app-brand-logo:hover,.layout-menu .app-brand .app-brand-logo.demo:hover{-webkit-transform:translateY(-1px) scale(1.02)!important;transform:translateY(-1px) scale(1.02)!important;box-shadow:0 4px 14px #00000040!important}.layout-menu .app-brand .app-brand-logo img,.layout-menu .app-brand .app-brand-logo #logo{max-height:28px!important;width:auto!important;-o-object-fit:contain!important;object-fit:contain!important;display:block!important}.layout-menu .layout-menu-toggle{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;width:32px!important;height:32px!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center!important;align-items:center!important;-ms-flex-pack:center!important;justify-content:center!important;color:#94a3b8!important;transition:all .2s ease!important}.layout-menu .layout-menu-toggle:hover{background:#ffffff1a!important;color:#fff!important}.menu-inner-shadow{display:none!important;background:transparent!important;opacity:0!important;height:0!important;visibility:hidden!important;pointer-events:none!important;box-shadow:none!important}.layout-menu .menu-inner{padding:.65rem .55rem!important}.layout-menu .menu-header{padding:1.15rem .95rem .35rem!important;margin-top:.25rem!important}.layout-menu .menu-header .menu-header-text{font-size:.7rem!important;font-weight:700!important;letter-spacing:.75px!important;color:#64748b!important;text-transform:uppercase}.layout-menu .menu-item{margin-bottom:.2rem!important}.layout-menu .menu-item .menu-link{color:#94a3b8!important;border-radius:10px!important;padding:.62rem .9rem!important;font-weight:500!important;font-size:.89rem!important;transition:all .2s ease!important}.layout-menu .menu-item .menu-link .menu-icon,.layout-menu .menu-item .menu-link i.ti{background-color:currentColor!important;background-image:none!important;color:#8fa0b8!important;font-size:1.25rem!important;width:1.25rem!important;height:1.25rem!important;min-width:1.25rem!important;min-height:1.25rem!important;line-height:1!important;vertical-align:middle!important;-ms-flex-negative:0!important;flex-shrink:0!important;-webkit-margin-end:.75rem!important;-moz-margin-end:.75rem!important;margin-inline-end:.75rem!important;opacity:.9!important;-webkit-filter:none!important;filter:none!important;transition:all .2s ease!important}.layout-menu .menu-item:not(.active)>.menu-link:hover{background:#ffffff0d!important;color:#fff!important}.layout-menu .menu-item:not(.active)>.menu-link:hover .menu-icon,.layout-menu .menu-item:not(.active)>.menu-link:hover i.ti{color:#fff!important;opacity:1!important}.layout-menu .menu-item.active>.menu-link{background:#fff!important;color:#0f172a!important;font-weight:700!important;border-radius:10px!important;box-shadow:0 3px 12px #0000001f,0 1px 3px #0000000f!important}.layout-menu .menu-item.active>.menu-link .menu-icon,.layout-menu .menu-item.active>.menu-link i.ti{background-color:currentColor!important;background-image:none!important;color:#4f46e5!important;opacity:1!important;-webkit-filter:none!important;filter:none!important}.layout-menu .menu-item.active>.menu-link>div,.layout-menu .menu-item.active>.menu-link span{color:#0f172a!important;font-weight:700!important}.layout-menu .menu-sub{background:#0000002e!important;border-radius:8px!important;margin:.25rem .35rem .35rem!important;padding:.3rem .25rem!important;-webkit-border-start:2px solid rgba(255,255,255,.08)!important;-moz-border-start:2px solid rgba(255,255,255,.08)!important;border-inline-start:2px solid rgba(255,255,255,.08)!important}.layout-menu .menu-sub .menu-item .menu-link{-webkit-padding-start:1.3rem!important;-moz-padding-start:1.3rem!important;padding-inline-start:1.3rem!important;font-size:.84rem!important;border-radius:8px!important;padding-top:.5rem!important;padding-bottom:.5rem!important;color:#94a3b8!important}.layout-menu .menu-sub .menu-item .menu-link .menu-icon,.layout-menu .menu-sub .menu-item .menu-link i.ti{font-size:1.05rem!important;width:1.05rem!important;height:1.05rem!important;color:#64748b!important;-webkit-margin-end:.5rem!important;-moz-margin-end:.5rem!important;margin-inline-end:.5rem!important;opacity:.8!important;-webkit-filter:none!important;filter:none!important}.layout-menu .menu-sub .menu-item:not(.active) .menu-link:hover{background:#ffffff0a!important;color:#fff!important}.layout-menu .menu-sub .menu-item:not(.active) .menu-link:hover .menu-icon,.layout-menu .menu-sub .menu-item:not(.active) .menu-link:hover i.ti{color:#fff!important;opacity:1!important}.layout-menu .menu-sub .menu-item.active .menu-link{background:#fff!important;color:#0f172a!important;font-weight:700!important;box-shadow:0 2px 8px #0000001a!important}.layout-menu .menu-sub .menu-item.active .menu-link .menu-icon,.layout-menu .menu-sub .menu-item.active .menu-link i.ti{color:#4f46e5!important;opacity:1!important}.layout-menu .menu-sub .menu-item.active .menu-link>div{color:#0f172a!important;font-weight:700!important}.layout-menu .menu-toggle:after{color:#64748b!important;transition:color .2s ease,-webkit-transform .2s ease!important;transition:transform .2s ease,color .2s ease!important;transition:transform .2s ease,color .2s ease,-webkit-transform .2s ease!important}.layout-menu .menu-item.open>.menu-toggle:after{color:#94a3b8!important}.layout-menu .menu-item.active>.menu-toggle:after{color:#0f172a!important}.layout-menu .menu-inner::-webkit-scrollbar{width:4px}.layout-menu .menu-inner::-webkit-scrollbar-track{background:transparent}.layout-menu .menu-inner::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.layout-menu .menu-inner::-webkit-scrollbar-thumb:hover{background:#fff3}.menu-user-footer{margin:.75rem .6rem;padding:.75rem .85rem;background:#ffffff08!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.75rem;transition:all .2s ease}.menu-user-footer:hover{background:#ffffff0f!important;border-color:#ffffff1a!important}.menu-user-avatar{width:36px;height:36px;border-radius:10px;background:#4f46e5!important;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;-ms-flex-negative:0;flex-shrink:0}.menu-user-info{-ms-flex:1;flex:1;overflow:hidden}.menu-user-name{font-size:.85rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-user-role{font-size:.72rem;color:#94a3b8;font-weight:500}