:root { --nexadmin-brand: #4f46e5; }
[x-cloak] { display: none !important; }
.brand-mark { display: grid; place-items: center; width: 2rem; height: 2rem; color: #fff; background: linear-gradient(135deg, #4f46e5, #7c3aed); border-radius: .55rem; font-weight: 700; }
.navbar-vertical { border-right: 1px solid rgba(98, 105, 118, .16); }
.page-body { min-height: calc(100vh - 3.5rem); }
.auth-page { min-height: 100vh; background: radial-gradient(circle at top, rgba(79,70,229,.12), transparent 42%); }
.tabulator { border: 0; background: transparent; }
.tabulator .tabulator-header { border-top: 0; }
@media (max-width: 991.98px) {
  .navbar-vertical { position: fixed; inset: 0 auto 0 0; z-index: 1040; width: 17rem; transform: translateX(-100%); transition: transform .2s ease; box-shadow: 0 0 2rem rgba(0,0,0,.18); }
  .navbar-vertical.show { transform: translateX(0); }
}