:root{
  --brand-primary:#0d6efd;
  --brand-ink:#0f172a;
  --brand-soft:#eef5ff;
  --brand-border:#dbe6f5;
}

.app-brand-shell{background:linear-gradient(180deg,#f7fbff 0%,#f6f8fc 100%);min-height:100vh;}
.brand-topbar{background:linear-gradient(135deg,#0f172a 0%,#0d6efd 100%);box-shadow:0 14px 40px rgba(15,23,42,.16);}
.brand-navbar{padding-top:.8rem;padding-bottom:.8rem;}
.brand-mark{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;min-width:0;}
.brand-logo{width:auto;height:54px;max-width:260px;object-fit:contain;border-radius:0;background:transparent;padding:0;box-shadow:none;display:block;}
.brand-logo-lg{width:auto;height:88px;max-width:420px;object-fit:contain;border-radius:0;background:transparent;padding:0;box-shadow:none;display:block;}
.brand-mark-text{display:flex;flex-direction:column;line-height:1.1;min-width:0;}
.brand-mark-title{font-size:1rem;color:#fff;font-weight:800;letter-spacing:.01em;}
.brand-mark-subtitle{color:rgba(255,255,255,.82);font-size:.74rem;font-weight:500;}
.navbar-brand .brand-mark-text{display:none;}
.brand-chip-wrap{display:flex;flex-wrap:wrap;gap:.5rem;}
.brand-chip{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:.78rem;font-weight:700;border:1px solid rgba(255,255,255,.2);}
.brand-public-hero,.brand-inline-banner{border:none;border-radius:22px;box-shadow:0 18px 60px rgba(15,23,42,.08);overflow:hidden;background:#fff;}
.brand-public-hero .hero-strip,.brand-inline-banner .hero-strip{background:linear-gradient(135deg,#0f172a 0%,#0d6efd 100%);padding:1.25rem 1.5rem;color:#fff;}
.brand-public-hero .hero-body,.brand-inline-banner .hero-body{padding:1.25rem 1.5rem;}
.brand-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.82;}
.brand-title{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin:.45rem 0 .35rem;}
.brand-subline{color:#5b6472;max-width:800px;}
.brand-login-wrap{max-width:980px;margin:auto;}
.brand-login-card{border:none;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.14);}
.brand-login-side{background:linear-gradient(135deg,#0f172a 0%,#0d6efd 100%);color:#fff;padding:2rem;}
.brand-login-side p{color:rgba(255,255,255,.84);}
.brand-login-form{padding:2rem;}
.brand-section-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;}
.brand-section-caption h1,.brand-section-caption h2,.brand-section-caption h3{margin:0;}
.brand-mini-badges{display:flex;gap:.45rem;flex-wrap:wrap;}
.brand-mini-badges .badge{border-radius:999px;padding:.45rem .75rem;}
.navbar .dropdown-menu{border-radius:16px;border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 50px rgba(15,23,42,.12);padding:.5rem;}
.navbar .dropdown-item{border-radius:12px;padding:.55rem .85rem;font-weight:600;}
.navbar .nav-link{font-weight:700;}
.brand-footer-note{font-size:.85rem;color:#64748b;}
@media (max-width:991.98px){
  .brand-logo{height:44px;max-width:210px;}
  .brand-logo-lg{height:72px;max-width:320px;}
  .brand-mark-title{font-size:.96rem;}
  .brand-mark-subtitle{font-size:.7rem;}
  .brand-title{font-size:1.45rem;}
}