/* BankMovie v148.60.5 — compact premium mobile menu, menu-only. */
html body .sidebar-menu.bm-menu-v148605 {
  width: min(356px, 92vw) !important;
  max-width: 356px !important;
  color: #f8fbff !important;
  direction: rtl !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(42, 121, 255, .14), transparent 28%),
    radial-gradient(circle at 22% 22%, rgba(255, 255, 255, .035), transparent 20%),
    linear-gradient(180deg, rgba(4, 9, 22, .985), rgba(3, 7, 18, .992)) !important;
  border-left: 1px solid rgba(86, 162, 255, .14) !important;
  box-shadow: -28px 0 78px rgba(0,0,0,.54), inset 1px 0 0 rgba(255,255,255,.02) !important;
  backdrop-filter: blur(20px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(115%) !important;
  overflow: hidden !important;
  transform: translate3d(104%,0,0) scale(.985) !important;
  opacity: 0 !important;
  transition: transform .34s cubic-bezier(.2,.84,.24,1), opacity .26s ease, box-shadow .28s ease !important;
  will-change: transform, opacity;
}
html body .sidebar-menu.bm-menu-v148605.open {
  transform: translate3d(0,0,0) scale(1) !important;
  opacity: 1 !important;
}
html[dir="ltr"] body .sidebar-menu.bm-menu-v148605 {
  direction: ltr !important;
  border-left: 0 !important;
  border-right: 1px solid rgba(86,162,255,.14) !important;
  box-shadow: 28px 0 78px rgba(0,0,0,.54), inset -1px 0 0 rgba(255,255,255,.02) !important;
  transform: translate3d(-104%,0,0) scale(.985) !important;
}
html[dir="ltr"] body .sidebar-menu.bm-menu-v148605.open {
  transform: translate3d(0,0,0) scale(1) !important;
}
html body .sidebar-menu.bm-menu-v148605::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), transparent 16%),
    radial-gradient(circle at 86% 10%, rgba(35, 110, 255, .08), transparent 28%),
    linear-gradient(120deg, transparent 0 36%, rgba(56,189,248,.028) 47%, transparent 58% 100%);
  opacity: .9;
}
html body .sidebar-menu.bm-menu-v148605 > * { position: relative; z-index: 1; }
html body .sidebar-menu.bm-menu-v148605 .sidebar-header,
html body .sidebar-menu.bm-menu-v148605 .sidebar-user,
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership,
html body .sidebar-menu.bm-menu-v148605 .bm-menu-section-title,
html body .sidebar-menu.bm-menu-v148605 .sidebar-item,
html body .sidebar-menu.bm-menu-v148605 .sidebar-footer {
  opacity: 0;
  transform: translateY(10px);
  transition: transform .34s cubic-bezier(.2,.84,.24,1), opacity .26s ease;
}
html body .sidebar-menu.bm-menu-v148605.open .sidebar-header,
html body .sidebar-menu.bm-menu-v148605.open .sidebar-user,
html body .sidebar-menu.bm-menu-v148605.open .bm-menu-membership,
html body .sidebar-menu.bm-menu-v148605.open .bm-menu-section-title,
html body .sidebar-menu.bm-menu-v148605.open .sidebar-item,
html body .sidebar-menu.bm-menu-v148605.open .sidebar-footer {
  opacity: 1;
  transform: translateY(0);
}
html body .sidebar-menu.bm-menu-v148605.open .sidebar-header { transition-delay: .03s; }
html body .sidebar-menu.bm-menu-v148605.open .sidebar-user { transition-delay: .07s; }
html body .sidebar-menu.bm-menu-v148605.open .bm-menu-membership { transition-delay: .11s; }
html body .sidebar-menu.bm-menu-v148605.open .bm-menu-section-title { transition-delay: .13s; }
html body .sidebar-menu.bm-menu-v148605.open .sidebar-item:nth-of-type(1) { transition-delay: .15s; }
html body .sidebar-menu.bm-menu-v148605.open .sidebar-item:nth-of-type(2) { transition-delay: .18s; }
html body .sidebar-menu.bm-menu-v148605.open .sidebar-item:nth-of-type(3) { transition-delay: .21s; }
html body .sidebar-menu.bm-menu-v148605.open .sidebar-item:nth-of-type(4) { transition-delay: .24s; }
html body .sidebar-menu.bm-menu-v148605.open .sidebar-item:nth-of-type(5) { transition-delay: .27s; }
html body .sidebar-menu.bm-menu-v148605.open .sidebar-item:nth-of-type(6) { transition-delay: .30s; }
html body .sidebar-menu.bm-menu-v148605.open .sidebar-footer { transition-delay: .33s; }

