/*
 * Cash Magic v22 — Full Midnight Emerald UI
 * Loaded after every legacy stylesheet to rebuild the complete visual system.
 */

:root{
  --cm-bg:#050f1b;
  --cm-bg-2:#071827;
  --cm-sidebar:#06131f;
  --cm-surface:#0a1d2c;
  --cm-surface-2:#0c2333;
  --cm-surface-3:#10313b;
  --cm-line:rgba(196,225,230,.11);
  --cm-line-gold:rgba(232,188,88,.22);
  --cm-text:#f2f7f8;
  --cm-muted:#91a8b4;
  --cm-emerald:#19b986;
  --cm-emerald-2:#0b806f;
  --cm-emerald-soft:#67e0b4;
  --cm-gold:#e8bc58;
  --cm-gold-2:#c8902e;
  --cm-red:#ff7378;
  --cm-blue:#6aa8ff;
  --cm-radius:18px;
  --cm-radius-lg:24px;
  --cm-shadow:0 22px 55px rgba(0,0,0,.28);
  --primary:var(--cm-emerald);
  --primary-2:var(--cm-emerald-2);
  --primary-dark:#075d54;
  --accent:var(--cm-gold);
  --dark:var(--cm-bg-2);
  --text:var(--cm-text);
  --muted:var(--cm-muted);
  --line:var(--cm-line);
  --soft:var(--cm-bg-2);
  --success:var(--cm-emerald);
  --warning:var(--cm-gold);
  --danger:var(--cm-red);
  color-scheme:dark;
}

html{background:var(--cm-bg)}
body.site-midnight-emerald,
body.midnight-emerald{
  background:
    radial-gradient(circle at 82% 4%,rgba(26,185,134,.11),transparent 22%),
    radial-gradient(circle at 12% 36%,rgba(232,188,88,.06),transparent 22%),
    linear-gradient(180deg,var(--cm-bg) 0%,var(--cm-bg-2) 100%) !important;
  color:var(--cm-text) !important;
}
body.site-midnight-emerald::before,
body.midnight-emerald::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 70%);
}
body.site-midnight-emerald a,
body.midnight-emerald a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}

