/* =========================================================
   CRAZY // NEON GLASS THEME
   UI-only theme layer — preserves application logic.
   ========================================================= */
:root{
  --nx-bg:#05060b;
  --nx-surface:rgba(13,16,27,.72);
  --nx-surface-2:rgba(20,24,39,.62);
  --nx-line:rgba(255,255,255,.09);
  --nx-text:#f7f9ff;
  --nx-muted:rgba(231,237,255,.55);
  --nx-a:#8b5cf6;
  --nx-b:#22d3ee;
  --nx-c:#ec4899;
  --nx-success:#34d399;
  --nx-shadow:0 24px 80px rgba(0,0,0,.52);
}
html,body{background:var(--nx-bg)!important;color:var(--nx-text)!important}
body{
  background:
    radial-gradient(circle at 12% 12%,rgba(139,92,246,.12),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(34,211,238,.10),transparent 28%),
    radial-gradient(circle at 50% 100%,rgba(236,72,153,.07),transparent 35%),
    #05060b!important;
}
.animated-bg{
  z-index:-3!important;
  opacity:.9;
  background:
    radial-gradient(circle at 20% 20%,rgba(139,92,246,.18),transparent 24%),
    radial-gradient(circle at 80% 30%,rgba(34,211,238,.15),transparent 26%),
    radial-gradient(circle at 50% 90%,rgba(236,72,153,.10),transparent 30%),
    linear-gradient(120deg,#03040a,#080b16,#050713,#090511)!important;
  background-size:180% 180%!important;
  animation:nxAurora 18s ease-in-out infinite!important;
  filter:saturate(125%);
}
@keyframes nxAurora{
  0%,100%{background-position:0% 50%;transform:scale(1)}
  50%{background-position:100% 50%;transform:scale(1.035)}
}
.animated-bg:after{
  content:"";position:absolute;inset:-20%;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;transform:rotate(-2deg);
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}
#particles-js{z-index:-2!important;opacity:.72}
.main-container{
  background:rgba(7,9,16,.38)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 70px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(14px)!important;
}
.vip-navbar{
  background:rgba(5,6,11,.66)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 10px 40px rgba(0,0,0,.25)!important;
  position:relative;
}
.vip-navbar:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--nx-a),var(--nx-b),var(--nx-c),transparent);
  opacity:.8;
}
.brand-icon{
  background:linear-gradient(135deg,rgba(139,92,246,.20),rgba(34,211,238,.12))!important;
  border-color:rgba(139,92,246,.35)!important;color:#c4b5fd!important;
  box-shadow:0 0 25px rgba(139,92,246,.14),inset 0 1px rgba(255,255,255,.08);
}
.brand-dot{background:var(--nx-success)!important;box-shadow:0 0 10px var(--nx-success)!important}
.brand-text{
  color:#fff!important;
  background:linear-gradient(90deg,#fff,#c4b5fd,#67e8f9,#fff);
  background-size:240% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:nxText 6s linear infinite;
}
@keyframes nxText{to{background-position:240% center}}
.vip-nav-link{color:rgba(255,255,255,.62)!important}
.vip-nav-link:hover,.vip-nav-link:focus{
  color:#fff!important;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(34,211,238,.09))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 22px rgba(139,92,246,.08);
}
.vip-dropdown{
  background:rgba(8,10,18,.86)!important;border-color:rgba(139,92,246,.22)!important;
  box-shadow:var(--nx-shadow),0 0 40px rgba(139,92,246,.10)!important;
}
.vip-drop-item:hover{background:rgba(139,92,246,.12)!important;color:#c4b5fd!important}
footer{
  background:rgba(4,5,10,.60)!important;border-top-color:rgba(255,255,255,.07)!important;
  color:rgba(255,255,255,.46)!important;backdrop-filter:blur(16px)!important;
}
footer small{letter-spacing:1px}
.dash-wrap{max-width:820px!important}
.hero-card,.info-row,.history-card,.stat-mini{
  background:linear-gradient(145deg,rgba(18,22,36,.78),rgba(8,10,18,.72))!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 14px 45px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px)!important;
}
.hero-card:after{
  content:"";position:absolute;width:280px;height:280px;right:-130px;top:-150px;border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.16),transparent 65%);
  pointer-events:none;animation:nxFloat 7s ease-in-out infinite;
}
@keyframes nxFloat{50%{transform:translate(-25px,25px) scale(1.1)}}
.hero-badge{
  background:rgba(139,92,246,.10)!important;border-color:rgba(139,92,246,.30)!important;color:#c4b5fd!important;
  box-shadow:0 0 22px rgba(139,92,246,.10);
}
.hero-badge-dot{background:#a78bfa!important;box-shadow:0 0 10px #a78bfa!important}
.hero-title span{color:#67e8f9!important;text-shadow:0 0 22px rgba(34,211,238,.28)}
.avatar-ring{
  border-color:#a78bfa!important;
  box-shadow:0 0 30px rgba(139,92,246,.24),0 0 0 7px rgba(139,92,246,.05)!important;
}
.avatar-placeholder{background:rgba(34,211,238,.10)!important;color:#67e8f9!important}
.info-row:hover,.stat-mini:hover,.history-card:hover,.hero-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 55px rgba(0,0,0,.34),0 0 35px rgba(139,92,246,.06),inset 0 1px rgba(255,255,255,.04)!important;
}
.btn-signin,.btn-primary,.btn-success,.btn-danger,.btn-warning{
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
}
.btn-signin{
  background:linear-gradient(110deg,#7c3aed,#2563eb,#06b6d4)!important;
  background-size:220% 100%!important;animation:nxButton 7s ease infinite;
}
@keyframes nxButton{50%{background-position:100% 0}}
.login-card{
  background:rgba(9,11,19,.70)!important;border-color:rgba(139,92,246,.20)!important;
  box-shadow:var(--nx-shadow),0 0 50px rgba(139,92,246,.08)!important;
}
.vip-input,.form-control,.form-select{
  background:rgba(255,255,255,.045)!important;color:#fff!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.vip-input:focus,.form-control:focus,.form-select:focus{
  border-color:rgba(34,211,238,.55)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.08),0 0 25px rgba(34,211,238,.08)!important;
}
.field-label{color:rgba(255,255,255,.68)!important}
.login-title{color:#fff!important}
.login-subtitle{color:rgba(255,255,255,.42)!important}
::selection{background:rgba(139,92,246,.38);color:#fff}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--nx-a),var(--nx-b))!important}
@media(max-width:576px){
  .main-container{border-left:0!important;border-right:0!important;border-radius:0!important}
  .hero-card{border-radius:18px!important}
}

/* =========================================================
   CRAZY // ANIMATED NEON LINES BACKGROUND
   ========================================================= */
.animated-bg{
  overflow:hidden!important;
  isolation:isolate;
  background:#04050a!important;
}
.animated-bg::before,
.animated-bg::after{
  content:"";
  position:absolute;
  inset:-60%;
  pointer-events:none;
  will-change:transform,background-position;
}

/* Fine diagonal scan-lines */
.animated-bg::before{
  background-image:
    repeating-linear-gradient(125deg,
      transparent 0,
      transparent 48px,
      rgba(103,232,249,.075) 49px,
      rgba(139,92,246,.11) 50px,
      transparent 51px,
      transparent 100px);
  background-size:100% 100%;
  transform:rotate(-8deg) translate3d(-8%, -8%, 0);
  animation:nxLineFlow 15s linear infinite;
  filter:blur(.15px);
  opacity:.9;
}

/* Wider soft neon streaks */
.animated-bg::after{
  background-image:
    repeating-linear-gradient(125deg,
      transparent 0,
      transparent 145px,
      rgba(34,211,238,.055) 146px,
      rgba(236,72,153,.085) 149px,
      rgba(139,92,246,.055) 152px,
      transparent 153px,
      transparent 300px);
  transform:rotate(-8deg) translate3d(7%, 7%, 0);
  animation:nxLineFlowReverse 24s linear infinite;
  filter:blur(5px);
  opacity:.72;
}

@keyframes nxLineFlow{
  0%{transform:rotate(-8deg) translate3d(-12%, -10%, 0)}
  100%{transform:rotate(-8deg) translate3d(12%, 10%, 0)}
}
@keyframes nxLineFlowReverse{
  0%{transform:rotate(-8deg) translate3d(10%, 8%, 0)}
  100%{transform:rotate(-8deg) translate3d(-10%, -8%, 0)}
}

/* Moving light sweep over the lines */
body::before{
  content:"";
  position:fixed;
  inset:-35%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(115deg,
    transparent 35%,
    rgba(103,232,249,.035) 45%,
    rgba(167,139,250,.075) 50%,
    rgba(236,72,153,.035) 55%,
    transparent 65%);
  transform:rotate(-8deg) translateX(-30%);
  animation:nxSweep 11s ease-in-out infinite;
}
@keyframes nxSweep{
  0%,100%{transform:rotate(-8deg) translateX(-30%)}
  50%{transform:rotate(-8deg) translateX(30%)}
}

/* Keep content above the animated background */
header,main,footer{position:relative;z-index:2}

/* Particles become very subtle so the lines remain the hero background */
#particles-js{opacity:.12!important}

@media(prefers-reduced-motion:reduce){
  .animated-bg::before,.animated-bg::after,body::before{animation:none!important}
}

/* =========================================================
   CRAZY // PERFORMANCE + CONNECTED LINES + LIGHT/DARK
   ========================================================= */
#crazy-lines-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
.animated-bg{z-index:-3!important;background:radial-gradient(circle at 18% 18%,rgba(124,58,237,.12),transparent 30%),radial-gradient(circle at 82% 22%,rgba(34,211,238,.09),transparent 28%),#05060b!important;animation:none!important}
/* Avoid expensive per-frame effects */
.login-card:hover,.info-row:hover,.stat-mini:hover,.history-card:hover,.hero-card:hover{transform:none!important}
.brand-text{animation:none!important;background-position:0!important}
.btn-signin{animation:none!important;background-position:0!important}
body::before{display:none!important}
.crazy-pointer-glow{display:none!important}

.crazy-tools{display:flex;align-items:center;gap:7px;margin-left:8px}
.crazy-tool-btn,.crazy-telegram-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(167,139,250,.22);background:rgba(139,92,246,.08);color:rgba(255,255,255,.78);border-radius:9px;padding:7px 10px;font-size:12px;text-decoration:none;line-height:1;white-space:nowrap}
.crazy-tool-btn:hover,.crazy-telegram-btn:hover{color:#fff;background:rgba(139,92,246,.15);border-color:rgba(103,232,249,.3)}
.crazy-telegram-btn{border-color:rgba(34,211,238,.2);background:rgba(34,211,238,.06)}
.crazy-footer{background:rgba(4,5,10,.64)!important;position:relative;z-index:1}
.crazy-footer-brand{font-weight:800;letter-spacing:3px;font-size:14px;margin-bottom:4px;color:#fff}
.crazy-footer-brand span{color:#a78bfa}.crazy-footer-brand b{color:#67e8f9}
.crazy-footer-links{margin-top:9px}.crazy-footer-links a{display:inline-flex;gap:6px;align-items:center;color:#67e8f9;text-decoration:none;font-size:11px;padding:5px 10px;border:1px solid rgba(34,211,238,.2);border-radius:8px;background:rgba(34,211,238,.05)}

/* Light mode */
.crazy-light body{--nx-bg:#eef2ff;--nx-text:#111827;--nx-muted:rgba(17,24,39,.58);--nx-surface:rgba(255,255,255,.76);--nx-surface-2:rgba(255,255,255,.66);background:#eef2ff!important;color:#111827!important}
.crazy-light body{background:radial-gradient(circle at 10% 10%,rgba(139,92,246,.12),transparent 30%),radial-gradient(circle at 90% 20%,rgba(34,211,238,.10),transparent 28%),#eef2ff!important}
.crazy-light .animated-bg{background:radial-gradient(circle at 15% 20%,rgba(139,92,246,.12),transparent 28%),radial-gradient(circle at 85% 25%,rgba(34,211,238,.09),transparent 28%),#eef2ff!important}
.crazy-light .vip-navbar,.crazy-light .nx-topline,.crazy-light footer{background:rgba(255,255,255,.68)!important;color:#334155!important;border-color:rgba(15,23,42,.08)!important}
.crazy-light .vip-nav-link{color:#475569!important}.crazy-light .vip-nav-link:hover{color:#4c1d95!important;background:rgba(139,92,246,.08)!important}
.crazy-light .login-card,.crazy-light .hero-card,.crazy-light .info-row,.crazy-light .history-card,.crazy-light .stat-mini,.crazy-light .main-container{background:rgba(255,255,255,.72)!important;border-color:rgba(15,23,42,.08)!important;box-shadow:0 14px 40px rgba(15,23,42,.08)!important}
.crazy-light .login-title,.crazy-light .hero-title,.crazy-light .field-label{color:#111827!important}.crazy-light .login-subtitle{color:#64748b!important}.crazy-light .vip-input,.crazy-light .form-control,.crazy-light .form-select{background:rgba(255,255,255,.8)!important;color:#111827!important;border-color:rgba(15,23,42,.12)!important}.crazy-light .vip-input::placeholder{color:#94a3b8!important}
.crazy-light .vip-dropdown{background:rgba(255,255,255,.95)!important}.crazy-light .vip-drop-item{color:#475569!important}.crazy-light .nx-topline{color:#64748b!important}

@media(max-width:700px){.crazy-tools{margin:8px 0 0}.crazy-tool-btn span,.crazy-telegram-btn span{display:none}.crazy-tool-btn,.crazy-telegram-btn{width:34px;height:32px;padding:0}.nx-topline{font-size:8px!important}.login-wrapper{padding:20px 0!important}}
@media(prefers-reduced-motion:reduce){#crazy-lines-bg{opacity:.65}}


/* CRAZY final performance overrides */
.animated-bg::before,.animated-bg::after,body::before{display:none!important;animation:none!important}
.animated-bg{animation:none!important}

/* Bright mode: clean white/soft-gray connected lines */
.crazy-light .animated-bg{background:#f7f8fc!important}
.crazy-light #crazy-lines-bg{opacity:.78}
.crazy-light .brand-text{background:none!important;-webkit-text-fill-color:#334155!important;color:#334155!important}
.crazy-light .brand-subtitle{color:#64748b!important}
.crazy-light .brand-icon{color:#4f46e5!important;background:rgba(79,70,229,.06)!important;border-color:rgba(79,70,229,.16)!important}
.crazy-light .crazy-tool-btn,.crazy-light .crazy-telegram-btn{color:#334155!important;background:rgba(255,255,255,.78)!important;border-color:rgba(15,23,42,.10)!important}
.crazy-light .crazy-footer-brand{color:#334155!important}.crazy-light .crazy-footer-brand span{color:#4f46e5}.crazy-light .crazy-footer-brand b{color:#475569}
.crazy-light .crazy-footer-links a{color:#475569!important;border-color:rgba(71,85,105,.16)!important;background:rgba(255,255,255,.7)!important}

/* =========================================================
   CRAZY // LIGHT MODE COLOR SYSTEM
   Keep every text/icon readable on the bright background.
   ========================================================= */
.crazy-light {
  --crazy-light-bg:#f6f7fb;
  --crazy-light-surface:rgba(255,255,255,.88);
  --crazy-light-surface-2:rgba(248,250,252,.94);
  --crazy-light-text:#172033;
  --crazy-light-heading:#0f172a;
  --crazy-light-muted:#64748b;
  --crazy-light-border:rgba(51,65,85,.14);
  --crazy-light-primary:#5b3cc4;
  --crazy-light-accent:#087ea4;
}

.crazy-light body,
.crazy-light main,
.crazy-light .main-container {
  color:var(--crazy-light-text)!important;
}

/* Common text utilities that otherwise stay Bootstrap-white */
.crazy-light .text-white,
.crazy-light .text-light,
.crazy-light [style*="color:#fff"],
.crazy-light [style*="color: #fff"],
.crazy-light [style*="color:#ffffff"],
.crazy-light [style*="color: #ffffff"],
.crazy-light [style*="color:rgba(255,255,255"],
.crazy-light [style*="color: rgba(255,255,255"] {
  color:var(--crazy-light-text)!important;
}

/* Headings / labels / normal content */
.crazy-light h1,
.crazy-light h2,
.crazy-light h3,
.crazy-light h4,
.crazy-light h5,
.crazy-light h6,
.crazy-light .login-title,
.crazy-light .hero-title,
.crazy-light .section-title,
.crazy-light .card-title,
.crazy-light .field-label,
.crazy-light .form-label,
.crazy-light label,
.crazy-light .info-panel-label,
.crazy-light .info-panel-value,
.crazy-light .stat-value,
.crazy-light .history-head-left,
.crazy-light .history-title {
  color:var(--crazy-light-heading)!important;
}

.crazy-light p,
.crazy-light small,
.crazy-light .login-subtitle,
.crazy-light .register-text,
.crazy-light .muted,
.crazy-light .text-muted,
.crazy-light .nx-welcome-strip small,
.crazy-light .nx-welcome-live {
  color:var(--crazy-light-muted)!important;
}

/* Icons and accent text */
.crazy-light .input-icon,
.crazy-light .eye-btn,
.crazy-light .history-head-left i,
.crazy-light .hero-title span,
.crazy-light .nx-welcome-icon,
.crazy-light .vip-link {
  color:var(--crazy-light-primary)!important;
}

.crazy-light .hero-title span {
  text-shadow:none!important;
}

/* Inputs: dark readable text, soft white surfaces */
.crazy-light .vip-input,
.crazy-light .form-control,
.crazy-light .form-select,
.crazy-light textarea,
.crazy-light input,
.crazy-light select {
  color:var(--crazy-light-text)!important;
  background:rgba(255,255,255,.92)!important;
  border-color:var(--crazy-light-border)!important;
}

.crazy-light .vip-input::placeholder,
.crazy-light .form-control::placeholder,
.crazy-light textarea::placeholder {
  color:#94a3b8!important;
  opacity:1!important;
}

.crazy-light .vip-input:focus,
.crazy-light .form-control:focus,
.crazy-light .form-select:focus {
  border-color:rgba(91,60,196,.42)!important;
  box-shadow:0 0 0 3px rgba(91,60,196,.09)!important;
}

/* Cards and panels */
.crazy-light .login-card,
.crazy-light .hero-card,
.crazy-light .info-row,
.crazy-light .history-card,
.crazy-light .stat-mini,
.crazy-light .nx-welcome-strip {
  color:var(--crazy-light-text)!important;
  background:var(--crazy-light-surface)!important;
  border-color:var(--crazy-light-border)!important;
  box-shadow:0 12px 35px rgba(15,23,42,.07),inset 0 1px rgba(255,255,255,.9)!important;
}

.crazy-light .login-divider,
.crazy-light .vip-divider {
  background:linear-gradient(90deg,transparent,rgba(91,60,196,.18),transparent)!important;
  border-color:rgba(51,65,85,.10)!important;
}

/* Badges / status elements */
.crazy-light .secure-badge,
.crazy-light .hero-badge {
  color:var(--crazy-light-primary)!important;
  background:rgba(91,60,196,.07)!important;
  border-color:rgba(91,60,196,.16)!important;
  box-shadow:none!important;
}

.crazy-light .badge-dot,
.crazy-light .hero-badge-dot {
  background:#16a36a!important;
  box-shadow:0 0 7px rgba(22,163,106,.28)!important;
}

/* Keep actual colored action buttons readable */
.crazy-light .btn-signin,
.crazy-light .btn-primary,
.crazy-light .btn-success,
.crazy-light .btn-danger,
.crazy-light .btn-warning,
.crazy-light .btn-cyan,
.crazy-light .btn-purple {
  color:#fff!important;
}

/* Navbar and dropdown */
.crazy-light .vip-navbar,
.crazy-light .nx-topline,
.crazy-light footer,
.crazy-light .vip-dropdown {
  color:var(--crazy-light-text)!important;
  background:rgba(255,255,255,.88)!important;
  border-color:var(--crazy-light-border)!important;
}

.crazy-light .vip-nav-link,
.crazy-light .vip-drop-item {
  color:#475569!important;
}

.crazy-light .vip-nav-link:hover,
.crazy-light .vip-nav-link:focus,
.crazy-light .vip-drop-item:hover {
  color:var(--crazy-light-primary)!important;
  background:rgba(91,60,196,.07)!important;
}

.crazy-light .vip-toggler {
  color:var(--crazy-light-primary)!important;
  background:rgba(91,60,196,.06)!important;
  border-color:rgba(91,60,196,.15)!important;
}

/* CRAZY branding */
.crazy-light .brand-text {
  background:none!important;
  -webkit-text-fill-color:#263248!important;
  color:#263248!important;
  text-shadow:none!important;
}
.crazy-light .brand-subtitle { color:#64748b!important; }
.crazy-light .brand-icon {
  color:#5b3cc4!important;
  background:rgba(91,60,196,.07)!important;
  border-color:rgba(91,60,196,.16)!important;
  box-shadow:none!important;
}
.crazy-light .brand-dot { border-color:#fff!important; }

/* Toolbar */
.crazy-light .crazy-tool-btn,
.crazy-light .crazy-telegram-btn {
  color:#334155!important;
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(51,65,85,.13)!important;
}
.crazy-light .crazy-tool-btn:hover,
.crazy-light .crazy-telegram-btn:hover {
  color:#4c1d95!important;
  background:rgba(91,60,196,.07)!important;
  border-color:rgba(91,60,196,.18)!important;
}

/* Footer */
.crazy-light .crazy-footer-brand { color:#263248!important; }
.crazy-light .crazy-footer-brand span { color:#5b3cc4!important; }
.crazy-light .crazy-footer-brand b { color:#087ea4!important; }
.crazy-light .crazy-footer-links a {
  color:#475569!important;
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(71,85,105,.14)!important;
}

/* Connected animated lines: visible but subtle on white */
.crazy-light #crazy-lines-bg {
  opacity:.9!important;
}

/* Remove dark glow/shadows that look dirty in bright mode */
.crazy-light .hero-card:after { opacity:.22!important; }
.crazy-light ::selection { background:rgba(91,60,196,.18)!important;color:#172033!important; }
.crazy-light ::-webkit-scrollbar-thumb { background:linear-gradient(#8b7ad8,#67a9c4)!important; }


/* =========================================================
   CRAZY // FINAL GLASS + CLEAR ANIMATED BACKGROUND
   ========================================================= */

/* Keep the animated canvas clearly visible in both themes */
#crazy-lines-bg{
  z-index:0!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* Glass surfaces */
.main-container,
.vip-navbar,
.login-card,
.vip-card,
.hero-card,
.info-row,
.history-card,
.stat-mini,
.glass-card,
.nx-welcome-strip,
.vip-dropdown,
.dropdown-menu,
.swal2-popup{
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
}

/* Dark glass */
html:not(.crazy-light) .main-container,
html:not(.crazy-light) .vip-card,
html:not(.crazy-light) .glass-card{
  background:rgba(8,12,22,.58)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055)!important;
}

/* Stronger dark animated background */
html:not(.crazy-light) .animated-bg{
  opacity:1!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(139,92,246,.24),transparent 30%),
    radial-gradient(circle at 82% 24%,rgba(34,211,238,.20),transparent 30%),
    radial-gradient(circle at 52% 86%,rgba(236,72,153,.15),transparent 34%),
    linear-gradient(125deg,#03050d,#07101c,#090713,#050914)!important;
}

/* Stronger light animated background without making the page dirty */
.crazy-light .animated-bg{
  opacity:1!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(91,60,196,.20),transparent 30%),
    radial-gradient(circle at 84% 24%,rgba(8,126,164,.17),transparent 30%),
    radial-gradient(circle at 52% 88%,rgba(236,72,153,.10),transparent 34%),
    linear-gradient(125deg,#f8faff,#eef4ff,#f8f5ff,#edf9fc)!important;
}

.crazy-light .main-container,
.crazy-light .vip-card,
.crazy-light .glass-card{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(51,65,85,.14)!important;
  box-shadow:0 18px 55px rgba(51,65,85,.10),inset 0 1px rgba(255,255,255,.95)!important;
}

/* Glass inputs */
.form-control,
.form-select,
.vip-input,
.custom-check-wrap,
.btn-generate,
.crazy-tool-btn,
.crazy-telegram-btn{
  -webkit-backdrop-filter:blur(12px) saturate(125%)!important;
  backdrop-filter:blur(12px) saturate(125%)!important;
}

/* Custom key panel must never be hidden by theme CSS */
#cusWrap{transition:opacity .2s ease,transform .2s ease;}
#cusWrap[style*="display: block"]{opacity:1;transform:translateY(0);}

/* =========================================================
   CRAZY // FINAL THEME TEXT CONTRAST FIX
   Light = dark text, Dark = light text
   ========================================================= */

/* Bright mode: anything intentionally white must become readable dark text. */
.crazy-light .table,
.crazy-light .table tbody td,
.crazy-light .table tbody td *:not(.text-success):not(.text-danger),
.crazy-light .dataTables_wrapper,
.crazy-light .dataTables_wrapper label,
.crazy-light .dataTables_wrapper .dataTables_info,
.crazy-light .dataTables_wrapper .dataTables_paginate,
.crazy-light .dataTables_wrapper .dataTables_paginate .paginate_button,
.crazy-light .dropdown-item,
.crazy-light .card-body,
.crazy-light .key-copy-row,
.crazy-light .alert-success,
.crazy-light .vip-body,
.crazy-light .custom-check-wrap,
.crazy-light .swal2-html-container {
  color:#111827!important;
}

.crazy-light .text-white,
.crazy-light .table .text-white,
.crazy-light [class*="text-white"],
.crazy-light [style*="color:#fff"],
.crazy-light [style*="color: #fff"],
.crazy-light [style*="color:#ffffff"],
.crazy-light [style*="color: #ffffff"],
.crazy-light [style*="color: rgb(255, 255, 255)"],
.crazy-light [style*="color:rgba(255,255,255"],
.crazy-light [style*="color: rgba(255,255,255"] {
  color:#111827!important;
}

/* Preserve semantic/status colors in bright mode. */
.crazy-light .text-success,
.crazy-light .text-success *,
.crazy-light .text-danger,
.crazy-light .text-danger *,
.crazy-light .badge-expired {
  color:inherit!important;
}
.crazy-light .table thead th,
.crazy-light .header-title,
.crazy-light .key-copy-row,
.crazy-light .alert-success strong,
.crazy-light .nav-link.dropdown-toggle {
  color:var(--crazy-light-primary)!important;
}

/* DataTables generated controls */
.crazy-light .dataTables_wrapper .dataTables_filter input,
.crazy-light .dataTables_wrapper .dataTables_length select {
  color:#111827!important;
  background:rgba(255,255,255,.92)!important;
  border-color:var(--crazy-light-border)!important;
}
.crazy-light .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.crazy-light .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color:#fff!important;
}

/* Dark mode: common dark/black text utilities become readable white. */
html:not(.crazy-light) .text-dark,
html:not(.crazy-light) .table .text-dark,
html:not(.crazy-light) [style*="color:#000"],
html:not(.crazy-light) [style*="color: #000"],
html:not(.crazy-light) [style*="color:#000000"],
html:not(.crazy-light) [style*="color: #000000"],
html:not(.crazy-light) [style*="color: rgb(0, 0, 0)"] {
  color:#fff!important;
}

/* Key list specifically had a hard-coded white rule; invert it only in light mode. */
.crazy-light .table td,
.crazy-light .table tbody td,
.crazy-light .table tbody td .key-sensi,
.crazy-light .table tbody td .fw-bold {
  color:#111827!important;
}

/* Keep Users Key status colors intact. */
.crazy-light .table tbody td .text-success { color:#16a36a!important; }
.crazy-light .table tbody td .text-danger { color:#dc3545!important; }

/* Generated-key result / copy area */
.crazy-light .key-copy-row span { color:#087ea4!important; }
.crazy-light .key-copy-row #copybtn { color:#334155!important; }
.crazy-light .key-copy-row #copybtn:hover { color:#5b3cc4!important; }
.crazy-light .alert-success { color:#111827!important; }
.crazy-light .alert-success small { color:#64748b!important; }