/* BankMovie v148.60.3 — menu-only upgrade. No header selectors are included. */
html body .sidebar-menu.bm-menu-v148603 {
  width: min(390px, 94vw) !important;
  color: #fff !important;
  direction: rtl !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(46, 132, 255, .18), transparent 27%),
    radial-gradient(circle at 15% 4%, rgba(255, 255, 255, .04), transparent 21%),
    linear-gradient(180deg, rgba(3, 8, 20, .992), rgba(2, 6, 16, .998)) !important;
  border-left: 1px solid rgba(78, 159, 255, .18) !important;
  box-shadow: -34px 0 90px rgba(0, 0, 0, .62), inset 1px 0 0 rgba(255, 255, 255, .025) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  overflow: hidden !important;
}

html[dir="ltr"] body .sidebar-menu.bm-menu-v148603 {
  direction: ltr !important;
  border-left: 0 !important;
  border-right: 1px solid rgba(78, 159, 255, .18) !important;
}

html body .sidebar-menu.bm-menu-v148603::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 19%),
    radial-gradient(circle at 18% 16%, rgba(45, 124, 255, .10), transparent 20%),
    linear-gradient(105deg, transparent 0 38%, rgba(56, 189, 248, .035) 49%, transparent 60% 100%);
  opacity: .95;
}