/* Shared brand */
.brand.with-logo{gap:12px;align-items:center}
.brand-logo{width:45px;height:45px;filter:drop-shadow(0 8px 16px rgba(232,188,88,.2))}
.brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.02}
.brand-wordmark{display:flex;gap:5px;align-items:baseline;font-size:1.06rem;font-weight:850;letter-spacing:.01em;color:#fff}
.brand-wordmark strong{color:var(--cm-emerald-soft) !important}
.brand-copy small{margin-top:5px;color:var(--cm-gold);font-size:.58rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}

/* Universal buttons */
.btn{border-radius:11px;padding:11px 18px;font-weight:800;letter-spacing:.005em}
.btn-primary,.btn-accent,.dashboard-earn-button{
  color:#101b20 !important;
  background:linear-gradient(180deg,#f2cf76 0%,var(--cm-gold) 48%,var(--cm-gold-2) 100%) !important;
  border:1px solid rgba(255,226,146,.52) !important;
  box-shadow:0 11px 25px rgba(200,144,46,.2) !important;
}
.btn-primary:hover,.btn-accent:hover,.dashboard-earn-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(200,144,46,.3) !important}
.btn-secondary,.btn-ghost,.btn-light,.btn-dark{
  background:rgba(255,255,255,.045) !important;
  border:1px solid var(--cm-line) !important;
  color:var(--cm-text) !important;
  box-shadow:none !important;
}
.btn-secondary:hover,.btn-ghost:hover,.btn-light:hover,.btn-dark:hover{background:rgba(25,185,134,.1) !important;border-color:rgba(103,224,180,.3) !important}
.btn-danger{background:rgba(255,115,120,.14) !important;border-color:rgba(255,115,120,.32) !important;color:#ff9da1 !important}
.btn-success{background:rgba(25,185,134,.14) !important;border-color:rgba(25,185,134,.3) !important;color:#71e7bd !important}

/* Public site shell */
.site-midnight-emerald .site-header{
  background:rgba(5,15,27,.87) !important;
  border-bottom:1px solid var(--cm-line-gold) !important;
  backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.15)
}
.site-midnight-emerald .nav-wrap{height:84px}
.site-midnight-emerald .main-nav{gap:8px}
.site-midnight-emerald .main-nav>a:not(.btn){color:#b8c9d1 !important;padding:9px 12px;border-radius:9px}
.site-midnight-emerald .main-nav>a:not(.btn):hover{color:#fff !important;background:rgba(25,185,134,.08)}
.site-midnight-emerald .nav-toggle{color:var(--cm-gold)}
.site-midnight-emerald main{min-height:60vh}
.site-midnight-emerald .hero{
  padding:100px 0 85px !important;
  background:
    radial-gradient(circle at 75% 30%,rgba(25,185,134,.17),transparent 25%),
    radial-gradient(circle at 88% 70%,rgba(232,188,88,.09),transparent 20%),
    linear-gradient(135deg,#06131f 0%,#071b2b 55%,#082b32 100%) !important;
  border-bottom:1px solid var(--cm-line)
}
.site-midnight-emerald .hero h1{color:#fff !important;text-shadow:0 15px 50px rgba(0,0,0,.25)}
.site-midnight-emerald .hero h1 span,.site-midnight-emerald .eyebrow{color:var(--cm-gold) !important}
.site-midnight-emerald .hero-copy>p,.site-midnight-emerald .section-heading p,.site-midnight-emerald .reward-panel p,.site-midnight-emerald .legal-content p{color:var(--cm-muted) !important}
.site-midnight-emerald .hero-trust{border-top:1px solid var(--cm-line);padding-top:24px}
.site-midnight-emerald .hero-trust strong{color:#fff}.site-midnight-emerald .hero-trust span{color:var(--cm-muted)}
.site-midnight-emerald .phone-card{
  background:linear-gradient(180deg,#0b2030,#071725) !important;
  border-color:#020810 !important;color:#fff;
  box-shadow:0 40px 90px rgba(0,0,0,.48),0 0 0 1px rgba(103,224,180,.12) !important
}
.site-midnight-emerald .phone-balance{background:linear-gradient(135deg,#0b3d43,#0e6e60) !important;border:1px solid rgba(103,224,180,.18)}
.site-midnight-emerald .phone-offer{border-color:var(--cm-line) !important}.site-midnight-emerald .phone-offer small{color:var(--cm-muted)}
.site-midnight-emerald .phone-offer b{color:var(--cm-emerald-soft)}
.site-midnight-emerald .floating-card{background:#0b2030 !important;border-color:var(--cm-line) !important;color:#fff;box-shadow:var(--cm-shadow) !important}
.site-midnight-emerald .floating-card small{color:var(--cm-muted)}
.site-midnight-emerald .logo-strip{background:#06131f !important;border-color:var(--cm-line) !important}.site-midnight-emerald .logo-strip-inner{color:#718995}.site-midnight-emerald .logo-strip-inner b{color:#cbd7dc}
.site-midnight-emerald .section{background:transparent !important}
.site-midnight-emerald .section-soft{background:rgba(255,255,255,.018) !important;border-block:1px solid var(--cm-line)}
.site-midnight-emerald .section-heading h2,.site-midnight-emerald .reward-panel h2,.site-midnight-emerald .security-grid h2,.site-midnight-emerald .cta-card h2,.site-midnight-emerald .contact-grid h2{color:#fff}
.site-midnight-emerald .feature-card,.site-midnight-emerald .step-card,.site-midnight-emerald .panel{
  background:linear-gradient(180deg,rgba(12,35,51,.96),rgba(7,24,39,.96)) !important;
  border:1px solid var(--cm-line) !important;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.17) !important
}
.site-midnight-emerald .feature-card:hover{border-color:rgba(103,224,180,.3) !important;box-shadow:0 24px 50px rgba(0,0,0,.25) !important}
.site-midnight-emerald .feature-card h3,.site-midnight-emerald .step-card h3{color:#fff}.site-midnight-emerald .feature-card p,.site-midnight-emerald .step-card p{color:var(--cm-muted)}
.site-midnight-emerald .feature-icon{background:rgba(25,185,134,.12) !important;color:var(--cm-emerald-soft) !important;border:1px solid rgba(103,224,180,.12)}
.site-midnight-emerald .step-card>span{color:var(--cm-gold) !important}
.site-midnight-emerald .reward-panel{background:linear-gradient(135deg,#081c2b,#0c3940) !important;border:1px solid var(--cm-line-gold);box-shadow:var(--cm-shadow)}
.site-midnight-emerald .reward-tags span{background:rgba(255,255,255,.05) !important;border-color:var(--cm-line) !important;color:#dce7eb}
.site-midnight-emerald .wallet-card{background:linear-gradient(140deg,#071725,#0c3e45) !important;border:1px solid rgba(232,188,88,.18)}
.site-midnight-emerald .wallet-card button{background:linear-gradient(180deg,#f2cf76,var(--cm-gold)) !important;color:#111b20}
.site-midnight-emerald .section-dark{background:linear-gradient(135deg,#040c16,#082d33) !important;border-block:1px solid var(--cm-line)}
.site-midnight-emerald .security-list>div{background:rgba(255,255,255,.035) !important;border-color:var(--cm-line) !important}.site-midnight-emerald .security-list>div>span{background:rgba(25,185,134,.16) !important;color:var(--cm-emerald-soft)}
.site-midnight-emerald .faq-list details{background:#091d2c !important;border-color:var(--cm-line) !important;color:#fff}.site-midnight-emerald .faq-list p{color:var(--cm-muted)}
.site-midnight-emerald .cta-card{background:linear-gradient(135deg,#0b3a42,#0e6e60) !important;border:1px solid rgba(232,188,88,.2);box-shadow:var(--cm-shadow)}
.site-midnight-emerald .legal-hero{background:linear-gradient(135deg,#06131f,#0a3339) !important;border-bottom:1px solid var(--cm-line)}
.site-midnight-emerald .legal-hero h1{color:#fff}.site-midnight-emerald .legal-content h2{color:#fff}
.site-midnight-emerald .contact-info>div>span{background:rgba(25,185,134,.12) !important;color:var(--cm-emerald-soft) !important}
.site-midnight-emerald .site-footer{background:#030a12 !important;border-top:1px solid var(--cm-line-gold)}
.site-midnight-emerald .footer-grid p,.site-midnight-emerald .footer-grid a:not(.brand),.site-midnight-emerald .footer-bottom{color:#8197a2 !important}

/* Public/auth forms */
.site-midnight-emerald .form-group label{color:#eaf2f5 !important}
.site-midnight-emerald .form-group input,.site-midnight-emerald .form-group select,.site-midnight-emerald .form-group textarea,
.site-midnight-emerald .filter-bar input,.site-midnight-emerald .filter-bar select{
  background:#071a29 !important;border:1px solid var(--cm-line) !important;color:#f2f7f8 !important
}
.site-midnight-emerald input::placeholder,.site-midnight-emerald textarea::placeholder{color:#657d89 !important}
.site-midnight-emerald .form-group input:focus,.site-midnight-emerald .form-group select:focus,.site-midnight-emerald .form-group textarea:focus{border-color:rgba(103,224,180,.5) !important;box-shadow:0 0 0 4px rgba(25,185,134,.11) !important}
.site-midnight-emerald .check-row,.site-midnight-emerald .auth-switch{color:#9eb2bc !important}.site-midnight-emerald .check-row a,.site-midnight-emerald .auth-switch a{color:var(--cm-gold) !important}
.site-midnight-emerald.auth-magic .auth-section{padding:70px 0 95px}
.site-midnight-emerald.auth-magic .auth-promo,.site-midnight-emerald.auth-magic .auth-card{
  border-radius:var(--cm-radius-lg) !important;border:1px solid var(--cm-line-gold) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.35) !important
}
.site-midnight-emerald.auth-magic .auth-promo{background:linear-gradient(145deg,#061522,#0b4748) !important}
.site-midnight-emerald.auth-magic .auth-card{background:linear-gradient(180deg,rgba(15,48,59,.94),rgba(7,22,35,.97)) !important}
.site-midnight-emerald.auth-magic .magic-socials span,.site-midnight-emerald.auth-magic .magic-socials a{background:#071a29;border-color:var(--cm-line)}

/* Dashboard shell */
.midnight-emerald.dashboard-body{
  --dash-bg:var(--cm-bg);
  --dash-surface:var(--cm-surface);
  --dash-surface-2:var(--cm-surface-2);
  --dash-text:var(--cm-text);
  --dash-muted:var(--cm-muted);
  --dash-line:var(--cm-line);
  --dash-navy:var(--cm-bg-2);
  --dash-navy-2:var(--cm-surface-3);
  --dash-primary:var(--cm-emerald);
  --dash-primary-2:var(--cm-emerald-2);
  --dash-accent:var(--cm-gold);
  --dash-accent-soft:rgba(232,188,88,.12);
  --dash-shadow:var(--cm-shadow);
  background:var(--cm-bg) !important;color:var(--cm-text) !important
}
.midnight-emerald .dashboard-shell{grid-template-columns:285px minmax(0,1fr) !important;background:var(--cm-bg)}
.midnight-emerald .sidebar{
  width:auto;padding:24px 18px 18px !important;
  background:linear-gradient(180deg,#04101a 0%,#061624 55%,#061a28 100%) !important;
  border-right:1px solid var(--cm-line-gold) !important;box-shadow:16px 0 55px rgba(0,0,0,.16) !important;color:#fff !important
}
.midnight-emerald .sidebar-head{padding:0 5px 22px !important;border-bottom:1px solid var(--cm-line) !important}
.midnight-emerald .sidebar-brand{gap:12px;color:#fff !important}
.midnight-emerald .sidebar-brand .brand-logo{width:51px;height:51px}
.midnight-emerald .sidebar-label{color:#58727e !important;font-size:.61rem;letter-spacing:.16em;margin:19px 13px 7px}
.midnight-emerald .sidebar-scroll{padding-top:10px}
.midnight-emerald .sidebar-nav{gap:5px}
.midnight-emerald .sidebar-nav a{
  min-height:45px;border-radius:12px;padding:11px 13px !important;color:#afc2cb !important;font-weight:650 !important;
  border:1px solid transparent
}
.midnight-emerald .sidebar-nav a .cm-icon{color:#76929f !important}
.midnight-emerald .sidebar-nav a:hover{background:rgba(25,185,134,.08) !important;border-color:rgba(103,224,180,.08);color:#fff !important;transform:translateX(3px)}
.midnight-emerald .sidebar-nav a:hover .cm-icon{color:var(--cm-emerald-soft) !important}
.midnight-emerald .sidebar-nav a.active{
  background:linear-gradient(135deg,#0b554f,#0d7768) !important;
  color:#fff !important;border-color:rgba(103,224,180,.18) !important;
  box-shadow:0 11px 26px rgba(0,100,83,.28) !important
}
.midnight-emerald .sidebar-nav a.active .cm-icon{color:#fff !important}
.midnight-emerald .sidebar-nav a.sidebar-logout{border-top:1px solid var(--cm-line) !important;color:#ef8b8f !important}
.midnight-emerald .sidebar-nav a.sidebar-logout:hover{background:rgba(255,115,120,.08) !important}
.midnight-emerald .sidebar-user{padding-top:16px !important;border-top:1px solid var(--cm-line) !important;color:#fff}
.midnight-emerald .sidebar-user .avatar{background:linear-gradient(135deg,#0f7465,var(--cm-gold)) !important;box-shadow:0 0 0 4px rgba(25,185,134,.08) !important}
.midnight-emerald .sidebar-user strong{color:#fff !important}.midnight-emerald .sidebar-user small{color:#728d99 !important}
.midnight-emerald .dashboard-main{background:radial-gradient(circle at 85% 0,rgba(25,185,134,.09),transparent 18%),var(--cm-bg) !important}
.midnight-emerald .dashboard-topbar{
  height:78px;padding:0 30px !important;background:rgba(5,15,27,.86) !important;
  border-bottom:1px solid var(--cm-line) !important;backdrop-filter:blur(18px);box-shadow:0 14px 35px rgba(0,0,0,.12)
}
.midnight-emerald .breadcrumb{color:#718c98 !important}.midnight-emerald .breadcrumb strong{color:#fff !important}.midnight-emerald .breadcrumb .cm-icon{color:#4c6976 !important}
.midnight-emerald .sidebar-toggle,.midnight-emerald .topbar-icon,.midnight-emerald .topbar-avatar{
  background:#081c2b !important;border:1px solid var(--cm-line) !important;color:#b7cbd3 !important
}
.midnight-emerald .topbar-icon:hover,.midnight-emerald .topbar-avatar:hover{background:#0b2c38 !important;border-color:rgba(103,224,180,.24) !important}
.midnight-emerald .topbar-avatar span{background:linear-gradient(135deg,#0e6b5d,var(--cm-gold)) !important;color:#fff !important}
.midnight-emerald .balance-pill{
  min-width:130px !important;background:linear-gradient(135deg,#0a2533,#0c423e) !important;
  border:1px solid rgba(232,188,88,.18) !important;color:#fff !important
}
.midnight-emerald .balance-pill .balance-symbol{background:rgba(232,188,88,.14) !important;color:var(--cm-gold) !important}
.midnight-emerald .balance-pill strong{color:#fff !important}.midnight-emerald .ip-address-pill{background:#081c2b !important;border:1px solid var(--cm-line) !important}.midnight-emerald .ip-address-pill code{color:#8fb0bc !important}
.midnight-emerald .dashboard-content{max-width:none !important;padding:28px 30px 55px !important}

/* Dashboard hero — actual structural redesign */
.midnight-emerald .dashboard-welcome-card{
  min-height:235px;padding:34px 36px !important;border-radius:var(--cm-radius-lg) !important;
  display:grid !important;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:25px;
  background:
    radial-gradient(circle at 80% 45%,rgba(25,185,134,.28),transparent 22%),
    linear-gradient(135deg,#081c2b 0%,#0a3038 54%,#0b584f 100%) !important;
  border:1px solid var(--cm-line-gold) !important;box-shadow:var(--cm-shadow) !important;overflow:hidden;position:relative
}
.midnight-emerald .dashboard-welcome-card::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.03),transparent 45%);pointer-events:none}
.midnight-emerald .welcome-user-block{align-items:center;position:relative;z-index:2}
.midnight-emerald .hero-avatar{width:66px;height:66px;border-radius:18px !important;background:linear-gradient(135deg,#0e705f,var(--cm-gold)) !important;box-shadow:0 12px 28px rgba(0,0,0,.22);font-size:1.4rem}
.midnight-emerald .welcome-user-block span{color:#9fb4be !important}.midnight-emerald .welcome-user-block h1{font-size:2.4rem !important;color:#fff !important;margin-top:0}
.midnight-emerald .welcome-user-copy p{margin:12px 0 24px;color:#b7c8cf;max-width:620px}
.midnight-emerald .dashboard-earn-button{position:relative !important;inset:auto !important;display:inline-flex !important;width:max-content !important;z-index:2}
.midnight-emerald .midnight-magic-art{height:180px;position:relative;display:grid;place-items:center;z-index:1}
.midnight-emerald .midnight-magic-art::before{content:"";position:absolute;width:250px;height:110px;border-radius:50%;background:radial-gradient(ellipse,rgba(25,185,134,.4),rgba(25,185,134,0) 67%);filter:blur(4px);bottom:3px}
.midnight-emerald .midnight-magic-art img{width:126px;height:126px;position:relative;z-index:2;filter:drop-shadow(0 20px 28px rgba(0,0,0,.4))}
.midnight-emerald .magic-coin{position:absolute;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#ffe29a,var(--cm-gold-2));border:2px solid #f5d581;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.midnight-emerald .magic-coin.one{left:45px;top:35px}.midnight-emerald .magic-coin.two{right:45px;top:24px;width:33px;height:33px}.midnight-emerald .magic-coin.three{right:85px;bottom:28px;width:20px;height:20px}
.midnight-emerald .magic-spark{position:absolute;color:#ffe08b;font-size:25px;text-shadow:0 0 18px rgba(255,224,139,.7)}
.midnight-emerald .magic-spark.one{left:85px;top:15px}.midnight-emerald .magic-spark.two{right:75px;top:80px}.midnight-emerald .magic-spark.three{left:125px;bottom:18px;font-size:17px}

/* All dashboard and admin cards */
.midnight-emerald .stats-grid{gap:15px !important;margin-top:20px}
.midnight-emerald .stat-card,.midnight-emerald .panel,.midnight-emerald .offer-card,.midnight-emerald .filter-bar,
.midnight-emerald .ticket-card,.midnight-emerald .withdrawal-admin-card,.midnight-emerald .admin-control-card,
.midnight-emerald .contact-admin-card,.midnight-emerald .method-admin-card,.midnight-emerald .admin-user-card,
.midnight-emerald .readiness-check,.midnight-emerald .launch-checklist label{
  background:linear-gradient(180deg,rgba(12,35,51,.97),rgba(7,24,39,.98)) !important;
  border:1px solid var(--cm-line) !important;border-radius:var(--cm-radius) !important;
  color:#edf5f8 !important;box-shadow:0 15px 34px rgba(0,0,0,.14) !important
}
.midnight-emerald .stat-card{min-height:105px;padding:21px !important;position:relative;overflow:hidden}
.midnight-emerald .stat-card::after{content:"";position:absolute;right:-25px;top:-25px;width:80px;height:80px;border-radius:50%;background:rgba(25,185,134,.06)}
.midnight-emerald .stat-icon{width:48px !important;height:48px !important;border-radius:14px !important;background:rgba(25,185,134,.11) !important;color:var(--cm-emerald-soft) !important;border:1px solid rgba(103,224,180,.12)}
.midnight-emerald .stat-card strong{font-size:1.42rem !important;color:#fff !important}.midnight-emerald .stat-card span,.midnight-emerald .stat-card small{color:#819aa6 !important}
.midnight-emerald .panel{padding:23px !important}.midnight-emerald .panel-head{padding-bottom:15px;border-bottom:1px solid var(--cm-line)}
.midnight-emerald .panel-head h2,.midnight-emerald .section-heading-row h2,.midnight-emerald .page-title-card h1,.midnight-emerald .page-title-card h2{color:#fff !important}
.midnight-emerald .panel-head p,.midnight-emerald .section-heading-row p,.midnight-emerald .page-title-card p{color:var(--cm-muted) !important}
.midnight-emerald .panel-head>a,.midnight-emerald .section-heading-row>a{color:var(--cm-emerald-soft) !important}
.midnight-emerald .page-title-card,.midnight-emerald .page-hero,.midnight-emerald .earn-hero,.midnight-emerald .referral-page-hero,
.midnight-emerald .withdraw-title-card,.midnight-emerald .notifications-title-card,.midnight-emerald .contest-title-card,
.midnight-emerald .profile-cover-card,.midnight-emerald .admin-banner{
  background:linear-gradient(135deg,#081c2b,#0b3a42 55%,#0b5b51) !important;
  border:1px solid var(--cm-line-gold) !important;border-radius:var(--cm-radius-lg) !important;
  box-shadow:var(--cm-shadow) !important;color:#fff !important
}
.midnight-emerald .title-icon,.midnight-emerald .bonus-icon,.midnight-emerald .settings-head-icon,.midnight-emerald .verification-item-icon{
  background:rgba(232,188,88,.12) !important;color:var(--cm-gold) !important;border:1px solid rgba(232,188,88,.2)
}
.midnight-emerald .survey-list-panel{padding:14px !important}.midnight-emerald .survey-row{
  background:linear-gradient(180deg,#0b2232,#081a29) !important;border-color:var(--cm-line) !important;border-radius:15px !important
}
.midnight-emerald .survey-row:hover{border-color:rgba(103,224,180,.28) !important;box-shadow:0 12px 26px rgba(0,0,0,.2) !important;transform:translateY(-1px)}
.midnight-emerald .survey-main>strong{color:#fff !important}.midnight-emerald .survey-main>p{color:var(--cm-muted) !important}.midnight-emerald .survey-main>div span{background:rgba(255,255,255,.045) !important;color:#8ea6b1 !important}.midnight-emerald .survey-row>b{color:var(--cm-emerald-soft) !important}
.midnight-emerald .round-action{background:rgba(25,185,134,.12) !important;color:var(--cm-emerald-soft) !important;border:1px solid rgba(103,224,180,.12) !important}.midnight-emerald .round-action:hover{background:var(--cm-emerald) !important;color:#041018 !important}
.midnight-emerald .bonus-panel{background:linear-gradient(135deg,#0a2030,#0c393f) !important;border-color:rgba(232,188,88,.16) !important}
.midnight-emerald .bonus-form input{background:#061827 !important;border:1px solid var(--cm-line) !important;color:#fff !important}
.midnight-emerald .live-heading span,.midnight-emerald .live-activity-panel h3{color:#77909c !important}.midnight-emerald .activity-chip{background:#071a29 !important;border-color:var(--cm-line) !important;color:#91a8b4 !important}.midnight-emerald .activity-chip>b{background:#0d6f60 !important}.midnight-emerald .activity-chip strong{color:var(--cm-emerald-soft) !important}
.midnight-emerald .partner-section-title{border-color:var(--cm-line) !important}.midnight-emerald .partner-section-title h2{color:#fff}.midnight-emerald .partner-section-title small{background:rgba(255,255,255,.04) !important;color:#899faa !important}
.midnight-emerald .partner-card{background:linear-gradient(180deg,#0b2131,#071a28) !important;border-color:var(--cm-line) !important;box-shadow:0 12px 28px rgba(0,0,0,.12) !important}.midnight-emerald .partner-card:hover{border-color:rgba(103,224,180,.28) !important;box-shadow:0 18px 34px rgba(0,0,0,.22) !important}.midnight-emerald .partner-body strong{color:#fff !important}
.midnight-emerald .partner-cover{filter:saturate(.75) brightness(.84)}.midnight-emerald .partner-card:hover .partner-cover{filter:saturate(.95) brightness(.95)}
.midnight-emerald .partner-detail-hero{border:1px solid var(--cm-line-gold) !important;box-shadow:var(--cm-shadow) !important}
.midnight-emerald .partner-steps span{background:#071a29 !important;border:1px solid var(--cm-line) !important;color:#dce8ec !important}.midnight-emerald .partner-steps b{background:#0d6f60 !important}
.midnight-emerald .wallet-summary{background:linear-gradient(135deg,#081c2b,#0a3b42 55%,#0b5b51) !important;border:1px solid var(--cm-line-gold) !important;border-radius:var(--cm-radius-lg) !important;box-shadow:var(--cm-shadow)}
.midnight-emerald .wallet-summary>div{border-color:var(--cm-line) !important}.midnight-emerald .wallet-summary span,.midnight-emerald .wallet-summary small{color:#9db1bb !important}.midnight-emerald .wallet-summary strong{color:#fff !important}
.midnight-emerald .payout-method-card{background:#081c2b !important;border-color:var(--cm-line) !important}.midnight-emerald .payout-method-card:hover{border-color:rgba(103,224,180,.3) !important}.midnight-emerald .payout-logo{background:rgba(25,185,134,.1) !important;color:var(--cm-emerald-soft) !important}
.midnight-emerald .profile-cover-avatar,.midnight-emerald .profile-avatar{background:linear-gradient(135deg,#0e705f,var(--cm-gold)) !important;box-shadow:0 0 0 6px rgba(255,255,255,.06)}
.midnight-emerald .level-progress,.midnight-emerald .progress-track{background:rgba(255,255,255,.08) !important;border-color:var(--cm-line) !important}.midnight-emerald .level-progress i,.midnight-emerald .progress-track i{background:linear-gradient(90deg,var(--cm-emerald),var(--cm-gold)) !important}
.midnight-emerald .profile-read-value,.midnight-emerald .profile-edit-input,.midnight-emerald .verification-pill,.midnight-emerald .soft-badge{background:#071a29 !important;border-color:var(--cm-line) !important;color:#dbe7eb !important}
.midnight-emerald .settings-card,.midnight-emerald .verification-status-card{background:linear-gradient(180deg,#0b2232,#071a29) !important;border-color:var(--cm-line) !important}
.midnight-emerald .support-message{background:#071a29 !important;border-color:var(--cm-line) !important}.midnight-emerald .support-message.admin{background:rgba(25,185,134,.09) !important}
.midnight-emerald .notification-card{background:linear-gradient(180deg,#0b2232,#071a29) !important;border-color:var(--cm-line) !important}.midnight-emerald .notification-card.unread{border-left:3px solid var(--cm-emerald) !important}.midnight-emerald .notification-card-icon{background:rgba(25,185,134,.1) !important;color:var(--cm-emerald-soft) !important}
.midnight-emerald .transaction-tabs a,.midnight-emerald .sort-pills a{background:#071a29 !important;border-color:var(--cm-line) !important;color:#9db0ba !important}.midnight-emerald .transaction-tabs a.active,.midnight-emerald .sort-pills a.active{background:linear-gradient(135deg,#0c5e55,#0c7a69) !important;color:#fff !important;border-color:rgba(103,224,180,.2) !important}

/* Forms, tables, alerts in every internal page */
.midnight-emerald input,.midnight-emerald select,.midnight-emerald textarea,
.midnight-emerald .form-group input,.midnight-emerald .form-group select,.midnight-emerald .form-group textarea,
.midnight-emerald .filter-bar input,.midnight-emerald .filter-bar select,.midnight-emerald .inline-filters input,.midnight-emerald .inline-filters select,
.midnight-emerald .withdrawal-action input,.midnight-emerald .withdrawal-action select,.midnight-emerald .reply-form textarea,.midnight-emerald .reply-form select,
.midnight-emerald .copy-row input,.midnight-emerald .popover-form input{
  background:#061827 !important;border:1px solid var(--cm-line) !important;color:#f0f6f8 !important;border-radius:10px !important
}
.midnight-emerald input::placeholder,.midnight-emerald textarea::placeholder{color:#627b87 !important}
.midnight-emerald input:focus,.midnight-emerald select:focus,.midnight-emerald textarea:focus{outline:0;border-color:rgba(103,224,180,.48) !important;box-shadow:0 0 0 4px rgba(25,185,134,.1) !important}
.midnight-emerald label,.midnight-emerald .form-group label{color:#dfe9ed !important}
.midnight-emerald .table-wrap{border:1px solid var(--cm-line);border-radius:14px;background:#071a29;padding:0 !important;margin:0 !important}
.midnight-emerald table{background:transparent !important}.midnight-emerald th{background:rgba(255,255,255,.025);color:#7f99a5 !important;border-color:var(--cm-line) !important}.midnight-emerald td{color:#dce7eb !important;border-color:rgba(196,225,230,.07) !important}.midnight-emerald tbody tr:hover{background:rgba(25,185,134,.035)}.midnight-emerald td small{color:#7d96a2 !important}
.midnight-emerald .badge-success{background:rgba(25,185,134,.14) !important;color:#74e7be !important}.midnight-emerald .badge-warning{background:rgba(232,188,88,.14) !important;color:#f1ce7d !important}.midnight-emerald .badge-danger{background:rgba(255,115,120,.14) !important;color:#ff9ca0 !important}.midnight-emerald .badge-info{background:rgba(106,168,255,.13) !important;color:#a7cbff !important}.midnight-emerald .badge-featured{background:rgba(232,188,88,.12) !important;color:#f0cc75 !important}
.midnight-emerald .alert{border-radius:12px !important}.midnight-emerald .alert-success{background:rgba(25,185,134,.11) !important;border-color:rgba(25,185,134,.24) !important;color:#8aefca !important}.midnight-emerald .alert-danger{background:rgba(255,115,120,.11) !important;border-color:rgba(255,115,120,.24) !important;color:#ffabad !important}.midnight-emerald .alert-warning{background:rgba(232,188,88,.11) !important;border-color:rgba(232,188,88,.24) !important;color:#efd18c !important}.midnight-emerald .alert-info{background:rgba(106,168,255,.1) !important;border-color:rgba(106,168,255,.22) !important;color:#b1d0ff !important}
.midnight-emerald .action-popover{background:#081c2b !important;border-color:var(--cm-line) !important;color:#fff !important;box-shadow:var(--cm-shadow) !important}
.midnight-emerald .action-popover button:not(.btn):hover{background:rgba(25,185,134,.08) !important}
.midnight-emerald .pagination a{background:#071a29 !important;border-color:var(--cm-line) !important;color:#9db1bb !important}.midnight-emerald .pagination a.active{background:linear-gradient(180deg,#f2cf76,var(--cm-gold)) !important;color:#121c21 !important;border-color:var(--cm-gold) !important}
.midnight-emerald .empty-state,.midnight-emerald .empty-cell{color:#708a96 !important}

/* Admin layouts */
.midnight-emerald.admin-body .sidebar{background:linear-gradient(180deg,#020a11,#061724) !important}
.midnight-emerald .admin-topbar-title h1{color:#fff !important}.midnight-emerald .admin-topbar-title p{color:#77919d !important}
.midnight-emerald .admin-banner{padding:30px 34px !important}
.midnight-emerald .admin-mini-stats>div,.midnight-emerald .report-stats-grid>div,.midnight-emerald .margin-summary-panel>div,
.midnight-emerald .admin-operation-link,.midnight-emerald .withdrawal-source-block,.midnight-emerald .withdrawal-processed-details{
  background:#071a29 !important;border:1px solid var(--cm-line) !important;color:#e9f1f4 !important;border-radius:13px !important
}
.midnight-emerald .admin-operation-link:hover{border-color:rgba(103,224,180,.3) !important;background:#092531 !important}
.midnight-emerald .contact-message-body,.midnight-emerald .withdrawal-confirm-row,.midnight-emerald .support-tips>div,.midnight-emerald .method-admin-list,
.midnight-emerald .admin-user-details,.midnight-emerald .admin-user-information,.midnight-emerald .admin-user-controls{
  background:rgba(255,255,255,.025) !important;border-color:var(--cm-line) !important;color:#dfe9ed !important
}
.midnight-emerald .withdrawal-admin-grid{background:rgba(255,255,255,.025) !important}.midnight-emerald .withdrawal-admin-grid span,.midnight-emerald .withdrawal-source-title,.midnight-emerald .withdrawal-processed-details span{color:#728b97 !important}
.midnight-emerald .danger-panel{border-color:rgba(255,115,120,.25) !important}
.midnight-emerald .readiness-check.is-ready>span{background:rgba(25,185,134,.15) !important;color:#72e7bd !important}.midnight-emerald .readiness-check.is-warning>span{background:rgba(232,188,88,.14) !important;color:#f1ce7d !important}.midnight-emerald .readiness-check.is-blocked>span{background:rgba(255,115,120,.14) !important;color:#ff9ca0 !important}

/* Footer and mobile */
.midnight-emerald .dashboard-page-footer{border-top:1px solid var(--cm-line) !important;color:#617b87 !important}.midnight-emerald .dashboard-page-footer a{color:#829ba7 !important}.midnight-emerald .dashboard-page-footer a:hover{color:var(--cm-emerald-soft) !important}
.midnight-emerald .mobile-bottom-nav{background:rgba(5,15,27,.94) !important;border-top:1px solid var(--cm-line-gold) !important;backdrop-filter:blur(18px)}
.midnight-emerald .mobile-bottom-nav a{color:#718c98 !important}.midnight-emerald .mobile-bottom-nav a.active{color:var(--cm-emerald-soft) !important}.midnight-emerald .mobile-bottom-nav .mobile-home{background:linear-gradient(135deg,#0d6e5f,var(--cm-gold)) !important;color:#fff !important;box-shadow:0 10px 25px rgba(0,0,0,.28)}
.midnight-emerald .sidebar-overlay.open{background:rgba(0,0,0,.66) !important;backdrop-filter:blur(3px)}

@media(max-width:1100px){
  .midnight-emerald .dashboard-welcome-card{grid-template-columns:minmax(0,1fr) 250px}.midnight-emerald .dashboard-shell{grid-template-columns:265px minmax(0,1fr) !important}
}
@media(max-width:850px){
  .site-midnight-emerald .main-nav{background:#061522 !important;border-bottom:1px solid var(--cm-line) !important}
  .midnight-emerald .dashboard-shell{grid-template-columns:1fr !important}.midnight-emerald .sidebar{width:275px !important;left:-295px !important}.midnight-emerald .sidebar.open{left:0 !important}
  .midnight-emerald .dashboard-content{padding:20px 15px 90px !important}.midnight-emerald .dashboard-welcome-card{grid-template-columns:1fr !important;min-height:auto}.midnight-emerald .midnight-magic-art{display:none}.midnight-emerald .dashboard-topbar{padding:0 15px !important}
}
@media(max-width:560px){
  .brand-copy small{display:none}.site-midnight-emerald .nav-wrap{height:72px}
  .midnight-emerald .dashboard-welcome-card{padding:26px 22px !important}.midnight-emerald .welcome-user-block h1{font-size:1.85rem !important}.midnight-emerald .hero-avatar{width:54px;height:54px}
  .midnight-emerald .panel{padding:17px !important}.midnight-emerald .stat-card{min-height:92px}.midnight-emerald .dashboard-topbar{height:70px}
}


/* v23: keep the sidebar hover stable and prevent the bottom horizontal scrollbar. */
.midnight-emerald .sidebar-scroll{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}
.midnight-emerald .sidebar-nav a,
.midnight-emerald .sidebar-nav a:hover,
.midnight-emerald .sidebar-nav a:focus-visible{
  transform:none !important;
}
.midnight-emerald .sidebar-scroll::-webkit-scrollbar:horizontal{height:0 !important}


.midnight-emerald .btn-permanent-delete{background:rgba(215,62,68,.16) !important;border-color:rgba(255,109,114,.38) !important;color:#ff9ca0 !important}
.midnight-emerald .btn-permanent-delete:hover{background:#b92f36 !important;border-color:#d84b51 !important;color:#fff !important}
.midnight-emerald .table-actions .btn:disabled{opacity:.38 !important;cursor:not-allowed !important;transform:none !important}

/* v24 flexible company integrations */
.integration-editor{overflow:visible}
.integration-section{border:1px solid rgba(232,188,88,.16);border-radius:18px;padding:20px;background:linear-gradient(180deg,rgba(13,42,56,.72),rgba(6,25,39,.78))}
.integration-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.integration-section-head>div{display:flex;flex-direction:column;gap:3px}.integration-section-head strong{font-size:.95rem}.integration-section-head small{color:var(--me-muted);font-size:.72rem}
.integration-fields{margin:0}.integration-examples{margin-top:18px;border-top:1px solid rgba(196,225,230,.09);padding-top:15px}.integration-examples summary{cursor:pointer;color:var(--me-gold);font-size:.78rem;font-weight:800}
.integration-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.integration-example-grid>div{min-width:0}.integration-example-grid strong{display:block;font-size:.75rem;margin-bottom:7px}.integration-example-grid pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;background:#061827;border:1px solid rgba(196,225,230,.09);border-radius:12px;padding:14px;color:#bfe8dc;font-size:.67rem;line-height:1.55}
.integration-maintenance-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.integration-maintenance-actions form{margin:0}
.integration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;margin-bottom:16px}.integration-company-title{display:flex;align-items:center;gap:15px}.integration-company-title .partner-detail-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--me-emerald),var(--me-gold));color:#061827;font-weight:900;flex:none}.integration-company-title h1{font-size:1.25rem;margin:0}.integration-company-title p{font-size:.72rem;color:var(--me-muted);margin:3px 0 0}.integration-company-title .eyebrow{margin:0 0 3px;font-size:.61rem}.integration-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.integration-frame-shell{padding:10px;overflow:hidden;min-height:var(--integration-height)}.integration-frame-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 5px 11px}.integration-frame-status small{color:var(--me-muted);font-size:.68rem}.partner-integration-frame{display:block;width:100%;height:var(--integration-height);border:0;border-radius:14px;background:#fff}
.api-offer-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 14px}.api-offer-heading h2{margin:0;font-size:1.2rem}.api-offer-heading p{margin:4px 0 0;color:var(--me-muted);font-size:.74rem}.api-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.api-offer-card{margin:0;display:flex;flex-direction:column;min-height:285px}.api-offer-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.api-offer-card-top img{width:48px;height:48px;border-radius:13px;object-fit:cover;background:#fff}.api-offer-card h3{margin:18px 0 8px;font-size:1rem}.api-offer-card>p{color:var(--me-muted);font-size:.74rem;line-height:1.6;flex:1;margin:0 0 18px}.api-offer-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(196,225,230,.08);padding-top:14px}.api-offer-footer>div{display:flex;flex-direction:column}.api-offer-footer small{color:var(--me-muted);font-size:.63rem}.api-offer-footer strong{color:var(--me-emerald-bright);font-size:1rem}.api-error-panel h3{margin-top:0}.api-error-panel p{color:var(--me-muted)}
.integration-security-note{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.integration-security-note>div{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:rgba(255,255,255,.025)}.integration-security-note strong{font-size:.68rem;color:var(--me-muted)}.integration-security-note code{font-size:.7rem;color:var(--me-gold);overflow-wrap:anywhere}
@media(max-width:1050px){.api-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-toolbar{align-items:flex-start;flex-direction:column}.integration-toolbar-actions{justify-content:flex-start}}
@media(max-width:760px){.integration-example-grid,.api-offer-grid,.integration-security-note{grid-template-columns:1fr}.integration-company-title{align-items:flex-start}.integration-toolbar-actions{width:100%}.integration-toolbar-actions .btn{flex:1}.integration-frame-status{align-items:flex-start;flex-direction:column}.partner-integration-frame{min-height:620px}}

/* v25 Leader Center */
.leader-center-hero{background:radial-gradient(circle at 82% 20%,rgba(232,188,88,.18),transparent 24%),linear-gradient(135deg,#071827,#0b3740 62%,#0d6258);border:1px solid rgba(232,188,88,.2)}
.leader-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.leader-center-hero .btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.leader-stats .stat-icon{min-width:46px}.leader-stats .stat-icon.purple{font-size:.68rem;letter-spacing:.04em}
.leader-live-panel{overflow:hidden}.leader-live-head{align-items:flex-start}.live-kicker{display:inline-flex;align-items:center;gap:8px;color:#7fe3bd;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.live-kicker i,.leader-live-status>span::before{width:8px;height:8px;border-radius:50%;background:#32d49b;box-shadow:0 0 0 5px rgba(50,212,155,.12);content:"";display:inline-block;animation:leaderLivePulse 1.7s infinite}.leader-live-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.leader-live-status>span{display:flex;align-items:center;gap:9px;font-weight:800;color:#83e3c0}.leader-live-status small{color:#8fa6b3}.has-live-error .leader-live-status>span{color:#ff9c9f}.has-live-error .leader-live-status>span::before{background:#ff7378;box-shadow:0 0 0 5px rgba(255,115,120,.12)}
.leader-live-list{display:grid;gap:10px;max-height:620px;overflow:auto;padding-right:5px}.leader-live-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(196,225,230,.09);border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(25,185,134,.025));transition:.25s}.leader-live-item:hover{border-color:rgba(232,188,88,.2);transform:translateY(-1px)}.leader-live-item.is-new{animation:leaderNewEvent 1.25s ease;border-color:rgba(50,212,155,.42)}.leader-live-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(25,185,134,.12);color:#69e0b5;font-weight:900}.leader-live-chargeback .leader-live-icon{background:rgba(255,115,120,.12);color:#ff9c9f}.leader-live-withdrawal .leader-live-icon{background:rgba(232,188,88,.12);color:#f2cf76}.leader-live-copy{min-width:0}.leader-live-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.leader-live-copy h3{font-size:.82rem;margin:4px 0 2px}.leader-live-copy p{font-size:.69rem;color:#91a8b4;margin:0;overflow-wrap:anywhere}.leader-live-meta{display:flex;align-items:flex-end;flex-direction:column;gap:5px;text-align:right}.leader-live-meta time{font-size:.63rem;color:#7f96a3}.leader-live-meta .amount{font-size:.78rem}.leader-live-meta .badge{text-transform:capitalize}
.leader-members-panel,.leader-offers-panel{scroll-margin-top:105px}.leader-member-table form{margin:0}.leader-offer-head{align-items:flex-start}.leader-chargeback-bar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;align-items:center;padding:13px;margin-bottom:15px;border:1px solid rgba(232,188,88,.13);border-radius:14px;background:rgba(232,188,88,.035)}.leader-chargeback-bar>input{width:100%;background:#081d2c;border:1px solid rgba(255,255,255,.09);color:#eef5f8;border-radius:10px;padding:11px 12px}.leader-chargeback-bar>input:focus{outline:none;border-color:#e8bc58;box-shadow:0 0 0 4px rgba(232,188,88,.09)}
.leader-offer-table{min-width:1220px}.leader-offer-details{position:relative}.leader-offer-details summary{cursor:pointer;color:#f2cf76;font-size:.72rem;font-weight:800;white-space:nowrap}.leader-offer-details[open]{position:static}.leader-offer-details[open]>div{margin-top:12px}.leader-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:9px;min-width:720px}.leader-detail-grid>div{padding:10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.leader-detail-grid span,.leader-payload>span{display:block;color:#7f96a3;font-size:.61rem;text-transform:uppercase;letter-spacing:.05em}.leader-detail-grid strong{display:block;margin-top:3px;font-size:.7rem;overflow-wrap:anywhere}.leader-payload{margin-top:10px}.leader-payload pre{max-width:850px;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#05131f;border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:10px;color:#b9d0d9;font-size:.66rem;line-height:1.55}.role-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:.58rem;font-weight:850}.role-user{background:rgba(77,143,255,.12);color:#9bc1ff}.role-vip{background:rgba(232,188,88,.13);color:#f2cf76}.role-leader{background:rgba(25,185,134,.13);color:#78e1bb}.role-admin{background:rgba(168,85,247,.13);color:#cda1ff}
@keyframes leaderLivePulse{50%{opacity:.45;transform:scale(.82)}}@keyframes leaderNewEvent{0%{background:rgba(50,212,155,.18);transform:translateY(-5px)}100%{background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(25,185,134,.025));transform:none}}
@media(max-width:900px){.leader-chargeback-bar{grid-template-columns:1fr}.leader-live-item{grid-template-columns:auto 1fr}.leader-live-meta{grid-column:2;align-items:flex-start;text-align:left}.leader-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.leader-live-head{gap:12px}.leader-live-status{align-items:flex-start}.leader-live-item{padding:12px;gap:10px}.leader-live-icon{width:36px;height:36px}.leader-detail-grid{grid-template-columns:1fr;min-width:480px}}


/* v27 security center */
.auth-method-links a,.auth-method-links span{display:grid;place-items:center;text-decoration:none}.auth-method-links .is-disabled{opacity:.42;cursor:not-allowed;filter:grayscale(1)}
.security-auth-card{max-width:560px}.security-method-card{scroll-margin-top:110px}.security-method-card .settings-card-head{display:flex;align-items:center;gap:14px}.security-method-card .settings-card-head>.badge{margin-left:auto}.mfa-setup-box{padding:18px;border:1px solid rgba(232,188,88,.18);border-radius:15px;background:rgba(232,188,88,.045);margin:16px 0}.mfa-setup-box p{color:#9bb0bb}.secret-copy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.secret-copy-row code,.wrap-code{display:block;padding:11px 13px;border-radius:10px;background:#061522;border:1px solid rgba(255,255,255,.08);color:#f2cf76;overflow-wrap:anywhere}.recovery-code-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.recovery-code-grid code{padding:9px;border-radius:8px;background:rgba(0,0,0,.16);text-align:center;color:#fff}.security-method-list{display:grid;gap:10px}.security-method-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.security-method-list small{color:#93a9b5}.panel-subsection .security-method-list{margin-top:12px}
@media(max-width:700px){.recovery-code-grid{grid-template-columns:repeat(2,1fr)}.security-method-card .settings-card-head{align-items:flex-start;flex-wrap:wrap}.security-method-card .settings-card-head>.badge{margin-left:0}}