:root {
  --app-auth-ink: #17233f;
  --app-auth-muted: #72809c;
  --app-auth-blue: #4b8cff;
  --app-auth-purple: #7657ee;
  --app-auth-cyan: #59c8ec;
  --app-auth-border: rgba(255, 255, 255, 0.82);
  --app-auth-line: rgba(112, 129, 164, 0.2);
  --app-auth-glass: rgba(255, 255, 255, 0.72);
  --app-auth-glass-strong: rgba(255, 255, 255, 0.88);
  --app-auth-soft: rgba(238, 242, 255, 0.72);
  --app-auth-shadow: 0 24px 64px rgba(62, 72, 131, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  --app-auth-shadow-soft: 0 12px 32px rgba(62, 72, 131, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.78);
  --app-auth-gradient: linear-gradient(105deg, #408df4, #7459ee);
}

body:not(.auth-page) {
  min-height: 100vh;
  min-height: 100dvh;
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 255, 255, 0.92) 0 7%, transparent 31%),
    radial-gradient(circle at 88% 78%, rgba(156, 217, 255, 0.56), transparent 34%),
    linear-gradient(135deg, #dcecff 0%, #eef2ff 46%, #eadfff 100%) !important;
  color: var(--app-auth-ink);
}

body:not(.auth-page)::before,
body:not(.auth-page)::after {
  position: fixed;
  z-index: 0;
  border-radius: 999px;
  content: "";
  pointer-events: none;
}

body:not(.auth-page)::before {
  top: -110px;
  right: 8%;
  width: 320px;
  height: 320px;
  background: linear-gradient(145deg, rgba(102, 112, 255, 0.22), rgba(106, 213, 255, 0.14));
}

body:not(.auth-page)::after {
  bottom: -170px;
  left: 5%;
  width: 390px;
  height: 390px;
  background: linear-gradient(145deg, rgba(112, 215, 255, 0.22), rgba(175, 116, 255, 0.16));
}

body:not(.auth-page) #root {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  min-height: 100dvh;
}

body:not(.auth-page) :is(input, textarea, select) {
  border-color: var(--app-auth-line) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--app-auth-ink) !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body:not(.auth-page) :is(input, textarea, select):focus {
  border-color: #6687ec !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(80, 112, 230, 0.12) !important;
  outline: none;
}

body:not(.auth-page) :is(input, textarea)::placeholder {
  color: #9ca8c0 !important;
}

@media (min-width: 769px) {
  body:not(.auth-page) .pc-sidebar {
    border-right: 1px solid rgba(255, 255, 255, 0.78) !important;
    background:
      radial-gradient(circle at 12% 0, rgba(92, 145, 255, 0.18), transparent 28%),
      rgba(255, 255, 255, 0.64) !important;
    box-shadow: 18px 0 52px rgba(62, 72, 131, 0.12), inset -1px 0 rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(26px) saturate(145%);
    -webkit-backdrop-filter: blur(26px) saturate(145%);
  }

  body:not(.auth-page) .pc-sidebar-logo {
    border-bottom-color: rgba(111, 127, 166, 0.14) !important;
    color: #14203a !important;
  }

  body:not(.auth-page) .pc-sidebar-logo::before {
    background: linear-gradient(135deg, var(--app-auth-blue), var(--app-auth-purple)) !important;
    box-shadow: 0 14px 28px rgba(83, 92, 226, 0.25) !important;
  }

  body:not(.auth-page) .pc-sidebar-item {
    color: #687791 !important;
  }

  body:not(.auth-page) .pc-sidebar-item .icon {
    color: #8996af !important;
  }

  body:not(.auth-page) .pc-sidebar-item:hover {
    border-color: rgba(107, 123, 174, 0.13) !important;
    background: rgba(255, 255, 255, 0.58) !important;
    color: #3e57a6 !important;
    box-shadow: 0 8px 22px rgba(62, 72, 131, 0.08);
  }

  body:not(.auth-page) .pc-sidebar-item.active {
    border-color: rgba(255, 255, 255, 0.66) !important;
    background: var(--app-auth-gradient) !important;
    box-shadow: 0 13px 28px rgba(79, 88, 218, 0.24), inset 0 1px rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
  }

  body:not(.auth-page) .pc-sidebar-item:hover .icon,
  body:not(.auth-page) .pc-sidebar-item.active .icon {
    color: currentColor !important;
  }

  body:not(.auth-page) :is(.pc-content, .pc-content-inner, .pc-page, .pc-page-fixed-layout) {
    background: transparent !important;
  }

  body:not(.auth-page) .pc-content::before {
    background: transparent !important;
  }
}

body:not(.auth-page) .pc-page-header {
  color: var(--app-auth-ink);
}

body:not(.auth-page) .pc-page-title {
  color: #14203a !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em;
}

body:not(.auth-page) .pc-page-title::before {
  background: linear-gradient(180deg, var(--app-auth-cyan), var(--app-auth-purple)) !important;
  box-shadow: 0 7px 18px rgba(73, 103, 226, 0.3) !important;
}

body:not(.auth-page) :is(
  .pc-orders-sidebar-shell,
  .pc-orders-sidebar,
  .pc-search-bar,
  .pc-order-card,
  .pc-profile-card,
  .pc-profile-deposit-card,
  .pc-service-page-card,
  .pc-native-card,
  .pc-native-action-card,
  .pc-native-stat-card,
  .pc-native-info-card,
  .pc-native-image-card,
  .pc-conv-left-panel,
  .pc-conv-right-panel,
  .pc-forum-card,
  .pc-forum-toolbar,
  .pc-forum-shell-header,
  .pc-hall-card
) {
  border-color: var(--app-auth-border) !important;
  border-radius: 20px !important;
  background: var(--app-auth-glass) !important;
  box-shadow: var(--app-auth-shadow-soft) !important;
  backdrop-filter: blur(20px) saturate(135%);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
}

