:root { --brand:#0a2a6b; --brand-gold:#d4a017; }
body.app-shell { background: linear-gradient(160deg,#eef3fb 0%,#f7f8fb 45%,#eef2f7 100%); }
.sidebar-float { background: linear-gradient(180deg,#0a2a6b 0%,#061433 100%); box-shadow: 0 18px 50px rgba(6,20,51,.18); }
.brand-card { background: rgba(255,255,255,.08); border: 1px solid rgba(212,160,23,.35); }
.is-active { background: rgba(255,255,255,.14); }
.topbar-float { background: rgba(255,255,255,.92); border: 1px solid rgba(10,42,107,.08); box-shadow: 0 10px 30px rgba(6,20,51,.06); }
.btn-brand { background: #0c2d57; color:#fff; }
.btn-brand:hover { background: #123f78; }
.login-shell {
  min-height: 100vh;
  background: linear-gradient(180deg, #0c2d57 0%, #081f3d 52%, #fcf9f2 52%, #fcf9f2 100%);
}
.login-card {
  background: #fff;
  border: 1px solid #e3d8b8;
  border-top: 4px solid #e8b923;
  box-shadow: 0 20px 40px rgba(12, 45, 87, 0.18);
}
.btn-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 0.75rem;
  background: #e8b923;
  color: #081f3d;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  transition: background 0.2s;
}
.btn-gold:hover { background: #f5d978; }
.ex-login-logo { max-width: 320px; width: 100%; height: auto; display: block; }