html body .sidebar-menu.bm-menu-v148605 .sidebar-header {
  min-height: 88px !important;
  height: auto !important;
  padding: 14px 16px 12px !important;
  align-items: flex-start !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-brand {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: right;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-brand-title {
  display: flex;
  align-items: flex-end;
  direction: ltr;
  font-size: clamp(22px, 6.4vw, 29px);
  font-weight: 940;
  letter-spacing: -.05em;
  line-height: 1;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-brand-bank { color: #f8fafc; }
html body .sidebar-menu.bm-menu-v148605 .bm-menu-brand-movie {
  color: #2996ff;
  text-shadow: 0 0 18px rgba(41,150,255,.22);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-brand-tagline {
  color: rgba(203,213,225,.62);
  font-size: 11px;
  line-height: 1.8;
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-close {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(96,165,250,.17) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(2,6,23,.25), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-close svg { width: 20px !important; height: 20px !important; }

html body .sidebar-menu.bm-menu-v148605 .sidebar-user {
  margin: 0 16px 10px !important;
  padding: 14px !important;
  min-height: 94px;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: right !important;
  border-radius: 24px !important;
  border: 1px solid rgba(79,151,255,.18) !important;
  background:
    radial-gradient(circle at 86% 50%, rgba(48,151,255,.10), transparent 28%),
    linear-gradient(135deg, rgba(12,21,40,.9), rgba(6,12,26,.94)) !important;
  box-shadow: 0 14px 34px rgba(2,6,23,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-avatar-shell {
  position: relative;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-avatar,
html body .sidebar-menu.bm-menu-v148605 .bm-menu-avatar-fallback {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #25c0ff;
  border: 1px solid rgba(73,172,255,.34);
  background: linear-gradient(145deg, rgba(31,115,255,.24), rgba(24,201,255,.12));
  box-shadow: 0 0 0 4px rgba(36,126,255,.06), 0 12px 24px rgba(2,6,23,.28);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-avatar img {
  display: block;
  width: 100%; height: 100%; object-fit: cover;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-avatar svg,
html body .sidebar-menu.bm-menu-v148605 .bm-menu-avatar-fallback svg {
  width: 31px; height: 31px; stroke: currentColor; fill: none;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-crown { display: none !important; }
html body .sidebar-menu.bm-menu-v148605 .bm-menu-user-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-username {
  margin: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.35;
  font-weight: 900 !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-userrole {
  margin: 0 !important;
  color: rgba(191,219,254,.68) !important;
  font-size: 11px !important;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-role-pill {
  align-self: flex-start;
  margin-top: 5px;
  min-height: 23px;
  padding: 0 9px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #c6e3ff;
  background: rgba(47,124,255,.10);
  border: 1px solid rgba(96,165,250,.15);
  font-size: 10px;
  font-weight: 850;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-role-pill svg { width: 11px; height: 11px; }

html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership {
  margin: 0 16px 10px;
  padding: 13px 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.06);
  background: linear-gradient(180deg, rgba(8,15,31,.94), rgba(5,10,22,.96));
  box-shadow: 0 12px 28px rgba(2,6,23,.2), inset 0 1px 0 rgba(255,255,255,.03);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership.is-vip {
  border-color: rgba(78,159,255,.18);
  background:
    radial-gradient(circle at 88% 20%, rgba(48,151,255,.11), transparent 30%),
    linear-gradient(180deg, rgba(8,18,39,.94), rgba(5,11,24,.96));
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership.is-upsell {
  border-color: rgba(245,158,11,.12);
  background:
    radial-gradient(circle at 88% 16%, rgba(245,158,11,.06), transparent 28%),
    linear-gradient(180deg, rgba(15,13,21,.95), rgba(8,8,16,.97));
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership-title {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.55;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership-copy {
  margin: 4px 0 0;
  color: rgba(203,213,225,.65);
  font-size: 10.5px;
  line-height: 1.9;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership-meta {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership-chip {
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  color: #d9ecff;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.06);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-buy-vip {
  margin-top: 12px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #1d7eff, #35c5ff);
  box-shadow: 0 12px 26px rgba(37,99,235,.28);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-buy-vip svg { width: 14px; height: 14px; }

html body .sidebar-menu.bm-menu-v148605 .sidebar-nav {
  flex: 1;
  padding: 4px 14px 10px;
  overflow: auto;
  scrollbar-width: thin;
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-nav::-webkit-scrollbar { width: 5px; }
html body .sidebar-menu.bm-menu-v148605 .sidebar-nav::-webkit-scrollbar-thumb { background: rgba(96,165,250,.22); border-radius: 999px; }
html body .sidebar-menu.bm-menu-v148605 .bm-menu-section-title {
  margin: 10px 2px 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: #2ea1ff;
  font-size: 11px;
  font-weight: 900;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-section-title::before {
  content: "";
  width: 4px;
  height: 20px;
  border-radius: 999px;
  background: linear-gradient(180deg, #31b8ff, #2c6dff);
  box-shadow: 0 0 14px rgba(49,184,255,.32);
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-item {
  min-height: 56px;
  margin-bottom: 8px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #eef6ff;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.045);
  background: linear-gradient(135deg, rgba(10,18,34,.92), rgba(5,11,25,.96));
  box-shadow: 0 10px 22px rgba(2,6,23,.18), inset 0 1px 0 rgba(255,255,255,.025);
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-item:hover,
html body .sidebar-menu.bm-menu-v148605 .sidebar-item.active {
  color: #fff;
  border-color: rgba(73,172,255,.16);
  background:
    linear-gradient(90deg, rgba(38,104,255,.08), transparent 42%),
    linear-gradient(135deg, rgba(10,20,40,.96), rgba(5,11,25,.98));
  box-shadow: 0 14px 28px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.035);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-iconbox {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #40a3ff;
  background: linear-gradient(180deg, rgba(41,151,255,.08), rgba(41,151,255,.03));
  border: 1px solid rgba(86,162,255,.12);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-iconbox svg {
  width: 20px; height: 20px; stroke: currentColor; fill: none;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-item-label {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 820;
  line-height: 1.45;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-chevron {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(232,240,255,.72);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-chevron svg { width: 16px; height: 16px; }
html[dir="ltr"] body .sidebar-menu.bm-menu-v148605 .bm-menu-chevron svg { transform: scaleX(-1); }

html body .sidebar-menu.bm-menu-v148605 .sidebar-footer {
  padding: 10px 14px calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(255,255,255,.045);
  background: linear-gradient(180deg, rgba(5,9,18,.22), rgba(5,9,18,.7));
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-footer .sidebar-item { margin-bottom: 0; }
html body .sidebar-menu.bm-menu-v148605 .sidebar-item.is-logout {
  min-height: 66px;
  border-color: rgba(255,89,112,.16);
  background: linear-gradient(135deg, rgba(68,14,29,.42), rgba(24,8,15,.84));
  color: #ff7f96;
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-item.is-logout .bm-menu-iconbox {
  color: #ff879d;
  background: linear-gradient(180deg, rgba(255,95,122,.12), rgba(255,95,122,.05));
  border-color: rgba(255,95,122,.14);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-footer-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-footer-title {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.4;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-footer-subtitle {
  color: rgba(255,196,205,.68);
  font-size: 10.5px;
  line-height: 1.55;
}
html body .sidebar-menu.bm-menu-v148605 .sidebar-footer .sidebar-item.is-auth {
  min-height: 54px;
}
@media (max-width: 380px) {
  html body .sidebar-menu.bm-menu-v148605 { width: min(346px, 93vw) !important; }
  html body .sidebar-menu.bm-menu-v148605 .sidebar-header { padding: 13px 14px 12px !important; }
  html body .sidebar-menu.bm-menu-v148605 .sidebar-user,
  html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership { margin-left: 14px !important; margin-right: 14px !important; }
  html body .sidebar-menu.bm-menu-v148605 .sidebar-nav,
  html body .sidebar-menu.bm-menu-v148605 .sidebar-footer { padding-left: 12px; padding-right: 12px; }
  html body .sidebar-menu.bm-menu-v148605 .sidebar-item { min-height: 54px; border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .sidebar-menu.bm-menu-v148605,
  html body .sidebar-menu.bm-menu-v148605 * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}


/* v148.60.5 membership refinement */
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership {
  position: relative;
  overflow: hidden;
  padding: 14px !important;
  border-radius: 22px !important;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  top: -95px;
  left: -70px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  filter: blur(4px);
  pointer-events: none;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership.is-vip {
  border-color: rgba(96,165,250,.24) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(255,196,62,.11), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(35,132,255,.12), transparent 30%),
    linear-gradient(145deg, rgba(9,22,48,.98), rgba(5,11,26,.98)) !important;
  box-shadow: 0 16px 34px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership.is-upsell {
  border-color: rgba(255,146,0,.20) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(255,146,0,.10), transparent 28%),
    linear-gradient(145deg, rgba(19,15,12,.98), rgba(7,8,14,.98)) !important;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership-head > svg {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  padding: 6px;
  border-radius: 11px;
  color: #ffd166;
  background: rgba(255,193,61,.08);
  border: 1px solid rgba(255,193,61,.12);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership-title {
  font-size: 13.5px !important;
  letter-spacing: -.01em;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-membership-copy {
  margin-top: 3px !important;
  font-size: 10.5px !important;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-premium-status {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  margin-top: 11px;
  padding: 0 12px;
  border-radius: 999px;
  color: #eaf4ff;
  font-size: 11px;
  font-weight: 950;
  background: linear-gradient(135deg, rgba(59,130,246,.18), rgba(14,165,233,.10));
  border: 1px solid rgba(96,165,250,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-feature-list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
  margin-top: 11px;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-feature-list span {
  min-width: 0;
  padding: 7px 5px;
  border-radius: 11px;
  color: rgba(255,255,255,.74);
  font-size: 8.8px;
  font-weight: 800;
  line-height: 1.55;
  text-align: center;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.055);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-buy-vip {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 44px !important;
  margin-top: 12px !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden;
  border-radius: 14px !important;
  background: #111 !important;
  border: 1px solid rgba(255,146,0,.34);
  box-shadow: 0 14px 28px rgba(255,133,0,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-buy-vip:hover,
html body .sidebar-menu.bm-menu-v148605 .bm-menu-buy-vip:active {
  transform: translateY(-1px) scale(.995);
  box-shadow: 0 18px 32px rgba(255,133,0,.20), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-subscribe-dark,
html body .sidebar-menu.bm-menu-v148605 .bm-menu-subscribe-orange {
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-weight: 950;
  letter-spacing: .01em;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-subscribe-dark {
  flex: 0 0 68px;
  color: #ff9000;
  background: #0a0a0a;
  font-size: 12px;
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-subscribe-orange {
  flex: 1;
  color: #0b0b0b;
  background: linear-gradient(180deg,#ffa31a,#ff9000);
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(255,255,255,.15);
}
html body .sidebar-menu.bm-menu-v148605 .bm-menu-buy-vip > svg { display: none !important; }
@media (max-width: 360px) {
  html body .sidebar-menu.bm-menu-v148605 .bm-menu-feature-list { grid-template-columns: 1fr; }
  html body .sidebar-menu.bm-menu-v148605 .bm-menu-feature-list span { padding: 6px 8px; }
}