body:not(.auth-page) :is(.pc-order-card, .pc-hall-card, .pc-native-action-card, .pc-profile-card) {
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

body:not(.auth-page) :is(.pc-order-card, .pc-hall-card, .pc-native-action-card, .pc-profile-card):hover {
  border-color: rgba(102, 135, 236, 0.35) !important;
  box-shadow: 0 20px 48px rgba(62, 72, 131, 0.15), inset 0 1px rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-2px);
}

body:not(.auth-page) :is(.pc-orders-tabs, .pc-conversation-scene-tabs, .pc-native-tabs) {
  border: 1px solid rgba(111, 127, 166, 0.12) !important;
  border-radius: 14px !important;
  background: rgba(225, 232, 248, 0.62) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.64);
}

body:not(.auth-page) :is(.pc-orders-tabs, .pc-conversation-scene-tabs, .pc-native-tabs) button {
  border-radius: 10px !important;
  color: #75829b !important;
}

body:not(.auth-page) :is(.pc-orders-tabs, .pc-conversation-scene-tabs, .pc-native-tabs) button.active {
  border-color: rgba(255, 255, 255, 0.76) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 6px 18px rgba(55, 68, 116, 0.11) !important;
  color: #3156c7 !important;
}

body:not(.auth-page) :is(
  .pc-hall-action-btn.primary,
  .pc-create-btn-submit,
  .pc-deposit-modal-btn.primary,
  .pc-profile-deposit-btn.primary,
  .pc-native-button-row .primary,
  .pc-order-action-btn.primary,
  .pc-search-actions-panel button:first-child
) {
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--app-auth-gradient) !important;
  box-shadow: 0 13px 25px rgba(79, 88, 218, 0.22) !important;
  color: #fff !important;
}

body:not(.auth-page) :is(
  .pc-hall-action-btn.primary,
  .pc-create-btn-submit,
  .pc-deposit-modal-btn.primary,
  .pc-profile-deposit-btn.primary,
  .pc-native-button-row .primary,
  .pc-order-action-btn.primary,
  .pc-search-actions-panel button:first-child
):hover {
  box-shadow: 0 16px 30px rgba(79, 88, 218, 0.3) !important;
  transform: translateY(-1px);
}

body:not(.auth-page) :is(
  .pc-hall-action-btn:not(.primary),
  .pc-create-btn-cancel,
  .pc-deposit-modal-btn.secondary,
  .pc-profile-deposit-btn.secondary,
  .pc-order-action-btn,
  .pc-search-actions-panel button:last-child
) {
  border-color: rgba(112, 129, 164, 0.2) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: #52617d !important;
}

body:not(.auth-page) :is(.pc-orders-sidebar-list, .pc-conv-list, .pc-native-table) {
  scrollbar-color: rgba(104, 121, 174, 0.38) transparent;
}

body:not(.auth-page) :is(.pc-conv-item, .pc-native-table-row, .pc-native-list-row) {
  border-color: rgba(112, 129, 164, 0.14) !important;
}

body:not(.auth-page) .pc-conv-item:hover,
body:not(.auth-page) .pc-conv-item.active {
  background: rgba(238, 242, 255, 0.76) !important;
}

body:not(.auth-page) :is(.pc-create-modal, .pc-deposit-modal, .pc-native-recharge-modal, .pc-sms-modal) {
  border: 1px solid var(--app-auth-border) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: var(--app-auth-shadow) !important;
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}

body:not(.auth-page) :is(.pc-create-overlay, .pc-deposit-modal-mask, .pc-native-recharge-modal-mask, .pc-sms-modal-mask) {
  background: rgba(43, 52, 91, 0.26) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body:not(.auth-page) :is(.pc-native-page, .pc-service-embedded-content) {
  color: var(--app-auth-ink);
}

body:not(.auth-page) :is(.pc-native-section-subtitle, .pc-service-page-desc, .pc-profile-page-subtitle) {
  color: var(--app-auth-muted) !important;
}

body:not(.auth-page) .pc-empty,
body:not(.auth-page) .pc-loading,
body:not(.auth-page) .pc-native-empty {
  border-color: rgba(125, 145, 190, 0.35) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  color: #7a87a0 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.78);
}

@media (max-width: 768px) {
  body:not(.auth-page) :is(.page-transition, .adm-pull-to-refresh, .adm-pull-to-refresh-content) {
    background: transparent !important;
  }

  body:not(.auth-page) .mobile-tabbar {
    border-top: 1px solid rgba(255, 255, 255, 0.8) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: 0 -12px 34px rgba(62, 72, 131, 0.12) !important;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
  }

  body:not(.auth-page) .mobile-tabbar .adm-tab-bar-item {
    color: #8390a8 !important;
  }

  body:not(.auth-page) .mobile-tabbar .adm-tab-bar-item-active {
    color: #526fe3 !important;
  }

  body:not(.auth-page) :is(.adm-nav-bar, .adm-tabs-header, .adm-list, .adm-card) {
    border-color: rgba(255, 255, 255, 0.72) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: var(--app-auth-shadow-soft);
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
  }

  body:not(.auth-page) .adm-button-primary {
    border: 0 !important;
    background: var(--app-auth-gradient) !important;
    box-shadow: 0 11px 23px rgba(79, 88, 218, 0.22) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.auth-page) *,
  body:not(.auth-page) *::before,
  body:not(.auth-page) *::after {
    transition-duration: 0.01ms !important;
  }
}