html body .sidebar-menu.bm-menu-v148603 > * {
  position: relative;
  z-index: 1;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-header {
  min-height: 112px !important;
  height: auto !important;
  padding: 18px 18px 15px !important;
  align-items: flex-start !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-brand {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: right;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-brand-title {
  display: flex;
  align-items: flex-end;
  direction: ltr;
  font-size: clamp(25px, 7vw, 33px);
  font-weight: 950;
  letter-spacing: -.055em;
  line-height: 1;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-brand-bank { color: #f8fafc; }
html body .sidebar-menu.bm-menu-v148603 .bm-menu-brand-movie {
  color: #3097ff;
  text-shadow: 0 0 20px rgba(48,151,255,.28);
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-brand-tagline {
  color: rgba(203,213,225,.68);
  font-size: 12px;
  line-height: 1.8;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-close {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(96,165,250,.2) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.016)) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(2,6,23,.3), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-close svg {
  width: 24px !important;
  height: 24px !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-user {
  margin: 0 18px 12px !important;
  padding: 17px !important;
  min-height: 120px;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  text-align: right !important;
  border-radius: 27px !important;
  border: 1px solid rgba(79,151,255,.24) !important;
  background:
    radial-gradient(circle at 86% 50%, rgba(48,151,255,.14), transparent 29%),
    linear-gradient(135deg, rgba(15,24,45,.92), rgba(6,13,29,.95)) !important;
  box-shadow: 0 18px 42px rgba(2,6,23,.32), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-avatar-shell {
  position: relative;
  width: 82px;
  height: 82px;
  flex: 0 0 82px;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-avatar,
html body .sidebar-menu.bm-menu-v148603 .bm-menu-avatar-fallback {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #24c4ff;
  border: 1px solid rgba(73,172,255,.42);
  background: linear-gradient(145deg, rgba(31,115,255,.28), rgba(24,201,255,.16));
  box-shadow: 0 0 0 5px rgba(36,126,255,.08), 0 15px 30px rgba(2,6,23,.34);
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-avatar svg,
html body .sidebar-menu.bm-menu-v148603 .bm-menu-avatar-fallback svg {
  width: 38px;
  height: 38px;
  stroke: currentColor;
  fill: none;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-crown {
  position: absolute;
  left: -4px;
  bottom: 0;
  min-width: 31px;
  height: 31px;
  padding: 0 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #fff;
  font-size: 9px;
  font-weight: 950;
  background: linear-gradient(135deg, #2563eb, #26c6ff);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 12px 22px rgba(37,99,235,.32);
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-crown svg {
  width: 13px;
  height: 13px;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-user-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-username {
  margin: 0 !important;
  color: #fff !important;
  font-size: 19px !important;
  line-height: 1.35;
  font-weight: 950 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-userrole {
  margin: 0 !important;
  color: rgba(191,219,254,.72) !important;
  font-size: 12px !important;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-role-pill {
  align-self: flex-start;
  margin-top: 5px;
  height: 27px;
  padding: 0 11px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #b9dbff;
  background: rgba(47,124,255,.12);
  border: 1px solid rgba(96,165,250,.2);
  font-size: 10px;
  font-weight: 900;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership {
  margin: 0 18px 14px;
  padding: 15px 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(9,17,34,.94), rgba(5,11,24,.96));
  box-shadow: 0 15px 32px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.035);
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership.is-vip {
  border-color: rgba(78,159,255,.23);
  background:
    radial-gradient(circle at 88% 20%, rgba(48,151,255,.13), transparent 33%),
    linear-gradient(180deg, rgba(8,18,39,.95), rgba(5,11,24,.96));
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership.is-upsell {
  border-color: rgba(245,158,11,.18);
  background:
    radial-gradient(circle at 88% 18%, rgba(245,158,11,.08), transparent 34%),
    linear-gradient(180deg, rgba(18,15,24,.95), rgba(10,9,17,.97));
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership-title {
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.6;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership-copy {
  margin: 5px 0 0;
  color: rgba(203,213,225,.68);
  font-size: 11px;
  line-height: 1.9;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership-meta {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership-chip {
  min-height: 29px;
  padding: 5px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: #dbeafe;
  background: rgba(47,124,255,.11);
  border: 1px solid rgba(96,165,250,.18);
  font-size: 10px;
  font-weight: 900;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-buy-vip {
  margin-top: 11px;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  font-weight: 950;
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  box-shadow: 0 13px 27px rgba(37,99,235,.27);
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-buy-vip svg {
  width: 17px;
  height: 17px;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-nav {
  flex: 1 !important;
  min-height: 0;
  padding: 0 18px 8px !important;
  gap: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-section-title {
  margin: 8px 3px 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #3f86ff;
  font-size: 12px;
  font-weight: 900;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-section-title::before {
  content: "";
  width: 4px;
  height: 25px;
  border-radius: 999px;
  background: linear-gradient(180deg, #67e8f9, #2563eb);
  box-shadow: 0 0 15px rgba(48,151,255,.28);
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-item {
  position: relative;
  min-height: 70px !important;
  margin: 0 0 9px !important;
  padding: 0 16px !important;
  border-radius: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #f8fafc !important;
  text-decoration: none !important;
  border: 1px solid rgba(93,153,240,.11) !important;
  background: linear-gradient(90deg, rgba(5,11,24,.92), rgba(8,17,35,.80), rgba(5,11,24,.92)) !important;
  box-shadow: 0 10px 22px rgba(2,6,23,.15), inset 0 1px 0 rgba(255,255,255,.035) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-item:hover,
html body .sidebar-menu.bm-menu-v148603 .sidebar-item:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(96,165,250,.23) !important;
  background: linear-gradient(90deg, rgba(7,15,31,.95), rgba(12,29,59,.90), rgba(7,15,31,.95)) !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-item.active {
  color: #fff !important;
  border-color: rgba(96,165,250,.30) !important;
  background: linear-gradient(90deg, rgba(8,18,38,.98), rgba(18,43,83,.94), rgba(8,18,38,.98)) !important;
  box-shadow: 0 14px 30px rgba(2,6,23,.22), inset 0 0 0 1px rgba(96,165,250,.07) !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-item.active::after {
  content: "";
  position: absolute;
  top: 11px;
  bottom: 11px;
  right: 0;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, #67e8f9, #2563eb);
  box-shadow: 0 0 16px rgba(48,151,255,.34);
}

html[dir="ltr"] body .sidebar-menu.bm-menu-v148603 .sidebar-item.active::after {
  right: auto;
  left: 0;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-iconbox {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #349cff;
  background: rgba(47,124,255,.07);
  border: 1px solid rgba(96,165,250,.16);
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-iconbox svg {
  width: 25px !important;
  height: 25px !important;
  stroke: currentColor !important;
  fill: none !important;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-item-label {
  min-width: 0;
  flex: 1;
  color: inherit;
  font-size: 15px;
  font-weight: 900;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-chevron {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(191,219,254,.72);
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-chevron svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-footer {
  padding: 12px 18px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 9px !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.018)) !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-footer .sidebar-item {
  margin-bottom: 0 !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-footer .sidebar-item.is-logout {
  color: #fb7185 !important;
  border-color: rgba(244,63,94,.19) !important;
  background: linear-gradient(90deg, rgba(31,11,20,.96), rgba(32,14,25,.92), rgba(20,9,16,.96)) !important;
}

html body .sidebar-menu.bm-menu-v148603 .sidebar-footer .sidebar-item.is-logout .bm-menu-iconbox {
  color: #fb7185;
  border-color: rgba(244,63,94,.18);
  background: rgba(244,63,94,.08);
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-footer-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: right;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-footer-title {
  color: inherit;
  font-size: 15px;
  font-weight: 950;
}

html body .sidebar-menu.bm-menu-v148603 .bm-menu-footer-subtitle {
  color: rgba(203,213,225,.55);
  font-size: 10px;
  line-height: 1.7;
}

html body .sidebar-menu.bm-menu-v148603 .is-logout .bm-menu-footer-subtitle {
  color: rgba(251,113,133,.62);
}

@media (max-width: 420px) {
  html body .sidebar-menu.bm-menu-v148603 {
    width: min(382px, 95vw) !important;
  }
  html body .sidebar-menu.bm-menu-v148603 .sidebar-header {
    padding-inline: 14px !important;
  }
  html body .sidebar-menu.bm-menu-v148603 .sidebar-user,
  html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership {
    margin-inline: 14px !important;
  }
  html body .sidebar-menu.bm-menu-v148603 .sidebar-nav,
  html body .sidebar-menu.bm-menu-v148603 .sidebar-footer {
    padding-inline: 14px !important;
  }
  html body .sidebar-menu.bm-menu-v148603 .sidebar-item {
    min-height: 66px !important;
    padding-inline: 13px !important;
    border-radius: 20px !important;
  }
  html body .sidebar-menu.bm-menu-v148603 .bm-menu-iconbox {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    border-radius: 16px;
  }
  html body .sidebar-menu.bm-menu-v148603 .bm-menu-item-label,
  html body .sidebar-menu.bm-menu-v148603 .bm-menu-footer-title {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .sidebar-menu.bm-menu-v148603 .sidebar-item {
    transition: none !important;
  }
}

/* v148.60.3 exact mockup alignment refinements */
html body .sidebar-menu.bm-menu-v148603 .sidebar-header{
  direction:ltr!important;
  justify-content:space-between!important;
}
html body .sidebar-menu.bm-menu-v148603 .bm-menu-brand{
  text-align:left!important;
  align-items:flex-start!important;
}
html body .sidebar-menu.bm-menu-v148603 .bm-menu-brand-tagline{
  direction:rtl!important;
  text-align:left!important;
}
html body .sidebar-menu.bm-menu-v148603 .sidebar-user{
  direction:ltr!important;
}
html body .sidebar-menu.bm-menu-v148603 .bm-menu-user-copy{
  direction:rtl!important;
  text-align:center!important;
  align-items:center!important;
}
html body .sidebar-menu.bm-menu-v148603 .bm-menu-role-pill{
  align-self:center!important;
}
html body .sidebar-menu.bm-menu-v148603 .sidebar-item{
  direction:rtl!important;
}
html body .sidebar-menu.bm-menu-v148603 .sidebar-footer .sidebar-item.is-logout{
  direction:ltr!important;
}
html body .sidebar-menu.bm-menu-v148603 .sidebar-footer .sidebar-item.is-logout .bm-menu-footer-copy{
  direction:rtl!important;
  text-align:right!important;
}
html body .sidebar-menu.bm-menu-v148603 .bm-menu-membership{
  direction:rtl!important;
  text-align:right!important;
}
