:root{
  --navy:#211036;
  --navy-2:#351150;
  --blue:#7c3aed;
  --blue-2:#a855f7;
  --cyan:#16a34a;
  --sky:#f2eaff;
  --ink:#241534;
  --muted:#74677f;
  --line:#eadff0;
  --paper:#fff;
  --canvas:#faf7fc;
  --success:#16a34a;
  --warning:#eab308;
  --danger:#ef3340;
  --purple:#7c3aed;
  --red:#ef3340;
  --green:#16a34a;
  --yellow:#facc15;
  --shadow:0 20px 50px rgba(91,33,182,.12);
  --shadow-sm:0 8px 24px rgba(91,33,182,.11);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:14px;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
code{padding:2px 7px;background:#eef2f8;border-radius:7px;font-size:.9em}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;font-size:18px;letter-spacing:.02em}
.brand-light{color:#fff}
.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:white;font-weight:900;box-shadow:0 10px 24px rgba(22,199,217,.22)}
.eyebrow{margin:0 0 5px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:12px;padding:0 17px;font-weight:750;transition:.2s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.btn-primary{background:linear-gradient(135deg,var(--blue),#1451cf);color:#fff}
.btn-cyan{background:linear-gradient(135deg,var(--cyan),#0aa7ba);color:#fff}
.btn-light{background:#fff;color:var(--navy);border-color:rgba(255,255,255,.35)}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-danger{background:#fff1f2;color:#c82f3a;border-color:#ffd4d8}
.btn-success{background:#eafbf5;color:#087d58;border-color:#c2f2df}
.btn-spectrum{background:linear-gradient(110deg,#ef3340,#8b35e9 45%,#16a34a 76%,#eab308);color:#fff;box-shadow:0 12px 30px rgba(139,53,233,.28)}
.btn-sm{min-height:36px;padding:0 13px;border-radius:10px;font-size:12px}
.btn-xs{min-height:29px;padding:0 9px;border-radius:8px;font-size:11px}
.btn-block{width:100%}
.icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.public-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(228,234,243,.8)}
.public-nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#ef3340,#7c3aed,#16a34a,#facc15);opacity:.75}
.public-nav nav{display:flex;gap:28px;color:var(--muted);font-weight:650}
.public-nav nav a:hover{color:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:9px}
.hero{min-height:700px;padding:86px max(5vw,24px);background:radial-gradient(circle at 8% 8%,rgba(239,51,64,.28),transparent 30%),radial-gradient(circle at 78% 22%,rgba(124,58,237,.34),transparent 30%),radial-gradient(circle at 94% 85%,rgba(22,163,74,.25),transparent 31%),radial-gradient(circle at 30% 100%,rgba(250,204,21,.14),transparent 27%),linear-gradient(145deg,#16091f,#28103d 55%,#102f29);color:#fff;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:70px;align-items:center;overflow:hidden;position:relative}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);pointer-events:none}.hero:before{width:360px;height:360px;left:-160px;bottom:-180px;box-shadow:0 0 80px rgba(250,204,21,.12)}.hero:after{width:240px;height:240px;right:7%;top:-130px;box-shadow:0 0 100px rgba(124,58,237,.35)}
.hero-copy{max-width:700px;position:relative;z-index:1}
.hero .eyebrow{color:#77e9f4}
.hero h1{font-size:clamp(47px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:18px 0 25px}
.hero h1 span{background:linear-gradient(90deg,#ff6974,#b878ff,#53dc7a,#ffe05c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:610px;color:#bdcbe5;font-size:18px}
.hero-actions{display:flex;gap:12px;margin:32px 0}
.hero-proof{display:flex;gap:28px;color:#b9c8e2;font-size:12px;font-weight:650}
.hero-proof span:before{content:"✓";color:#61e2a9;margin-right:7px}
.hero-card{position:relative;z-index:1;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:18px;box-shadow:0 30px 100px rgba(0,0,0,.3);backdrop-filter:blur(16px)}
.hero-card:before{content:"";position:absolute;width:170px;height:170px;background:var(--cyan);filter:blur(100px);opacity:.25;top:-30px;right:-30px}
.demo-window{background:#fff;color:var(--ink);border-radius:20px;overflow:hidden;position:relative}
.demo-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:750}
.live-pill{display:inline-flex;align-items:center;gap:6px;background:#e9fbf5;color:#087c58;padding:5px 9px;border-radius:99px;font-size:10px}
.live-pill:before{content:"";width:6px;height:6px;background:#0eaa75;border-radius:50%;box-shadow:0 0 0 4px rgba(14,170,117,.12)}
.demo-body{padding:20px}
.demo-wallet{background:linear-gradient(135deg,#0d2450,#0c3a72);color:#fff;border-radius:17px;padding:19px;display:flex;justify-content:space-between;align-items:end}
.demo-wallet span,.demo-wallet small{display:block;color:#bcd1ef}
.demo-wallet strong{font-size:27px}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}
.mini-card{padding:13px;border:1px solid var(--line);border-radius:13px}
.mini-card small{display:block;color:var(--muted);font-size:10px}
.mini-card strong{font-size:14px}
.otp-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 0;border-top:1px solid var(--line)}
.service-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--sky);color:var(--blue);border-radius:12px;font-weight:900}
.otp-row span{display:block;color:var(--muted);font-size:11px}
.code-chip{padding:8px 11px;background:#ecfbf7;color:#087e59;border-radius:9px;font-weight:850;letter-spacing:.1em}
.section{padding:100px max(5vw,24px)}
.section-head{max-width:720px;margin:0 auto 50px;text-align:center}
.section-head h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.04em;line-height:1.05;margin:10px 0 14px}
.section-head p{font-size:16px;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:auto}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm)}
.feature-card:nth-child(4n+1){border-top:3px solid var(--red)}.feature-card:nth-child(4n+2){border-top:3px solid var(--purple)}.feature-card:nth-child(4n+3){border-top:3px solid var(--green)}.feature-card:nth-child(4n+4){border-top:3px solid var(--yellow)}
.feature-card .feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--sky);color:var(--blue);font-size:22px}
.feature-card h3{margin:18px 0 8px;font-size:18px}
.feature-card p{color:var(--muted);margin:0}
.steps{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:steps}
.step{position:relative;padding:30px;background:#fff;border-radius:var(--radius);border:1px solid var(--line)}
.step:before{counter-increment:steps;content:"0" counter(steps);font-weight:900;font-size:34px;color:#dce8fa}
.step h3{margin:18px 0 8px}.step p{color:var(--muted)}
.security-band{background:linear-gradient(135deg,var(--navy),#0c3165);color:#fff;border-radius:30px;max-width:1200px;margin:auto;padding:60px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px}
.security-band h2{font-size:40px;line-height:1.05;margin:8px 0 15px}.security-band p{color:#b8c9e6}
.security-list{display:grid;gap:10px}
.security-list div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:14px 16px;border-radius:13px}
.public-footer{padding:30px max(5vw,24px);background:#050f24;color:#adbedb;display:flex;justify-content:space-between;align-items:center;gap:20px}
.public-footer div{display:flex;gap:15px}.public-footer strong{color:#fff}
.footer-links{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.footer-links a{color:inherit}.footer-links a:hover{color:var(--purple)}
.landing-trust-grid{max-width:1240px;margin:-38px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:5}.landing-trust-grid article{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:var(--shadow-sm)}.landing-trust-grid article:nth-child(1){border-top:3px solid var(--red)}.landing-trust-grid article:nth-child(2){border-top:3px solid var(--purple)}.landing-trust-grid article:nth-child(3){border-top:3px solid var(--green)}.landing-trust-grid article:nth-child(4){border-top:3px solid var(--yellow)}.landing-trust-grid article>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#f6efff;color:var(--purple);font-weight:900}.landing-trust-grid strong,.landing-trust-grid small{display:block}.landing-trust-grid small{color:var(--muted);font-size:11px;margin-top:2px}
.auth-body{min-height:100vh;background:linear-gradient(145deg,#06142f,#0b2c5c);padding:22px}
.auth-shell{min-height:calc(100vh - 44px);display:grid;grid-template-columns:minmax(420px,1fr) minmax(480px,.85fr);max-width:1420px;margin:auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden}
.auth-brand{padding:75px clamp(40px,7vw,100px);color:#fff;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 25% 15%,rgba(22,199,217,.18),transparent 30%)}
.auth-brand>.eyebrow{margin-top:auto;color:#6de8f4}
.auth-brand h1{font-size:clamp(44px,5.5vw,76px);letter-spacing:-.055em;line-height:.98;margin:18px 0 25px}
.auth-brand>p:not(.eyebrow){max-width:580px;color:#b7c7e2;font-size:16px}
.auth-stat-row{display:flex;gap:40px;margin-top:38px}
.auth-stat-row strong,.auth-stat-row span{display:block}.auth-stat-row strong{font-size:22px}.auth-stat-row span{color:#9eb0d0;font-size:11px}
.auth-card{background:#fff;padding:clamp(35px,6vw,85px);display:flex;flex-direction:column;justify-content:center}
.install-card{overflow:auto}
.auth-card h2{font-size:32px;letter-spacing:-.035em;margin:5px 0 7px}
.auth-card>.subtext{color:var(--muted);margin:0 0 28px}
.mobile-auth-logo{display:none;margin-bottom:30px}
.form-stack{display:grid;gap:15px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px}
.field>span{font-size:11px;color:#4e5e7b;font-weight:750}
.field input,.field select,.field textarea,.input{width:100%;min-height:46px;border:1px solid #dce4ef;border-radius:11px;background:#fff;padding:10px 13px;color:var(--ink);outline:none;transition:.2s}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#7aa7f7;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.field small{color:var(--muted)}
.span-2{grid-column:span 2}
.section-label{font-size:10px;font-weight:850;letter-spacing:.12em;color:var(--blue);text-transform:uppercase;padding-top:8px}
.form-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
.check{display:inline-flex;align-items:center;gap:7px}
.auth-switch{text-align:center;color:var(--muted);margin-top:20px}.auth-switch a{color:var(--blue);font-weight:750}
.divider{display:flex;align-items:center;gap:10px;color:#98a4ba;font-size:10px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#17233d;border:1px solid #cbd5e1;box-shadow:0 8px 20px rgba(15,23,42,.08)}
.btn-google:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}
.google-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:15px;font-weight:900;color:#4285f4;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.success-icon{display:grid;place-items:center;width:65px;height:65px;background:#e8fbf4;color:var(--success);border-radius:50%;font-size:29px;font-weight:900}
.card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}
.status-dot{background:#e8fbf4;color:#087c58;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:750}
.app-body{background:var(--canvas);overflow-x:hidden}
.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#071735,#061329);color:#c5d3eb;padding:20px 15px;display:flex;flex-direction:column;z-index:50;overflow-y:auto}
.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:2px 7px 20px}
.sidebar-close{display:none;background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.08)}
.sidebar-context{font-size:9px;letter-spacing:.18em;color:#6f87ae;font-weight:850;padding:10px 12px}
.sidebar-nav{display:grid;gap:5px}
.sidebar-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 13px;border-radius:12px;color:#9eb0cf;font-weight:650;font-size:13px}
.sidebar-nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.sidebar-nav a.active{background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(22,199,217,.16));color:#fff;border:1px solid rgba(109,190,255,.15)}
.nav-icon{width:18px;height:18px;display:grid;place-items:center;border:1.6px solid currentColor;border-radius:5px;opacity:.85}
.icon-plus:after{content:"+"}.icon-users:after{content:"•"}.icon-phone:after{content:"⌁"}.icon-wallet:after{content:"="}.icon-tag:after{content:"%"}.icon-chat:after{content:"…"}.icon-bell:after{content:"!"}.icon-settings:after{content:"⌾"}.icon-pulse:after{content:"~"}.icon-user:after{content:"°"}.icon-grid:after{content:"+"}
.sidebar-balance{margin-top:auto;background:linear-gradient(145deg,#154a92,#0a7092);padding:17px;border-radius:16px;color:#fff}
.sidebar-balance span,.sidebar-balance small{display:block;color:#c6e5f3;font-size:10px}.sidebar-balance strong{display:block;font-size:18px;margin:2px 0}.sidebar-balance .btn{margin-top:12px}
.sidebar-user{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:17px 7px 2px}.sidebar-user strong,.sidebar-user small{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{color:#fff;font-size:12px}.sidebar-user small{font-size:9px;color:#7690b8}
.avatar{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#dbeafe,#b7f5f5);color:#164c94;font-weight:900}.avatar-sm{width:35px;height:35px;border-radius:11px}
.app-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.topbar{height:80px;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}.topbar h1{font-size:19px;margin:0;letter-spacing:-.02em}.topbar .eyebrow{font-size:8px;margin:0}.top-balance{font-weight:800;background:var(--sky);color:#164b95;padding:8px 12px;border-radius:10px;font-size:12px}.menu-toggle{display:none}
.content{padding:27px 30px;flex:1;max-width:1600px;width:100%;margin:0 auto}
.app-footer{padding:18px 30px;color:#8b98ad;font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line)}
.alert{border-radius:12px;padding:12px 15px;margin:0 0 16px;border:1px solid;display:flex;align-items:start;justify-content:space-between;gap:12px}
.alert button{border:0;background:transparent;color:inherit;font-size:18px;line-height:1}
.alert-success{background:#eafbf5;border-color:#c5f1df;color:#087c58}.alert-error,.alert-danger{background:#fff1f2;border-color:#ffd3d7;color:#bd3039}.alert-warning{background:#fff8e9;border-color:#ffe2a6;color:#93600a}.alert-info{background:#edf5ff;border-color:#cfe3ff;color:#225eaa}
.announcement{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;border-radius:13px;margin-bottom:16px}.announcement-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.6);font-weight:900}.announcement strong{font-size:12px}.announcement p{margin:2px 0 0;font-size:11px}.announcement-info{background:#eaf3ff;color:#21599d}.announcement-success{background:#e9fbf5;color:#087d58}.announcement-warning{background:#fff7e5;color:#8c5c08}.announcement-danger{background:#fff0f1;color:#b52d36}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}
.stat-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:0 4px 18px rgba(15,35,75,.035);position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;background:var(--tone,#eaf3ff);right:-25px;top:-25px}
.stat-card span{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.stat-card strong{display:block;font-size:25px;letter-spacing:-.03em;margin:6px 0 2px}.stat-card small{color:#8d99ad;font-size:10px}
.tone-blue{--tone:#ddebff}.tone-cyan{--tone:#d8f9fb}.tone-green{--tone:#ddf8ed}.tone-orange{--tone:#fff0d3}.tone-red{--tone:#ffe1e5}.tone-purple{--tone:#eee2ff}.tone-yellow{--tone:#fff6bd}.tone-profit{--tone:#d9f9e5;border-top:3px solid #16a34a}
.grid-2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.grid-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 18px rgba(15,35,75,.035);overflow:hidden}
.panel+.panel{margin-top:18px}
.panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2,.panel-head h3{font-size:14px;margin:0}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:10px}
.panel-body{padding:19px}
.panel-body.flush{padding:0}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th{padding:11px 14px;background:#f8fafd;color:#70809a;font-size:9px;text-transform:uppercase;letter-spacing:.08em;text-align:left;white-space:nowrap}
td{padding:13px 14px;border-top:1px solid #edf1f6;font-size:12px;vertical-align:middle}tbody tr:hover{background:#fbfdff}
.cell-main strong,.cell-main span{display:block}.cell-main span{font-size:10px;color:var(--muted)}
.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:900;letter-spacing:.07em}.badge-success{background:#e8faf3;color:#087c58}.badge-warning{background:#fff5dc;color:#956208}.badge-danger{background:#ffedef;color:#bd3039}.badge-muted{background:#eef1f5;color:#748096}.badge-info{background:#eaf3ff;color:#2861a8}
.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}.empty-state h3{color:var(--ink);margin:13px 0 5px}.empty-state p{margin:0 auto 17px;max-width:400px}.empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--sky);color:var(--blue);font-size:25px;margin:auto}
.buy-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.buy-form{display:grid;gap:17px}
.segment{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:#f2f5fa;padding:5px;border-radius:13px}.segment label{cursor:pointer}.segment input{display:none}.segment span{display:flex;align-items:center;justify-content:center;min-height:39px;border-radius:9px;color:var(--muted);font-size:11px;font-weight:750}.segment input:checked+span{background:#fff;color:var(--blue);box-shadow:0 4px 12px rgba(15,35,75,.08)}
.quote-card{background:linear-gradient(145deg,#071735,#0c356d);color:#fff;border-radius:18px;padding:20px;position:sticky;top:100px}
.quote-card .eyebrow{color:#70e8f2}.quote-price{font-size:29px;font-weight:900;margin:8px 0 18px}.quote-lines{display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.11);padding-top:15px}.quote-line{display:flex;justify-content:space-between;color:#bcd0ed;font-size:11px}.quote-line strong{color:#fff}.quote-note{font-size:10px;color:#93acce;margin:15px 0 0}
.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.option-card{border:1px solid var(--line);border-radius:12px;padding:12px}.option-card .check{font-weight:700}
.order-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{background:#f8fafd;border-radius:12px;padding:13px}.detail-item span,.detail-item strong{display:block}.detail-item span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.detail-item strong{margin-top:3px}
.phone-box,.otp-box{border:1px dashed #b8c9e0;background:#f7faff;border-radius:14px;padding:17px;text-align:center}.phone-box strong,.otp-box strong{font-size:21px;letter-spacing:.06em;display:block}.otp-box{background:#e9fbf5;border-color:#9be3c8}.otp-box strong{color:#087d58;font-size:30px;letter-spacing:.18em}
.otp-receiver{position:relative;overflow:hidden;border:1px dashed;border-radius:16px;padding:22px;text-align:center;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.otp-receiver:before{content:"";position:absolute;inset:-80% -20%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.7) 50%,transparent 58%);animation:otpSweep 2.4s linear infinite;pointer-events:none}
.otp-receiver-head{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:.11em}
.otp-receiver strong{position:relative;display:block;margin:12px 0 7px;font-size:31px;letter-spacing:.18em}
.otp-receiver small,.otp-receiver .copy-btn{position:relative}
.otp-receiver.waiting{background:linear-gradient(135deg,#fff9d9,#fff0c4);border-color:#e9bd36;box-shadow:0 10px 26px rgba(217,155,5,.11)}
.otp-receiver.waiting .otp-receiver-head,.otp-receiver.waiting strong{color:#a36600}
.otp-receiver.received{background:linear-gradient(135deg,#e7faec,#d9fff2);border-color:#71d599;box-shadow:0 12px 30px rgba(22,163,74,.13)}
.otp-receiver.received .otp-receiver-head,.otp-receiver.received strong{color:#087b3a}
.otp-signal{display:inline-flex;align-items:end;gap:2px;height:14px}.otp-signal i{display:block;width:3px;border-radius:3px;background:currentColor;animation:otpSignal .9s ease-in-out infinite alternate}.otp-signal i:nth-child(1){height:5px}.otp-signal i:nth-child(2){height:9px;animation-delay:.15s}.otp-signal i:nth-child(3){height:13px;animation-delay:.3s}
@keyframes otpSignal{from{opacity:.35;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1)}}@keyframes otpSweep{to{transform:translateX(65%)}}
.copy-btn{border:0;background:transparent;color:var(--blue);font-weight:750;font-size:10px}
.gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}
.gateway-card{position:relative;display:block;min-width:0;cursor:pointer}
.gateway-card input{position:absolute;opacity:0;pointer-events:none}
.gateway-card-inner{position:relative;display:flex;min-height:142px;height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;border:1px solid var(--line);border-radius:17px;padding:17px;background:radial-gradient(circle at 100% 0,rgba(124,58,237,.11),transparent 38%),linear-gradient(145deg,#fff,#fbf8ff);box-shadow:0 8px 23px rgba(59,25,82,.055);transition:border-color .2s,box-shadow .2s,transform .2s}
.gateway-card-inner:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--red),var(--purple),var(--yellow),var(--green));opacity:.42}
.gateway-card:hover .gateway-card-inner{transform:translateY(-2px);border-color:#c8ace5;box-shadow:0 15px 32px rgba(62,22,91,.1)}
.gateway-card input:focus-visible+.gateway-card-inner{outline:3px solid rgba(124,58,237,.2);outline-offset:2px}
.gateway-card input:checked+.gateway-card-inner{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,58,237,.1),0 16px 34px rgba(62,22,91,.12);transform:translateY(-2px)}
.gateway-check{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ece8f1;color:#a89caf;font-size:11px;font-weight:950;transition:.2s}
.gateway-card input:checked+.gateway-card-inner .gateway-check{background:var(--green);color:#fff;box-shadow:0 6px 14px rgba(22,163,74,.22)}
.gateway-logo{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:14px;color:#fff;font-weight:950;letter-spacing:.03em;box-shadow:0 9px 20px rgba(50,20,75,.14)}
.logo-payfast{background:linear-gradient(135deg,#ef3340,#8b2ce0)}.logo-binance{background:linear-gradient(135deg,#f7cd22,#f29b0c);color:#171717}.logo-nayapay{background:linear-gradient(135deg,#6b43db,#ec4899)}
.gateway-card strong,.gateway-card small{display:block;max-width:100%}.gateway-card strong{font-size:13px}.gateway-card small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}
.funding-layout{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}
.add-funds-panel .panel-body{background:radial-gradient(circle at 100% 100%,rgba(22,163,74,.07),transparent 30%),radial-gradient(circle at 0 0,rgba(239,51,64,.055),transparent 28%),#fff}
.funding-amount{padding:15px;border:1px solid rgba(124,58,237,.13);border-radius:15px;background:rgba(255,255,255,.82)}
.money-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden;margin-top:7px;border:1px solid #d6dfea;border-radius:13px;background:#fff;transition:.2s}
.money-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px rgba(124,58,237,.08)}
.money-input b{display:grid;place-items:center;align-self:stretch;min-width:58px;padding:0 12px;background:linear-gradient(135deg,#f0e7ff,#fff4c4);color:var(--purple);font-size:11px;letter-spacing:.04em}
.money-input input{min-width:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.funding-amount>small{display:block;margin-top:7px;color:var(--muted);font-size:9px}
.payment-summary{background:#f7f9fc;border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:9px}.payment-summary div{display:flex;justify-content:space-between}.payment-summary span{color:var(--muted)}
.instructions{background:#f7f9fd;border:1px solid var(--line);border-radius:14px;padding:16px}.instructions ol{padding-left:18px;margin:7px 0}.instructions li{margin:6px 0;color:var(--muted)}
.pagination{display:flex;gap:6px;padding:16px}.pagination a,.pagination span{display:grid;place-items:center;min-width:33px;height:33px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:11px}.pagination .active{background:var(--blue);color:#fff;border-color:var(--blue)}
.filter-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filter-bar .input{min-height:36px;width:auto;min-width:180px;font-size:11px}.filter-bar select.input{min-width:130px}
.profile-card{text-align:center}.profile-card .avatar{width:75px;height:75px;border-radius:22px;font-size:25px;margin:auto}.profile-card h2{margin:13px 0 2px}.profile-card p{margin:0;color:var(--muted)}
.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:12px;position:relative;padding-bottom:16px}.timeline-item:before{content:"";width:8px;height:8px;background:var(--blue);border:2px solid #cfe0ff;border-radius:50%;margin-top:5px;z-index:1}.timeline-item:after{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:var(--line)}.timeline-item:last-child:after{display:none}.timeline-item p{margin:2px 0;color:var(--muted);font-size:10px}
.kpi-row{display:flex;justify-content:space-between;align-items:end}.kpi-row strong{font-size:26px}.kpi-row small{color:var(--muted)}
.bar-chart{display:flex;align-items:end;gap:8px;height:130px;padding-top:20px}.bar{flex:1;background:linear-gradient(180deg,var(--cyan),var(--blue));border-radius:7px 7px 3px 3px;min-height:4px;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--ink)}
.settings-tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:17px}.settings-tabs a{padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:10px;white-space:nowrap}.settings-tabs a.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.secret-wrap{position:relative}.secret-wrap input{padding-right:80px}.secret-wrap .secret-note{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--muted)}
.ticket-thread{display:grid;gap:12px}.message{max-width:80%;padding:13px 15px;border-radius:15px;background:#f0f4fa}.message.admin{margin-left:auto;background:#e8f2ff}.message small{display:block;color:var(--muted);margin-top:5px}
.modal{display:none;position:fixed;inset:0;background:rgba(3,12,31,.65);z-index:100;padding:20px;align-items:center;justify-content:center}.modal.open{display:flex}.modal-card{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal-card-wide{width:min(940px,100%)}.modal-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-body{padding:19px}
.loading{position:relative;pointer-events:none;opacity:.68}.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;right:14px;top:50%;margin-top:-9px}@keyframes spin{to{transform:rotate(360deg)}}
.sidebar-overlay{display:none}
.staff-pin-form input[inputmode="numeric"]{font-size:23px;font-weight:850;letter-spacing:.3em;text-align:center}
.security-lock-banner{display:flex;align-items:center;gap:20px;padding:24px;margin-bottom:18px;color:#fff;border-radius:22px;background:radial-gradient(circle at 90% 20%,rgba(250,204,21,.28),transparent 28%),linear-gradient(120deg,#ef3340,#7c3aed 52%,#159447);box-shadow:0 18px 50px rgba(124,58,237,.22)}.security-lock-banner>span{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:19px;background:rgba(255,255,255,.17);font-size:30px}.security-lock-banner h2{margin:3px 0 5px;font-size:28px}.security-lock-banner p{margin:0;color:rgba(255,255,255,.82)}.security-lock-banner .eyebrow{color:#fff}
@media(max-width:1150px){
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .hero{grid-template-columns:1fr;gap:50px}.hero-copy{text-align:center;margin:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}.hero-card{max-width:620px;width:100%;margin:auto}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .auth-shell{grid-template-columns:1fr 1fr}.auth-brand{padding:50px}.auth-card{padding:45px}
}
@media(max-width:900px){
  .app-shell{display:block}.sidebar{position:fixed;left:-285px;width:270px;transition:left .24s ease}.sidebar.open{left:0}.sidebar-close,.menu-toggle{display:grid}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(4,13,32,.55);z-index:45;opacity:0;pointer-events:none;transition:.2s}.sidebar.open+.sidebar-overlay{opacity:1;pointer-events:auto}
  .grid-2,.buy-layout,.security-band{grid-template-columns:1fr}.quote-card{position:static}.topbar{padding:0 18px}.content{padding:20px 18px}.app-footer{padding:17px 18px}
  .auth-shell{grid-template-columns:1fr;max-width:620px}.auth-brand{display:none}.mobile-auth-logo{display:inline-flex}.auth-card{min-height:calc(100vh - 44px)}
  .steps{grid-template-columns:1fr}.security-band{padding:40px}.public-nav nav{display:none}.landing-trust-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body{font-size:13px}.public-nav{height:65px;padding:0 15px}.public-nav .nav-register{display:none}.public-nav .nav-login{display:inline-flex}.public-nav .brand span:last-child{display:none}.hero{padding:65px 18px;min-height:auto}.hero h1{font-size:46px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-proof{gap:10px;flex-wrap:wrap}.hero-card{padding:9px;border-radius:20px}.demo-body{padding:14px}.mini-grid{grid-template-columns:1fr}.landing-trust-grid{grid-template-columns:1fr;margin:-22px auto 0;padding:0 15px}.section{padding:70px 18px}.feature-grid{grid-template-columns:1fr}.security-band{padding:28px 20px;border-radius:20px}.security-band h2{font-size:32px}.public-footer{flex-direction:column;gap:8px}.public-footer div{flex-direction:column;gap:2px}
  .auth-body{padding:0}.auth-shell{min-height:100vh;border:0;border-radius:0}.auth-card{padding:28px 20px;min-height:100vh}
  .form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}
  .topbar{height:69px}.topbar .eyebrow{display:none}.topbar h1{font-size:16px}.topbar-right .btn,.top-balance{display:none}.content{padding:15px 12px}.app-footer{display:none}
  .stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:19px}
  .grid-2,.grid-equal,.grid-3{grid-template-columns:1fr}.panel-head{padding:14px}.panel-body{padding:14px}.order-detail{grid-template-columns:1fr 1fr}.gateway-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr}
  td,th{padding:11px 10px}.hide-mobile{display:none}.filter-bar{align-items:stretch}.filter-bar .input{width:100%}
  .message{max-width:92%}
  .security-lock-banner{align-items:flex-start;padding:20px;gap:13px}.security-lock-banner>span{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:22px}.security-lock-banner h2{font-size:21px}
}

/* OTPLINE Spectrum theme — red, purple, green and yellow */
.app-body{
  min-height:100vh;
  position:relative;
  background:
    radial-gradient(circle at 8% 5%,rgba(239,51,64,.12),transparent 28%),
    radial-gradient(circle at 92% 10%,rgba(124,58,237,.15),transparent 32%),
    radial-gradient(circle at 88% 88%,rgba(22,163,74,.11),transparent 30%),
    radial-gradient(circle at 16% 86%,rgba(250,204,21,.13),transparent 28%),
    linear-gradient(135deg,#fff9fb 0%,#faf7ff 48%,#f8fff9 100%);
}
.app-body:before,.app-body:after{
  content:"";
  position:fixed;
  width:340px;
  height:340px;
  border-radius:50%;
  filter:blur(75px);
  opacity:.28;
  pointer-events:none;
  z-index:0;
  animation:spectrumFloat 14s ease-in-out infinite alternate;
}
.app-body:before{left:20%;top:10%;background:linear-gradient(135deg,var(--red),var(--purple))}
.app-body:after{right:5%;bottom:4%;background:linear-gradient(135deg,var(--green),var(--yellow));animation-delay:-6s}
.app-shell{position:relative;z-index:1}
@keyframes spectrumFloat{
  from{transform:translate3d(-20px,-12px,0) scale(.92)}
  to{transform:translate3d(45px,32px,0) scale(1.12)}
}
.brand-mark{
  background:conic-gradient(from 210deg,var(--purple),var(--red),var(--yellow),var(--green),var(--purple));
  box-shadow:0 10px 26px rgba(124,58,237,.26);
}
.sidebar{
  background:
    radial-gradient(circle at 0 0,rgba(239,51,64,.24),transparent 28%),
    radial-gradient(circle at 100% 100%,rgba(22,163,74,.2),transparent 30%),
    linear-gradient(165deg,#241039 0%,#3a1454 48%,#171027 100%);
}
.sidebar-nav a.active{
  background:linear-gradient(135deg,rgba(239,51,64,.35),rgba(124,58,237,.45));
  border-color:rgba(250,204,21,.35);
  box-shadow:0 10px 25px rgba(20,6,32,.23);
}
.sidebar-nav a:hover{background:rgba(250,204,21,.1)}
.sidebar-balance{
  background:linear-gradient(140deg,#087a36,#16a34a 55%,#5fbd43);
  border:1px solid rgba(250,204,21,.5);
  box-shadow:0 16px 38px rgba(22,163,74,.25);
}
.sidebar-balance span,.sidebar-balance small{color:#dcffe8}
.sidebar-balance strong{color:#fff}
.topbar{
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(124,58,237,.16);
  box-shadow:0 8px 30px rgba(73,26,108,.06);
}
.top-balance{
  background:linear-gradient(135deg,#e7faed,#d7f7df);
  color:#08752f;
  border:1px solid #a9e7ba;
  box-shadow:0 6px 18px rgba(22,163,74,.12);
}
.mobile-app-brand{display:none;align-items:center;gap:8px}.mobile-app-brand .brand-mark{width:31px;height:31px;border-radius:10px}.mobile-app-brand strong{font-size:14px;letter-spacing:.02em}
.content{position:relative}
.panel{
  border-color:rgba(124,58,237,.13);
  box-shadow:0 12px 34px rgba(62,22,91,.07);
}
.panel:hover{border-color:rgba(124,58,237,.24)}
.panel-head{background:linear-gradient(90deg,rgba(124,58,237,.035),rgba(250,204,21,.035))}
.btn-primary{background:linear-gradient(135deg,var(--purple),#9d35d7 58%,var(--red));box-shadow:0 10px 24px rgba(124,58,237,.18)}
.btn-success{background:#e9fbea;color:#087b30;border-color:#a9e7ba}
.btn-danger{background:#fff0f1;color:#c91f31;border-color:#ffc2c9}
.tone-blue{--tone:#eee1ff}.tone-cyan{--tone:#dcf7e4}.tone-green{--tone:#d7f6df}.tone-orange{--tone:#fff2bd}
.stat-card:nth-child(1){border-top:3px solid var(--green)}
.stat-card:nth-child(2){border-top:3px solid var(--purple)}
.stat-card:nth-child(3){border-top:3px solid var(--red)}
.stat-card:nth-child(4){border-top:3px solid var(--yellow)}
.balance-stat strong{color:#0d913c}.balance-stat{background:linear-gradient(145deg,#fff,#f1fff5)}
.bar{background:linear-gradient(180deg,var(--yellow),var(--green) 38%,var(--purple) 72%,var(--red))}
.secure-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:99px;
  background:#f1e9ff;
  color:#6d28d9;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.secure-pill:before{content:"✓";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--green);color:#fff}
.segment{background:linear-gradient(90deg,#f4eefe,#fff8d6)}
.segment input:checked+span{
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--red));
  box-shadow:0 8px 20px rgba(124,58,237,.2);
}
.select-shell{display:block;position:relative}
.select-shell select{padding-left:14px}
.service-label-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.service-price-badge{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 11px;
  border-radius:99px;
  background:linear-gradient(135deg,#e8faed,#fff2a8);
  color:#08752f;
  border:1px solid #b9e9b8;
  box-shadow:0 7px 18px rgba(22,163,74,.12);
  font-size:11px;
  white-space:nowrap;
}
.option-card{
  position:relative;
  padding:15px;
  transition:.2s ease;
  overflow:visible;
}
.option-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.option-card .check{display:flex;align-items:center;gap:8px;line-height:1.25}
.option-card small{display:block;margin:8px 0 0 26px;color:var(--muted);line-height:1.45}
.option-purple{background:linear-gradient(145deg,#fff,#f7f0ff);border-color:#dbc4ff}
.option-yellow{background:linear-gradient(145deg,#fff,#fff9d9);border-color:#f2dc73}
input[type=checkbox],input[type=radio]{accent-color:var(--purple)}
.help-tip{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:17px;
  height:17px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--red),var(--purple));
  color:#fff;
  font-size:10px;
  font-weight:900;
  font-style:normal;
  cursor:help;
  outline:none;
}
.help-tip:after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 9px);
  transform:translate(-50%,6px);
  width:230px;
  padding:10px 12px;
  border-radius:10px;
  background:#251033;
  color:#fff;
  font-size:10px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:0;
  text-align:left;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:90;
  box-shadow:0 15px 35px rgba(30,8,44,.28);
  transition:.16s ease;
}
.help-tip:hover:after,.help-tip:focus:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.help-tip-light{background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.45)}
.buy-submit{background:linear-gradient(90deg,var(--purple),var(--red) 40%,#d99b05 72%,var(--green))}
.quote-card{
  background:
    radial-gradient(circle at 100% 0,rgba(250,204,21,.28),transparent 32%),
    linear-gradient(145deg,#321045,#6d1f68 55%,#0c6337);
  border:1px solid rgba(250,204,21,.4);
  box-shadow:0 20px 45px rgba(76,21,91,.2);
}
.quote-card .eyebrow{color:#ffe66c}.quote-price{font-size:23px}.quote-balance strong{color:#73f39a!important}
[data-countdown]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#d91f32!important;
  background:#fff0f1;
  border:1px solid #ffc3ca;
  padding:4px 8px;
  border-radius:8px;
  font-weight:900;
}
.timeline-item{padding:12px 12px 14px;border-radius:12px;background:linear-gradient(90deg,#fbf7ff,#fffef6);margin-bottom:7px}
.timeline-item:before{background:var(--purple);border-color:#e7d6ff}
.timeline-item:nth-child(2n):before{background:var(--green);border-color:#caf2d5}
.timeline-item:nth-child(3n):before{background:var(--red);border-color:#ffd0d5}
.timeline-item:nth-child(4n):before{background:#dca800;border-color:#fff0a8}
.timeline-item:after{left:17px}
.toast-stack{
  position:fixed;
  top:94px;
  right:24px;
  z-index:250;
  width:min(390px,calc(100vw - 32px));
  display:grid;
  gap:9px;
  pointer-events:none;
}
.toast-alert{
  margin:0;
  pointer-events:auto;
  background:#fff;
  box-shadow:0 18px 55px rgba(51,12,72,.22);
  animation:toastIn .24s ease both;
  border-left-width:5px;
}
.toast-alert:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:3px;
  width:100%;
  background:currentColor;
  transform-origin:left;
  animation:toastTime 3.3s linear forwards;
}
.toast-alert{position:relative;overflow:hidden}.toast-leave{animation:toastOut .22s ease forwards}
@keyframes toastIn{from{opacity:0;transform:translateX(22px) scale(.97)}to{opacity:1;transform:none}}
@keyframes toastOut{to{opacity:0;transform:translateX(25px) scale(.97)}}
@keyframes toastTime{to{transform:scaleX(0)}}
.admin-recovery{max-width:760px;margin:25px auto}.admin-recovery .panel-body{padding:36px}.recovery-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--red),var(--purple));color:#fff;font-size:30px;font-weight:900;margin-bottom:18px}

@media(max-width:640px){
  .topbar{padding:0 12px}
  .topbar-left{gap:8px;min-width:0}
  .mobile-app-brand{display:flex;min-width:0}
  .mobile-app-brand strong{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar-title{display:none}
  .topbar-right{gap:7px}.topbar-right .avatar{display:grid}
  .toast-stack{top:78px;right:12px;width:calc(100vw - 24px)}
  .service-label-row{align-items:flex-start;flex-direction:column}
  .service-price-badge{align-self:flex-start}
  .help-tip:after{left:auto;right:-8px;transform:translateY(6px);width:min(220px,72vw)}
  .help-tip:hover:after,.help-tip:focus:after{transform:translateY(0)}
  .dashboard-activity{display:grid!important;gap:14px}
  .dashboard-activity .panel{display:block!important;min-width:0}
  .dashboard-activity .wallet-activity-panel .panel-body{display:block!important}
  .dashboard-activity .timeline{display:grid!important;visibility:visible!important;opacity:1!important}
  .dashboard-activity .recent-orders-panel .table-wrap{overflow:visible}
  .dashboard-activity .recent-orders-panel table,.dashboard-activity .recent-orders-panel tbody,.dashboard-activity .recent-orders-panel tr,.dashboard-activity .recent-orders-panel td{display:block;width:100%}
  .dashboard-activity .recent-orders-panel thead{display:none}
  .dashboard-activity .recent-orders-panel tr{padding:12px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#fbf6ff)}
  .dashboard-activity .recent-orders-panel td{border:0;padding:4px 2px}
  .dashboard-activity .recent-orders-panel td:last-child .btn{width:100%;margin-top:6px}
  .quote-card{order:-1}
  .select-shell select{padding-left:14px}
  .app-body:before,.app-body:after{width:220px;height:220px}
}

@media(prefers-reduced-motion:reduce){
  .app-body:before,.app-body:after,.toast-alert,.toast-alert:after,.otp-receiver:before,.otp-signal i{animation:none!important}
}

/* Professional dashboard, appearance controls, activity and admin intelligence */
.buy-layout-single{display:block;max-width:1180px;margin:auto}
.buy-layout-single>.panel{overflow:visible}
.flag-select-shell{position:relative;display:block}
.flag-select-shell>img{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:24px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 2px 7px rgba(23,12,38,.16);z-index:2}
.flag-select-shell select{padding-left:48px}
.advanced-options{border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,rgba(124,58,237,.035),rgba(250,204,21,.05));overflow:visible}
.advanced-options summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;cursor:pointer;font-size:11px;font-weight:850;list-style:none}
.advanced-options summary::-webkit-details-marker{display:none}
.advanced-options summary small{color:var(--muted);font-weight:600}
.advanced-options summary>span{margin-left:auto;color:var(--purple);font-size:16px;transition:.2s}
.advanced-options[open] summary>span{transform:rotate(180deg)}
.advanced-options .option-grid{padding:0 12px 12px}

.dashboard-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;margin-bottom:19px;padding:25px 27px;border:1px solid rgba(124,58,237,.19);border-radius:20px;background:radial-gradient(circle at 8% 5%,rgba(239,51,64,.17),transparent 28%),radial-gradient(circle at 90% 15%,rgba(250,204,21,.28),transparent 30%),linear-gradient(120deg,rgba(255,255,255,.94),rgba(246,238,255,.94) 52%,rgba(234,253,240,.94));box-shadow:var(--shadow)}
.dashboard-welcome:after{content:"";position:absolute;width:120px;height:120px;border:24px solid rgba(124,58,237,.08);right:17%;bottom:-83px;border-radius:50%}
.dashboard-welcome h2{margin:4px 0 5px;font-size:clamp(20px,2.3vw,31px);letter-spacing:-.035em}
.dashboard-welcome p:not(.eyebrow){max-width:720px;margin:0;color:var(--muted)}
.dashboard-actions{position:relative;z-index:1;display:flex;gap:9px;flex:0 0 auto}
.dashboard-activity{grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);align-items:start}
.wallet-activity-panel{min-width:0}
.wallet-feed{display:grid;gap:10px;min-width:0}
.wallet-feed-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#fff,#fcf8ff);box-shadow:0 7px 18px rgba(74,25,109,.05)}
.wallet-feed-item:nth-child(2n){background:linear-gradient(120deg,#fff,#f2fff6)}
.wallet-feed-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffedef;color:var(--red);font-size:22px;font-weight:900}
.wallet-feed-item.credit .wallet-feed-icon{background:#e5f9eb;color:var(--green)}
.wallet-feed-copy{min-width:0}
.wallet-feed-copy strong,.wallet-feed-copy small,.wallet-feed-amount strong,.wallet-feed-amount small{display:block}
.wallet-feed-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.wallet-feed-copy small,.wallet-feed-amount small{color:var(--muted);font-size:9px}
.wallet-feed-amount{text-align:right;white-space:nowrap}
.wallet-feed-amount strong{color:var(--red);font-size:12px}
.wallet-feed-item.credit .wallet-feed-amount strong,.amount-positive{color:var(--green)!important;font-weight:850}

.currency-switch select{height:34px;min-width:58px;padding:0 8px;border:1px solid #dbc8ef;border-radius:10px;background:#fff;color:var(--purple);font-size:10px;font-weight:900;outline:none}
.notification-bell{position:relative;display:grid;place-items:center;width:37px;height:37px;border:1px solid #e4d6ef;border-radius:11px;background:#fff;color:var(--purple);font-size:18px}
.notification-bell b{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:var(--red);color:#fff;font-size:8px}
.avatar-photo{overflow:hidden;background:#ede9fe}
.avatar-photo img{width:100%;height:100%;object-fit:cover}
.content-page-shell{min-height:calc(100vh - 210px);display:grid;place-items:start center;background:radial-gradient(circle at 10% 10%,rgba(239,51,64,.1),transparent 28%),radial-gradient(circle at 90% 15%,rgba(124,58,237,.13),transparent 32%),radial-gradient(circle at 90% 95%,rgba(22,163,74,.11),transparent 25%)}
.content-page-card{width:min(920px,100%);padding:clamp(25px,5vw,54px);border:1px solid rgba(124,58,237,.15);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(59,22,83,.11)}
.content-page-card h1{margin:10px 0 25px;font-size:clamp(34px,5vw,54px);letter-spacing:-.045em}.content-page-copy{color:#4d4256;line-height:1.9;white-space:normal}.content-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.content-editor-panel{max-width:1050px}.content-editor{min-height:430px!important;line-height:1.65}.content-editor-panel code{padding:2px 5px;border-radius:5px;background:#f2ecf8}
.total-spent-stat{border-top:3px solid var(--red)!important}.total-spent-stat strong{color:var(--red)}
.profile-avatar{width:92px!important;height:92px!important;border-radius:27px!important}
.theme-preview-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.theme-preview{height:28px;border:2px solid rgba(255,255,255,.9);border-radius:10px;box-shadow:0 4px 12px rgba(38,16,57,.13)}
.theme-preview.aurora{background:linear-gradient(90deg,#7c3aed,#ef3340,#facc15,#16a34a)}
.theme-preview.sunset{background:linear-gradient(90deg,#9f1239,#fb7185,#facc15)}
.theme-preview.emerald{background:linear-gradient(90deg,#064e3b,#16a34a,#bef264)}
.theme-preview.ocean{background:linear-gradient(90deg,#0c4a6e,#0284c7,#22d3ee)}
.theme-preview.midnight{background:linear-gradient(90deg,#06142f,#0b2c5f,#c99618,#f4c542)}

.notification-list{display:grid;gap:10px}
.notification-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#fff,#faf6ff);transition:.18s}
.notification-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.notification-item>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eee4ff;color:var(--purple);font-size:18px}
.notification-item strong,.notification-item small{display:block}.notification-item p{margin:3px 0;color:var(--muted)}.notification-item small{color:#978aa2;font-size:9px}
.notification-success>span{background:#e6f9eb;color:var(--green)}.notification-warning>span{background:#fff4c7;color:#a57800}.notification-danger>span{background:#ffeaed;color:var(--red)}
.activity-kind{display:inline-flex;padding:5px 8px;border-radius:8px;background:linear-gradient(135deg,#eee4ff,#fff4bc);color:#5c2aa5;font-size:8px;font-weight:900;letter-spacing:.08em}
.announcement-popup{backdrop-filter:blur(8px)}
.announcement-popup-card{position:relative;overflow:hidden;padding:38px;background:radial-gradient(circle at 100% 0,rgba(250,204,21,.32),transparent 30%),radial-gradient(circle at 0 100%,rgba(22,163,74,.17),transparent 32%),#fff;border:1px solid rgba(124,58,237,.25);text-align:left}
.announcement-popup-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--red),var(--purple),var(--green),var(--yellow))}
.announcement-popup-card h2{margin:4px 0 9px;font-size:28px;letter-spacing:-.04em}.announcement-popup-card>p:not(.eyebrow){color:var(--muted);font-size:14px}
.popup-close{position:absolute;right:14px;top:16px;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:21px}
.popup-spark{display:grid;place-items:center;width:53px;height:53px;margin-bottom:18px;border-radius:17px;background:conic-gradient(var(--red),var(--yellow),var(--green),var(--purple),var(--red));color:#fff;font-size:22px;box-shadow:0 12px 28px rgba(124,58,237,.2)}
.popup-check{padding:13px;border:1px solid #dbc8ef;border-radius:12px;background:#faf6ff}
.impersonation-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 13px;border-radius:13px;background:linear-gradient(90deg,var(--purple),var(--red));color:#fff;box-shadow:0 12px 25px rgba(124,58,237,.18)}

.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.metric-pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:#e3f8e9;color:var(--green);font-weight:900}
.ua-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.catalog-name{display:flex;align-items:center;gap:10px;min-width:180px}.catalog-name>span:not(.catalog-flag),.catalog-name small{display:block}.catalog-name small{color:var(--muted);font-size:9px}
.catalog-flag,.combobox-flag{position:relative;display:grid;place-items:center;flex:0 0 auto;width:29px;height:21px;border-radius:5px;background:#f3f5f8;overflow:hidden;font-size:18px;line-height:1;box-shadow:0 2px 7px rgba(23,12,38,.14)}
.catalog-flag img,.combobox-flag img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.smart-combobox{position:relative;display:block}.smart-combobox.open{z-index:80}
.combobox-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:52px;padding:0 15px;border:1px solid #d6dfea;border-radius:13px;background:linear-gradient(180deg,#fff,#fbfcfe);color:var(--ink);font:inherit;font-size:12px;font-weight:800;text-align:left;cursor:pointer;box-shadow:0 3px 10px rgba(31,23,42,.025);transition:border-color .18s,box-shadow .18s,transform .18s}
.combobox-trigger:hover{border-color:#bca2e5;box-shadow:0 7px 18px rgba(83,36,115,.08)}.smart-combobox.open .combobox-trigger{border-color:var(--purple);box-shadow:0 0 0 4px rgba(124,58,237,.09)}.combobox-trigger:disabled{cursor:not-allowed;opacity:.58;background:#f3f5f8}
.combobox-selection{display:flex;align-items:center;gap:11px;min-width:0}.combobox-selection>[data-combobox-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-arrow{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:8px;background:#f2eaff;color:var(--purple);font-size:17px;transition:transform .18s}.smart-combobox.open .combobox-arrow{transform:rotate(180deg)}
.combobox-popover{position:absolute;z-index:85;left:0;right:0;top:calc(100% + 8px);display:block;padding:10px;border:1px solid #dfd2e8;border-radius:15px;background:#fff;box-shadow:0 22px 55px rgba(45,18,62,.22)}
.combobox-popover[hidden]{display:none!important}
.combobox-search{position:relative;display:block}.combobox-search>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:2;color:var(--purple);font-size:18px;pointer-events:none}.combobox-search input{width:100%;height:41px;padding:0 13px 0 37px;border:1px solid #ddd2e5;border-radius:11px;background:#faf8fc;color:var(--ink);font:inherit;font-size:11px;outline:0}.combobox-search input:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px rgba(124,58,237,.08)}
.combobox-native-select{position:absolute!important;width:1px!important;height:1px!important;left:0!important;bottom:0!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important}
.combobox-option-list{display:block;max-height:min(410px,55vh);overflow:auto;margin-top:7px;padding:2px;scrollbar-gutter:stable}
.combobox-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left;font:inherit;font-weight:750;cursor:pointer}
.combobox-option:hover,.combobox-option:focus,.combobox-option.selected{outline:0;background:linear-gradient(90deg,#f2e8ff,#fff6d8)}
.combobox-option.selected:after{content:"✓";margin-left:auto;color:var(--green);font-size:13px;font-weight:950}.combobox-option .option-flag{width:28px;height:20px;font-size:17px}
.combobox-option-empty{margin:0;padding:14px;color:var(--muted);text-align:center;font-size:11px}
.extra-network-field>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.extra-network-field>span:first-child small{color:var(--muted);font-weight:600}
.status-badge{gap:6px;padding:6px 10px;border:1px solid currentColor;box-shadow:0 5px 13px rgba(49,22,64,.08);letter-spacing:.08em}
.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 15%,transparent)}
.status-finished,.status-paid,.status-active,.status-answered{background:linear-gradient(135deg,#e5f9eb,#d8fff4);color:#08783f}
.status-received{background:linear-gradient(135deg,#dff7ff,#e9e5ff);color:#245bb6}
.status-pending,.status-creating,.status-open{background:linear-gradient(135deg,#fff7d6,#ffeed7);color:#9b5b00}
.status-canceled,.status-cancelled,.status-closed{background:linear-gradient(135deg,#f1edf5,#e8edf2);color:#675a72}
.status-timeout,.status-expired{background:linear-gradient(135deg,#fff0cf,#ffe2e2);color:#bd4c1c}
.status-failed,.status-banned,.status-rejected,.status-blocked,.status-suspended,.status-critical{background:linear-gradient(135deg,#ffe3e8,#f2e2ff);color:#b51f46}
.fraud-alert-bell{position:relative;display:grid;place-items:center;width:37px;height:37px;border:1px solid #ead9ef;border-radius:11px;background:#fff;color:#8d6b93;font-size:16px}
.fraud-alert-bell.has-alerts{background:linear-gradient(135deg,#fff1b8,#ffe2e8);border-color:#ffbd72;color:#c52c3c;box-shadow:0 7px 18px rgba(239,51,64,.15)}
.fraud-alert-bell b{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:var(--red);color:#fff;font-size:8px}
.fraud-detail{max-width:410px}.fraud-detail strong,.fraud-detail small{display:block}.fraud-detail small{margin-top:4px;color:var(--muted);line-height:1.45}
.mode-dark .combobox-trigger,.mode-dark .combobox-popover,.mode-dark .combobox-search input{background:#21182a;color:var(--ink);border-color:var(--line)}
.mode-dark .combobox-search input:focus{background:#1a131f}.mode-dark .combobox-option-list{background:#21182a}
.mode-dark .combobox-option{color:var(--ink)}.mode-dark .combobox-option:hover,.mode-dark .combobox-option:focus,.mode-dark .combobox-option.selected{background:#34243e}
.mode-dark .fraud-alert-bell{background:#21182a}
.order-input{min-width:80px!important;width:90px!important}
.panel-actions{display:flex;justify-content:flex-end;padding:14px 16px;border-top:1px solid var(--line);background:#faf8fd}
.switch{display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0}.switch span{position:relative;width:42px;height:23px;border-radius:99px;background:#d7d2dc;transition:.2s}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translateX(19px)}
.cron-list{display:grid;gap:12px;margin-bottom:16px}.cron-card{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(300px,1.5fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#fff,#faf6ff)}.cron-card span{font-weight:900;color:var(--purple)}.cron-card p{margin:2px 0;color:var(--muted);font-size:10px}.cron-card code{overflow:auto;padding:10px;background:#251033;color:#f7eaff;white-space:nowrap}
.cron-evidence{display:grid;gap:9px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(42,180,94,.09),rgba(124,58,237,.08),rgba(255,193,7,.08))}.cron-evidence>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.cron-evidence>div span{color:var(--muted);font-size:11px;text-align:right}.cron-evidence>code{overflow:auto;padding:10px;border-radius:10px;background:var(--surface);color:var(--ink);white-space:nowrap}.cron-evidence pre{max-height:220px;overflow:auto;margin:0;padding:13px;border-radius:12px;background:#251033;color:#f7eaff;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}

.theme-sunset{--purple:#9f1239;--red:#f43f5e;--green:#65a30d;--yellow:#f59e0b;--blue:#be123c;--sky:#fff1f2}
.theme-emerald{--purple:#047857;--red:#dc2626;--green:#16a34a;--yellow:#ca8a04;--blue:#059669;--sky:#ecfdf5}
.theme-ocean{--purple:#0369a1;--red:#e11d48;--green:#059669;--yellow:#eab308;--blue:#0284c7;--sky:#e0f2fe}
.theme-midnight{--navy:#041027;--navy-2:#0b2550;--purple:#d2a52a;--blue:#b88912;--blue-2:#f0c94b;--cyan:#2687b8;--yellow:#f4c542;--green:#22a46d;--sky:#132b52;--shadow:0 20px 50px rgba(2,13,35,.28);--shadow-sm:0 8px 24px rgba(2,13,35,.22)}
.mode-dark{--ink:#f8efff;--muted:#b8a9c3;--line:#493750;--paper:#21182a;--canvas:#140f19;--sky:#332342}
.mode-dark.app-body{background:radial-gradient(circle at 8% 5%,rgba(239,51,64,.12),transparent 28%),radial-gradient(circle at 92% 10%,rgba(124,58,237,.17),transparent 32%),linear-gradient(135deg,#120d17,#1c1225 52%,#101c16)}
.mode-dark .topbar{background:rgba(25,17,31,.9)}.mode-dark .panel,.mode-dark .stat-card,.mode-dark .dashboard-welcome,.mode-dark .wallet-feed-item,.mode-dark .notification-item,.mode-dark .announcement-popup-card,.mode-dark .modal-card,.mode-dark .gateway-card-inner,.mode-dark .settings-tabs a,.mode-dark .icon-btn,.mode-dark .btn-ghost,.mode-dark .currency-switch select,.mode-dark .notification-bell,.mode-dark .popup-close{background:#21182a;color:var(--ink)}
.mode-dark .dashboard-welcome{background:radial-gradient(circle at 10% 5%,rgba(239,51,64,.2),transparent 30%),radial-gradient(circle at 88% 5%,rgba(250,204,21,.16),transparent 27%),linear-gradient(125deg,#21182a,#291936)}
.mode-dark .field input,.mode-dark .field select,.mode-dark .field textarea,.mode-dark .input,.mode-dark th,.mode-dark .detail-item,.mode-dark .instructions,.mode-dark .payment-summary,.mode-dark .panel-actions,.mode-dark .cron-card,.mode-dark .money-input,.mode-dark .funding-amount{background:#1a131f;color:var(--ink);border-color:var(--line)}
.mode-dark .add-funds-panel .panel-body,.mode-dark .gateway-card-inner{background:#21182a;color:var(--ink)}
.mode-dark td{border-color:var(--line)}.mode-dark tbody tr:hover{background:#291d31}.mode-dark code{background:#130d17;color:#eedfff}.mode-dark .top-balance{background:#173c26;color:#8bf0ab;border-color:#28683d}
.theme-midnight.mode-dark{--ink:#f7f3df;--muted:#aab8cf;--line:#29436a;--paper:#0c1d3a;--canvas:#061329;--sky:#132f59}
.theme-midnight.mode-dark.app-body{background:radial-gradient(circle at 8% 4%,rgba(244,197,66,.13),transparent 25%),radial-gradient(circle at 90% 10%,rgba(34,107,178,.22),transparent 32%),linear-gradient(135deg,#041027,#071936 52%,#0b2448)}
.theme-midnight.mode-dark .topbar{background:rgba(5,18,42,.92);border-color:#29436a}.theme-midnight.mode-dark .panel,.theme-midnight.mode-dark .stat-card,.theme-midnight.mode-dark .dashboard-welcome,.theme-midnight.mode-dark .wallet-feed-item,.theme-midnight.mode-dark .notification-item,.theme-midnight.mode-dark .announcement-popup-card,.theme-midnight.mode-dark .modal-card,.theme-midnight.mode-dark .gateway-card-inner,.theme-midnight.mode-dark .settings-tabs a,.theme-midnight.mode-dark .icon-btn,.theme-midnight.mode-dark .btn-ghost,.theme-midnight.mode-dark .currency-switch select,.theme-midnight.mode-dark .notification-bell,.theme-midnight.mode-dark .popup-close{background:#0c1d3a;color:var(--ink)}
.theme-midnight.mode-dark .field input,.theme-midnight.mode-dark .field select,.theme-midnight.mode-dark .field textarea,.theme-midnight.mode-dark .input,.theme-midnight.mode-dark th,.theme-midnight.mode-dark .detail-item,.theme-midnight.mode-dark .instructions,.theme-midnight.mode-dark .payment-summary,.theme-midnight.mode-dark .panel-actions,.theme-midnight.mode-dark .cron-card,.theme-midnight.mode-dark .money-input,.theme-midnight.mode-dark .funding-amount{background:#07162f;color:var(--ink);border-color:#29436a}
.theme-midnight .btn-primary{background:linear-gradient(135deg,#bd8d16,#f1c84a);color:#071329}.theme-midnight .brand-mark{background:linear-gradient(135deg,#0f4d87,#e1b736);color:#fff}.theme-midnight .sidebar{background:linear-gradient(180deg,#041027,#082044 55%,#0b2c5f)}
.package-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.package-plan-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 94%,var(--yellow)),var(--paper));box-shadow:var(--shadow-sm)}.package-plan-card h3{margin:10px 0 4px;font-size:21px}.package-plan-card>strong{display:block;margin-bottom:10px;color:var(--yellow);font-size:27px}.package-plan-card p{min-height:48px;color:var(--muted)}.package-days{display:inline-flex;padding:5px 9px;border-radius:99px;background:color-mix(in srgb,var(--yellow) 18%,var(--paper));color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.12em}

@media(prefers-color-scheme:dark){
  .mode-system{--ink:#f8efff;--muted:#b8a9c3;--line:#493750;--paper:#21182a;--canvas:#140f19;--sky:#332342}
  .mode-system.app-body{background:radial-gradient(circle at 8% 5%,rgba(239,51,64,.12),transparent 28%),radial-gradient(circle at 92% 10%,rgba(124,58,237,.17),transparent 32%),linear-gradient(135deg,#120d17,#1c1225 52%,#101c16)}
  .mode-system .topbar{background:rgba(25,17,31,.9)}
  .mode-system .panel,.mode-system .stat-card,.mode-system .dashboard-welcome,.mode-system .wallet-feed-item,.mode-system .notification-item,.mode-system .announcement-popup-card,.mode-system .modal-card,.mode-system .gateway-card-inner,.mode-system .settings-tabs a,.mode-system .icon-btn,.mode-system .btn-ghost,.mode-system .currency-switch select,.mode-system .notification-bell,.mode-system .popup-close{background:#21182a;color:var(--ink)}
  .mode-system .field input,.mode-system .field select,.mode-system .field textarea,.mode-system .input,.mode-system th,.mode-system .detail-item,.mode-system .instructions,.mode-system .payment-summary,.mode-system .panel-actions,.mode-system .cron-card,.mode-system .money-input,.mode-system .funding-amount{background:#1a131f;color:var(--ink);border-color:var(--line)}
  .mode-system .add-funds-panel .panel-body,.mode-system .gateway-card-inner{background:#21182a;color:var(--ink)}
  .mode-system td{border-color:var(--line)}.mode-system tbody tr:hover{background:#291d31}
}

@media(max-width:1100px){
  .dashboard-activity{grid-template-columns:1fr}
  .analytics-grid{grid-template-columns:1fr}
  .funding-layout{grid-template-columns:1fr}
  .cron-card{grid-template-columns:1fr}.cron-card .btn{justify-self:start}
  .cron-evidence>div{align-items:flex-start;flex-direction:column}.cron-evidence>div span{text-align:left}
}
@media(max-width:640px){
  .dashboard-welcome{display:grid;padding:19px}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-actions .btn{width:100%}
  .wallet-feed-item{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:11px}.wallet-feed-icon{width:36px;height:36px}.wallet-feed-amount{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px}.wallet-feed-copy strong{white-space:normal}
  .topbar-right{gap:4px}.topbar-right .top-balance{display:inline-flex;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 7px;font-size:9px}.topbar-right>.avatar{display:none}.topbar-right .notification-bell,.topbar-right .fraud-alert-bell{width:31px;height:31px}.currency-switch select{min-width:47px;width:47px;height:31px;padding:0 4px}
  .announcement-popup-card{padding:30px 20px}.announcement-popup-card h2{font-size:23px}
  .theme-preview-row{grid-template-columns:repeat(2,1fr)}
  .extra-network-field>span:first-child{display:block}.extra-network-field>span:first-child small{display:block;margin-top:3px}
  .otp-receiver{padding:18px 12px}.otp-receiver strong{font-size:25px}
  .gateway-grid{grid-template-columns:1fr}.gateway-card-inner{min-height:118px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:13px}.gateway-logo{grid-row:1/3;margin:0}.gateway-card strong{align-self:end}.gateway-card small{align-self:start}
  .combobox-option-list{max-height:min(360px,52vh)}
  .content-page-card{border-radius:18px}.content-page-actions{display:grid}.content-page-actions .btn{width:100%}
}
@media(max-width:430px){
  .mobile-app-brand strong{max-width:52px}.topbar-left{gap:5px}.menu-toggle{width:32px;height:32px}.topbar-right .top-balance{max-width:68px}
}
.provider-tabs [hidden],.buy-form [hidden]{display:none!important}
.provider-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:7px;margin-bottom:16px;border:1px solid #e5def8;border-radius:18px;background:linear-gradient(135deg,#f8f3ff,#fff9ec)}
.provider-tabs button,.provider-mode-tabs button{border:1px solid transparent;border-radius:13px;background:transparent;color:#493b63;font:800 13px/1.2 inherit;padding:13px 16px;cursor:pointer;transition:.2s ease}
.provider-tabs button span{margin-right:7px;color:#8b35f1}.provider-tabs button small{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#fff1b8;color:#9a5a00;font-size:9px;letter-spacing:.08em}
.provider-tabs button.active{color:#fff;background:linear-gradient(115deg,#7c35ef,#ec2f55 54%,#19a957);box-shadow:0 10px 24px rgba(110,45,198,.2)}
.provider-tabs button.active span{color:#fff}
.provider-mode-tabs{display:flex;gap:8px;margin:-4px 0 16px;padding:6px;border-radius:15px;background:#f2effa}
.provider-mode-tabs button{flex:1;padding:10px}.provider-mode-tabs button.active{background:#fff;color:#6f2dd8;box-shadow:0 5px 16px rgba(60,35,100,.1)}
.rent-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;padding:15px;border:1px solid #eadff9;border-radius:15px;background:linear-gradient(120deg,#fff8ed,#f4efff)}
.rent-period{display:grid;grid-template-columns:110px 1fr;gap:8px}.rent-period input,.rent-period select{width:100%}
.option-card.option-green{border-color:#b8edc9;background:#effcf4}
.option-card.option-red{border-color:#ffc3cb;background:#fff1f3}
.option-card.option-red .check,.option-card.option-red strong{color:#c91f3b}
.api-control-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:24px;border:1px solid #e6d9fa;border-radius:22px;background:radial-gradient(circle at 9% 20%,rgba(238,47,85,.14),transparent 28%),radial-gradient(circle at 85% 10%,rgba(25,169,87,.15),transparent 30%),linear-gradient(125deg,#fff,#f8f2ff 48%,#fff9e9)}
.api-control-hero h2{margin:4px 0 7px}.api-control-hero p{margin:0;color:#6f6680}
.api-server-card{height:100%;overflow:hidden}.api-server-card.server-one{border-top:3px solid #7c35ef}.api-server-card.server-two{border-top:3px solid #19a957}
.api-server-card.server-two .panel-head{background:linear-gradient(110deg,rgba(124,53,239,.07),rgba(236,47,85,.06),rgba(25,169,87,.07))}
.server-admin-tabs{padding:7px;border:1px solid #e4daf3;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(64,35,106,.07)}
.server-admin-tabs a{flex:0 0 auto;padding:10px 13px}
.server-control-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.server-control-shortcuts a{display:flex;min-height:116px;flex-direction:column;justify-content:center;padding:17px;border:1px solid #e1d5f5;border-radius:17px;background:linear-gradient(135deg,#fff,#faf6ff 55%,#fff9e8);box-shadow:0 12px 30px rgba(55,28,95,.07);transition:transform .18s ease,border-color .18s ease}
.server-control-shortcuts a:hover{transform:translateY(-2px);border-color:#a775ed}
.server-control-shortcuts span{color:#7a6c91;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.server-control-shortcuts strong{margin:5px 0;color:#2d1f43;font-size:15px}
.server-control-shortcuts small{color:#786b8d;line-height:1.45}
.catalog-server-filter{display:flex;gap:8px;align-items:center;margin:-3px 0 17px;overflow-x:auto}
.catalog-server-filter a{padding:10px 14px;border:1px solid #dfd4ee;border-radius:999px;background:#fff;color:#493b63;font-size:11px;font-weight:900;white-space:nowrap}
.catalog-server-filter a.active{border-color:transparent;background:linear-gradient(110deg,#7c35ef,#ec2f55 55%,#19a957);color:#fff;box-shadow:0 8px 20px rgba(111,45,216,.18)}
.server-source-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em;white-space:nowrap}
.server-source-badge.server1{background:#efe7ff;color:#6a25cc}.server-source-badge.server2{background:#e4f8ea;color:#087a38}
.catalog-visibility-switch{display:inline-flex;vertical-align:middle}.catalog-save-state{display:block;margin-top:5px;color:#7d718e;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.catalog-save-state.saving{color:#b16b00}.catalog-save-state.enabled{color:#07883d}.catalog-save-state.disabled{color:#d32946}.catalog-save-state.error{color:#d32946}
.cron-provider-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.cron-provider-flow span{padding:10px 13px;border:1px solid #e4daf3;border-radius:12px;background:#fff;font-weight:800;color:#3d3153}.cron-provider-flow b{color:#7c35ef}
@media(max-width:700px){.provider-tabs,.rent-options,.package-plan-grid{grid-template-columns:1fr}.provider-tabs button{padding:12px}.rent-period{grid-template-columns:90px 1fr}.package-plan-card p{min-height:0}}
@media(max-width:700px){.api-control-hero{align-items:flex-start;flex-direction:column;padding:18px}.server-control-shortcuts{grid-template-columns:1fr}.server-control-shortcuts a{min-height:92px}.cron-provider-flow{align-items:stretch;flex-direction:column}.cron-provider-flow b{text-align:center}}

/* V35 admin finance, provider balance and staff-role controls */
.finance-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-order-activity{margin-bottom:18px}.provider-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.provider-balance-grid .panel+.panel{margin-top:0}.provider-balance-card{height:100%;overflow:hidden}.provider-balance-card.server-one{border-top:3px solid #7c3aed}.provider-balance-card.server-two{border-top:3px solid #16a34a}.provider-balance-card .panel-body{display:grid;gap:15px}.provider-balance-hero{padding:18px;border:1px solid #ddd0f4;border-radius:16px;background:radial-gradient(circle at 90% 10%,rgba(124,58,237,.13),transparent 34%),linear-gradient(135deg,#faf6ff,#fff)}.provider-balance-hero span,.provider-balance-hero small{display:block;color:var(--muted);font-size:10px}.provider-balance-hero strong{display:block;margin:4px 0;font-size:28px;letter-spacing:-.04em}.provider-multi-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.provider-multi-balances>div{min-width:0;padding:13px;border:1px solid #dceee2;border-radius:14px;background:#f6fff8}.provider-multi-balances span,.provider-multi-balances strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-multi-balances span,.provider-business-grid span{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.provider-multi-balances strong{margin-top:4px;font-size:14px}.provider-business-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.provider-business-grid>div{min-width:0;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fbf9fd}.provider-business-grid strong{display:block;margin-top:4px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-business-grid .profit{border-color:#bfe8cd;background:#effbf3}.provider-business-grid .profit strong,.order-profit strong{color:#087c43}.order-profit.loss strong{color:#c62f42}.provider-catalog-meta{display:block;color:var(--muted);font-size:9px}.provider-error-summary{margin:0}.staff-permission-fieldset{min-width:0;margin:4px 0 0;padding:14px;border:1px solid #e4d8f1;border-radius:15px;background:linear-gradient(135deg,#fcf9ff,#fffdf5)}.staff-permission-fieldset legend{padding:0 7px;color:#513665;font-size:11px;font-weight:900}.staff-permission-fieldset>p{margin:0 0 11px;color:var(--muted);font-size:9px}.staff-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:420px;overflow:auto;padding-right:3px}.staff-permission-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:10px;border:1px solid #e7ddef;border-radius:12px;background:#fff;cursor:pointer;transition:.18s ease}.staff-permission-option:hover{border-color:#a87be7;transform:translateY(-1px)}.staff-permission-option input{width:16px;height:16px;margin:2px 0 0;accent-color:#7c3aed}.staff-permission-option span,.staff-permission-option strong,.staff-permission-option small{display:block;min-width:0}.staff-permission-option strong{font-size:10px}.staff-permission-option small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.4}.staff-permission-pills{display:flex;flex-wrap:wrap;gap:5px;min-width:180px}.permission-pill{display:inline-flex;padding:5px 7px;border-radius:999px;background:#eee5ff;color:#6729bd;font-size:8px;font-weight:850;white-space:nowrap}.permission-pill.more{background:#e5f8eb;color:#08783a}.permission-pill.muted{background:#eef1f5;color:#6f7886}
.mode-dark .provider-balance-hero,.mode-dark .provider-multi-balances>div,.mode-dark .provider-business-grid>div,.mode-dark .staff-permission-fieldset,.mode-dark .staff-permission-option{background:#1a131f;border-color:var(--line)}.mode-dark .provider-business-grid .profit{background:#173c26;border-color:#28683d}
@media(prefers-color-scheme:dark){.mode-system .provider-balance-hero,.mode-system .provider-multi-balances>div,.mode-system .provider-business-grid>div,.mode-system .staff-permission-fieldset,.mode-system .staff-permission-option{background:#1a131f;border-color:var(--line)}.mode-system .provider-business-grid .profit{background:#173c26;border-color:#28683d}}
@media(max-width:1100px){.finance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-balance-grid{grid-template-columns:1fr}}
@media(max-width:700px){.provider-multi-balances,.provider-business-grid,.staff-permission-grid{grid-template-columns:1fr}.finance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-business-grid .profit{grid-column:span 2}}

.recent-success-board{position:relative;max-width:1180px;margin:22px auto 0;padding:22px;border:1px solid rgba(124,58,237,.17);border-radius:24px;background:radial-gradient(circle at 6% 0,rgba(239,51,64,.12),transparent 28%),radial-gradient(circle at 92% 7%,rgba(22,163,74,.14),transparent 27%),linear-gradient(135deg,rgba(255,255,255,.97),rgba(249,244,255,.97) 55%,rgba(255,251,232,.95));box-shadow:0 20px 50px rgba(83,36,133,.1);overflow:hidden}
.recent-success-board:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ef3340,#7c3aed,#16a34a,#facc15)}
.recent-success-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}.recent-success-head h2{margin:7px 0 3px;font-size:22px;letter-spacing:-.025em}.recent-success-head p{margin:0;color:var(--muted);font-size:12px}.recent-live-pill{display:inline-flex;align-items:center;gap:7px;color:#07833c;font-size:9px;font-weight:950;letter-spacing:.13em}.recent-live-pill i{width:8px;height:8px;border-radius:50%;background:#19b45a;box-shadow:0 0 0 5px rgba(25,180,90,.12);animation:recentLivePulse 1.8s ease-out infinite}.recent-success-count{display:grid;place-items:center;min-width:58px;height:35px;padding:0 12px;border:1px solid #d9c8f4;border-radius:999px;background:#fff;color:#712de0;font-size:11px;font-weight:900}
@keyframes recentLivePulse{0%{box-shadow:0 0 0 0 rgba(25,180,90,.3)}70%{box-shadow:0 0 0 8px rgba(25,180,90,0)}100%{box-shadow:0 0 0 0 rgba(25,180,90,0)}}
.recent-success-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-success-card{position:relative;padding:15px;border:1px solid #e8ddf2;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(67,32,103,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.recent-success-card:nth-child(4n+1){border-left:3px solid #ef3340}.recent-success-card:nth-child(4n+2){border-left:3px solid #7c3aed}.recent-success-card:nth-child(4n+3){border-left:3px solid #16a34a}.recent-success-card:nth-child(4n+4){border-left:3px solid #eab308}.recent-success-card:hover{transform:translateY(-2px);border-color:#cdb3ef;box-shadow:0 13px 28px rgba(67,32,103,.1)}
.recent-success-card-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.recent-country-flag{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e9e0ef;border-radius:13px;background:linear-gradient(145deg,#fff,#f5effb);font-size:23px;box-shadow:0 5px 13px rgba(67,32,103,.07)}.recent-success-card-top div{min-width:0}.recent-success-card-top div strong,.recent-success-card-top div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-success-card-top div strong{font-size:13px}.recent-success-card-top div span{margin-top:2px;color:var(--muted);font-size:10px}.recent-server-badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.04em;white-space:nowrap}.recent-server-badge.server1{background:#efe6ff;color:#6e27d7}.recent-server-badge.server2{background:#e3f9e9;color:#087b39}
.recent-success-meta{display:grid;grid-template-columns:1.15fr .8fr 1.15fr .8fr;gap:7px;margin:13px 0}.recent-success-meta>span{min-width:0;padding:8px 9px;border:1px solid #eee6f3;border-radius:11px;background:#fbf9fd}.recent-success-meta small,.recent-success-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-success-meta small{color:#8a7b99;font-size:7px;font-weight:950;letter-spacing:.11em}.recent-success-meta strong{margin-top:2px;font:800 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.recent-success-meta .recent-otp{border-color:#bee9cc;background:#effbf3}.recent-success-meta .recent-otp strong{color:#07823b;letter-spacing:.08em}
.recent-success-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px dashed #e5daec;color:var(--muted);font-size:9px}.recent-success-foot span{display:inline-flex;align-items:center;gap:5px;color:#07823b;font-weight:850}.recent-success-foot i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#daf7e4;font-style:normal}.recent-success-empty{display:flex;align-items:center;gap:13px;padding:19px;border:1px dashed #d9c9e9;border-radius:16px;background:rgba(255,255,255,.7)}.recent-success-empty>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e3f9e9;color:#07823b;font-weight:950}.recent-success-empty strong,.recent-success-empty p{display:block;margin:0}.recent-success-empty p{margin-top:3px;color:var(--muted);font-size:11px}
.mode-dark .recent-success-board{background:radial-gradient(circle at 8% 0,rgba(239,51,64,.14),transparent 27%),radial-gradient(circle at 92% 5%,rgba(22,163,74,.13),transparent 28%),linear-gradient(135deg,#21182a,#291d32)}.mode-dark .recent-success-card,.mode-dark .recent-success-count,.mode-dark .recent-success-empty{background:#21182a;color:var(--ink);border-color:var(--line)}.mode-dark .recent-country-flag,.mode-dark .recent-success-meta>span{background:#1a131f;border-color:var(--line)}.mode-dark .recent-success-meta .recent-otp{background:#173c26;border-color:#28683d}
@media(prefers-color-scheme:dark){.mode-system .recent-success-board{background:linear-gradient(135deg,#21182a,#291d32)}.mode-system .recent-success-card,.mode-system .recent-success-count,.mode-system .recent-success-empty{background:#21182a;color:var(--ink);border-color:var(--line)}.mode-system .recent-country-flag,.mode-system .recent-success-meta>span{background:#1a131f;border-color:var(--line)}}
@media(max-width:800px){.recent-success-grid{grid-template-columns:1fr}.recent-success-board{padding:17px;border-radius:20px}.recent-success-head{align-items:flex-start}.recent-success-head p{max-width:500px}}
@media(max-width:520px){.recent-success-board{margin-top:16px;padding:15px}.recent-success-head h2{font-size:19px}.recent-success-head p{font-size:10px}.recent-success-count{min-width:50px;height:31px;padding:0 9px}.recent-success-card{padding:13px}.recent-success-card-top{grid-template-columns:38px minmax(0,1fr)}.recent-country-flag{width:38px;height:38px;font-size:20px}.recent-server-badge{grid-column:2;justify-self:start;margin-top:-5px}.recent-success-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.recent-success-meta>span{padding:8px}.recent-success-foot{align-items:flex-start;flex-direction:column;gap:5px}}

.security-activity-panel{overflow:hidden}.security-activity-panel .panel-head{position:relative;background:radial-gradient(circle at 88% 10%,rgba(124,58,237,.1),transparent 34%),linear-gradient(105deg,#fff,#fffaf0)}.security-activity-panel .panel-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#7c3aed,#16a34a,#ef3340,#eab308)}
.security-activity-body{padding:14px!important;background:linear-gradient(145deg,rgba(124,58,237,.035),rgba(22,163,74,.025),rgba(250,204,21,.035))}.security-activity-list{display:grid;gap:9px}
.security-event{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:70px;padding:11px 12px;border:1px solid #eadff0;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 7px 18px rgba(74,32,112,.055);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.security-event:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--event-color,#7c3aed)}.security-event:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--event-color,#7c3aed) 35%,#eadff0);box-shadow:0 10px 22px rgba(74,32,112,.09)}
.security-event-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--event-soft,#f1e8ff);color:var(--event-color,#7c3aed);font-size:15px;font-weight:950;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--event-color,#7c3aed) 18%,transparent)}
.security-event-main{min-width:0}.security-event-title{display:flex;align-items:center;gap:7px;min-width:0}.security-event-title strong{overflow:hidden;color:var(--ink);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.security-event-title>span{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:var(--event-soft,#f1e8ff);color:var(--event-color,#7c3aed);font-size:7px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.security-event-details{display:flex;align-items:center;gap:6px;min-width:0;margin-top:6px}.security-event-details>span{display:inline-flex;align-items:center;min-width:0;max-width:50%;padding:3px 7px;border:1px solid #eee6f3;border-radius:7px;background:#fbf9fd;color:#71647e;font:700 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-event-details .event-user:before{content:"●";margin-right:5px;color:var(--event-color,#7c3aed);font-size:6px}.security-event-details .event-ip:before{content:"IP";margin-right:5px;color:#8e7d9d;font-size:6px;font-weight:900;line-height:1;letter-spacing:.04em}
.security-event time{display:grid;justify-items:end;min-width:65px;padding-left:10px;border-left:1px dashed #e5d9eb;white-space:nowrap}.security-event time strong{color:var(--ink);font-size:9px}.security-event time span{margin-top:2px;color:var(--muted);font-size:8px}
.security-event.event-purple{--event-color:#7c3aed;--event-soft:#f0e7ff}.security-event.event-green{--event-color:#16a34a;--event-soft:#e5f9eb}.security-event.event-red{--event-color:#ef3340;--event-soft:#ffe7ea}.security-event.event-yellow{--event-color:#d49b00;--event-soft:#fff5c9}
.mode-dark .security-activity-panel .panel-head,.mode-dark .security-activity-body{background:#21182a}.mode-dark .security-event{background:#1a131f;border-color:var(--line)}.mode-dark .security-event-details>span{background:#241a2b;border-color:var(--line);color:#c7b8d0}.mode-dark .security-event time{border-color:var(--line)}
@media(prefers-color-scheme:dark){.mode-system .security-activity-panel .panel-head,.mode-system .security-activity-body{background:#21182a}.mode-system .security-event{background:#1a131f;border-color:var(--line)}.mode-system .security-event-details>span{background:#241a2b;border-color:var(--line);color:#c7b8d0}.mode-system .security-event time{border-color:var(--line)}}
@media(max-width:520px){.security-activity-body{padding:10px!important}.security-activity-list{gap:7px}.security-event{grid-template-columns:37px minmax(0,1fr);gap:9px;min-height:68px;padding:10px}.security-event-icon{width:35px;height:35px}.security-event time{grid-column:2;display:flex;justify-content:flex-start;gap:5px;margin-top:-3px;padding:0;border:0}.security-event time span{margin:0}.security-event-title strong{font-size:11px}.security-event-details{margin-top:5px}.security-event-details>span{max-width:55%;padding:3px 6px}.security-event-details .event-ip{max-width:45%}}

/* V36.1 Midnight Professional — white canvas, solid navy cards and yellow actions */
.theme-midnight,
.theme-midnight.mode-dark,
.theme-midnight.mode-system{
  --navy:#061a35;
  --navy-2:#0b2b52;
  --blue:#0b2b52;
  --blue-2:#123f73;
  --purple:#0b2b52;
  --cyan:#0b2b52;
  --yellow:#f4c430;
  --warning:#d89b00;
  --green:#148a55;
  --success:#148a55;
  --red:#c83b4d;
  --danger:#c83b4d;
  --ink:#10243f;
  --muted:#6b7c93;
  --line:#d8e0eb;
  --paper:#0b2b52;
  --canvas:#fff;
  --sky:#eef3f8;
  --shadow:0 16px 36px rgba(6,26,53,.14);
  --shadow-sm:0 8px 22px rgba(6,26,53,.11);
}
.theme-midnight *,
.theme-midnight *::before,
.theme-midnight *::after{background-image:none!important}
.theme-midnight.app-body,
.theme-midnight.mode-dark.app-body,
.theme-midnight.mode-system.app-body,
.theme-midnight.auth-body{background:#fff!important;color:#10243f}
.theme-midnight .content{background:#fff}
.theme-midnight .sidebar,
.theme-midnight .public-footer,
.theme-midnight .hero,
.theme-midnight .auth-brand,
.theme-midnight .security-band{background:#061a35!important;color:#fff}
.theme-midnight .sidebar{border-right:1px solid #102f58}
.theme-midnight .brand-mark{background:#f4c430!important;color:#061a35!important;box-shadow:none}
.theme-midnight .sidebar-context{color:#91a7c2}
.theme-midnight .sidebar-nav a{color:#c6d2e2}
.theme-midnight .sidebar-nav a:hover{background:#0b2b52;color:#fff}
.theme-midnight .sidebar-nav a.active{background:#f4c430!important;border-color:#f4c430;color:#061a35}
.theme-midnight .sidebar-balance{background:#0b2b52!important;border:1px solid #174475}
.theme-midnight .sidebar-balance span,
.theme-midnight .sidebar-balance small{color:#bdcbda}
.theme-midnight .topbar,
.theme-midnight.mode-dark .topbar,
.theme-midnight.mode-system .topbar,
.theme-midnight .public-nav{background:#fff!important;border-color:#d8e0eb;color:#10243f;box-shadow:0 5px 18px rgba(6,26,53,.06)}
.theme-midnight .public-nav::after{background:#f4c430!important;opacity:1}
.theme-midnight .topbar .eyebrow,
.theme-midnight .eyebrow,
.theme-midnight .section-label{color:#b78700}

.theme-midnight .panel,
.theme-midnight.mode-dark .panel,
.theme-midnight.mode-system .panel,
.theme-midnight .stat-card,
.theme-midnight.mode-dark .stat-card,
.theme-midnight.mode-system .stat-card,
.theme-midnight .dashboard-welcome,
.theme-midnight.mode-dark .dashboard-welcome,
.theme-midnight .wallet-feed-item,
.theme-midnight .notification-item,
.theme-midnight .gateway-card-inner,
.theme-midnight .package-plan-card,
.theme-midnight .content-page-card,
.theme-midnight .feature-card,
.theme-midnight .step,
.theme-midnight .landing-trust-grid article,
.theme-midnight .server-control-shortcuts a,
.theme-midnight .api-control-hero,
.theme-midnight .api-server-card,
.theme-midnight .provider-balance-card,
.theme-midnight .announcement-popup-card,
.theme-midnight .modal-card,
.theme-midnight .settings-tabs a,
.theme-midnight .recent-success-board,
.theme-midnight .security-activity-panel{
  background:#0b2b52!important;
  border-color:#163f70!important;
  color:#fff!important;
  box-shadow:var(--shadow-sm)
}
.theme-midnight .panel-head,
.theme-midnight .panel-body,
.theme-midnight .security-activity-body,
.theme-midnight .add-funds-panel .panel-body{background:#0b2b52!important;color:#fff;border-color:#254b75}
.theme-midnight .panel h1,
.theme-midnight .panel h2,
.theme-midnight .panel h3,
.theme-midnight .stat-card strong,
.theme-midnight .dashboard-welcome h1,
.theme-midnight .dashboard-welcome h2,
.theme-midnight .package-plan-card h3,
.theme-midnight .feature-card h3,
.theme-midnight .step h3,
.theme-midnight .content-page-card h1,
.theme-midnight .content-page-card h2{color:#fff}
.theme-midnight .panel-head p,
.theme-midnight .panel p,
.theme-midnight .panel .subtext,
.theme-midnight .panel .muted,
.theme-midnight .stat-card span,
.theme-midnight .stat-card small,
.theme-midnight .dashboard-welcome p,
.theme-midnight .wallet-feed-item small,
.theme-midnight .notification-item p,
.theme-midnight .notification-item small,
.theme-midnight .package-plan-card p,
.theme-midnight .feature-card p,
.theme-midnight .step p,
.theme-midnight .content-page-card p,
.theme-midnight .api-control-hero p{color:#bdcad9!important}
.theme-midnight .stat-card::after{background:#f4c430!important;opacity:.16}
.theme-midnight .stat-card.tone-green,
.theme-midnight .stat-card.tone-profit,
.theme-midnight .recent-success-card,
.theme-midnight .wallet-feed-item.credit{
  background:#137b4d!important;
  border-color:#299a6b!important;
  color:#fff!important
}
.theme-midnight .stat-card.tone-red,
.theme-midnight .wallet-feed-item.debit{background:#a92f40!important;border-color:#cb5262!important;color:#fff!important}
.theme-midnight .tone-green span,
.theme-midnight .tone-green small,
.theme-midnight .tone-profit span,
.theme-midnight .tone-profit small,
.theme-midnight .tone-red span,
.theme-midnight .tone-red small,
.theme-midnight .recent-success-card span,
.theme-midnight .recent-success-card small,
.theme-midnight .wallet-feed-item.credit small,
.theme-midnight .wallet-feed-item.debit small{color:#e8f3ef!important}

.theme-midnight .btn,
.theme-midnight .icon-btn,
.theme-midnight .popup-close,
.theme-midnight .notification-bell,
.theme-midnight .fraud-alert-bell{
  background:#f4c430!important;
  border-color:#f4c430!important;
  color:#061a35!important;
  box-shadow:none
}
.theme-midnight .btn:hover,
.theme-midnight .icon-btn:hover{background:#ddb018!important;border-color:#ddb018!important;box-shadow:0 7px 16px rgba(153,112,0,.2)}
.theme-midnight .btn-success{background:#148a55!important;border-color:#148a55!important;color:#fff!important}
.theme-midnight .btn-danger{background:#c83b4d!important;border-color:#c83b4d!important;color:#fff!important}
.theme-midnight .btn:disabled{background:#aeb8c5!important;border-color:#aeb8c5!important;color:#536274!important;cursor:not-allowed;box-shadow:none}
.theme-midnight .top-balance{background:#0b2b52!important;border:1px solid #0b2b52!important;color:#fff!important}
.theme-midnight .currency-switch select{background:#fff!important;border:1px solid #cbd5e1!important;color:#10243f!important}

.theme-midnight .field>span,
.theme-midnight .check,
.theme-midnight .extra-network-field>span:first-child{color:#e8eef6!important}
.theme-midnight .field input,
.theme-midnight .field select,
.theme-midnight .field textarea,
.theme-midnight .input,
.theme-midnight.mode-dark .field input,
.theme-midnight.mode-dark .field select,
.theme-midnight.mode-dark .field textarea,
.theme-midnight.mode-dark .input,
.theme-midnight .money-input,
.theme-midnight .funding-amount,
.theme-midnight .combobox-trigger,
.theme-midnight .combobox-popover,
.theme-midnight .combobox-search input{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#10243f!important
}
.theme-midnight .field input:focus,
.theme-midnight .field select:focus,
.theme-midnight .field textarea:focus,
.theme-midnight .input:focus{border-color:#f4c430!important;box-shadow:0 0 0 4px rgba(244,196,48,.2)}
.theme-midnight .combobox-option{color:#10243f}
.theme-midnight .combobox-option:hover,
.theme-midnight .combobox-option:focus,
.theme-midnight .combobox-option.selected{background:#fff4bf!important;color:#10243f}
.theme-midnight .provider-tabs,
.theme-midnight .provider-mode-tabs,
.theme-midnight .rent-options,
.theme-midnight .server-admin-tabs{background:#061a35!important;border-color:#234a75!important}
.theme-midnight .provider-tabs button,
.theme-midnight .provider-mode-tabs button,
.theme-midnight .settings-tabs a{background:#123b68!important;border-color:#234f7f!important;color:#fff!important}
.theme-midnight .provider-tabs button.active,
.theme-midnight .provider-mode-tabs button.active,
.theme-midnight .settings-tabs a.active{background:#f4c430!important;border-color:#f4c430!important;color:#061a35!important}

.theme-midnight .table-wrap{background:#fff;color:#10243f}
.theme-midnight table{background:#fff;color:#10243f}
.theme-midnight th,
.theme-midnight.mode-dark th{background:#f4c430!important;border-color:#e0b21b!important;color:#061a35!important}
.theme-midnight td,
.theme-midnight.mode-dark td{background:#fff;color:#10243f;border-color:#e3e8ef!important}
.theme-midnight tbody tr:hover td{background:#f5f8fc!important}
.theme-midnight .cell-main span,
.theme-midnight td .subtext,
.theme-midnight td small{color:#6b7c93!important}
.theme-midnight .detail-item,
.theme-midnight.mode-dark .detail-item,
.theme-midnight .instructions,
.theme-midnight .payment-summary,
.theme-midnight .panel-actions,
.theme-midnight .cron-card,
.theme-midnight .provider-balance-hero,
.theme-midnight .provider-multi-balances>div,
.theme-midnight .provider-business-grid>div{
  background:#fff!important;
  border-color:#d8e0eb!important;
  color:#10243f!important
}
.theme-midnight .detail-item span,
.theme-midnight .provider-balance-hero span,
.theme-midnight .provider-balance-hero small,
.theme-midnight .provider-business-grid span{color:#6b7c93!important}

.theme-midnight .alert-success,
.theme-midnight .announcement-success{background:#148a55!important;border-color:#148a55!important;color:#fff!important}
.theme-midnight .alert-error,
.theme-midnight .alert-danger,
.theme-midnight .announcement-danger{background:#c83b4d!important;border-color:#c83b4d!important;color:#fff!important}
.theme-midnight .alert-warning,
.theme-midnight .announcement-warning{background:#f4c430!important;border-color:#f4c430!important;color:#061a35!important}
.theme-midnight .alert-info,
.theme-midnight .announcement-info{background:#123f73!important;border-color:#245b91!important;color:#fff!important}
.theme-midnight .badge-success,
.theme-midnight .status-finished,
.theme-midnight .status-paid,
.theme-midnight .status-active,
.theme-midnight .status-answered{background:#148a55!important;color:#fff!important}
.theme-midnight .badge-danger,
.theme-midnight .status-failed,
.theme-midnight .status-banned,
.theme-midnight .status-rejected,
.theme-midnight .status-blocked,
.theme-midnight .status-suspended,
.theme-midnight .status-critical{background:#c83b4d!important;color:#fff!important}
.theme-midnight .badge-warning,
.theme-midnight .status-pending,
.theme-midnight .status-creating,
.theme-midnight .status-open,
.theme-midnight .status-timeout,
.theme-midnight .status-expired{background:#f4c430!important;color:#061a35!important}
.theme-midnight .badge-info,
.theme-midnight .status-received{background:#123f73!important;color:#fff!important}
.theme-midnight .badge-muted,
.theme-midnight .status-canceled,
.theme-midnight .status-cancelled,
.theme-midnight .status-closed{background:#68778a!important;color:#fff!important}

.theme-midnight .auth-shell{background:#fff;border-color:#d8e0eb;box-shadow:var(--shadow)}
.theme-midnight .auth-card{background:#0b2b52!important;color:#fff}
.theme-midnight .auth-card h1,
.theme-midnight .auth-card h2{color:#fff}
.theme-midnight .auth-card .subtext,
.theme-midnight .auth-switch{color:#bdcad9}
.theme-midnight .hero h1 span{color:#f4c430!important;-webkit-text-fill-color:#f4c430}
.theme-midnight .hero-copy>p,
.theme-midnight .hero-proof,
.theme-midnight .security-band p{color:#c1cedd}
.theme-midnight .hero-card{background:#0b2b52!important;border-color:#214c7b}
.theme-midnight .demo-window{background:#fff;color:#10243f}
.theme-midnight .demo-wallet{background:#0b2b52!important}
.theme-midnight .mini-card{background:#fff;border-color:#d8e0eb}
.theme-midnight .feature-card .feature-icon,
.theme-midnight .landing-trust-grid article>span{background:#f4c430;color:#061a35}
.theme-midnight .security-list div{background:#0b2b52;border-color:#224a77}
.theme-midnight .public-footer a:hover{color:#f4c430}

.entitlement-catalog-status{margin:0;min-height:46px;align-items:center}
.entitlement-catalog-option{align-items:center}
.entitlement-catalog-option-copy{display:grid;min-width:0;gap:2px}
.entitlement-catalog-option-copy strong,.entitlement-catalog-option-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entitlement-catalog-option-copy strong{font-size:11px}
.entitlement-catalog-option-copy small{color:var(--muted);font-size:8px;font-weight:700}
.theme-midnight .entitlement-catalog-option-copy strong{color:#10243f}
.theme-midnight .entitlement-catalog-option-copy small{color:#6b7c93!important}

/* V36.3 Midnight contrast correction.
   Keep catalog menus light and all navy management surfaces readable even when
   the saved display mode is dark/system. */
.theme-midnight .combobox-popover,
.theme-midnight .combobox-option-list,
.theme-midnight.mode-dark .combobox-popover,
.theme-midnight.mode-dark .combobox-option-list,
.theme-midnight.mode-system .combobox-popover,
.theme-midnight.mode-system .combobox-option-list{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#10243f!important
}
.theme-midnight .combobox-search input,
.theme-midnight.mode-dark .combobox-search input,
.theme-midnight.mode-system .combobox-search input{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#10243f!important
}
.theme-midnight .combobox-search input::placeholder{color:#66778d!important;opacity:1}
.theme-midnight .combobox-search>span{color:#0b2b52!important}
.theme-midnight .combobox-option,
.theme-midnight.mode-dark .combobox-option,
.theme-midnight.mode-system .combobox-option,
.theme-midnight .combobox-option span,
.theme-midnight .combobox-option strong{
  color:#10243f!important
}
.theme-midnight .combobox-option small,
.theme-midnight .combobox-option-empty,
.theme-midnight .entitlement-catalog-option-copy small{color:#5d6f86!important}
.theme-midnight .combobox-option:hover,
.theme-midnight .combobox-option:focus,
.theme-midnight .combobox-option.selected,
.theme-midnight.mode-dark .combobox-option:hover,
.theme-midnight.mode-dark .combobox-option:focus,
.theme-midnight.mode-dark .combobox-option.selected,
.theme-midnight.mode-system .combobox-option:hover,
.theme-midnight.mode-system .combobox-option:focus,
.theme-midnight.mode-system .combobox-option.selected{
  background:#fff4bf!important;
  color:#10243f!important
}
.theme-midnight .server-control-shortcuts span{color:#f4c430!important}
.theme-midnight .server-control-shortcuts strong{color:#fff!important}
.theme-midnight .server-control-shortcuts small{color:#c5d1df!important}
.theme-midnight .api-control-hero h2,
.theme-midnight .api-server-card .panel-head h2,
.theme-midnight .api-server-card .panel-head h3,
.theme-midnight .provider-balance-card .panel-head h2,
.theme-midnight .provider-balance-card .panel-head h3{color:#fff!important}
.theme-midnight .api-control-hero .eyebrow,
.theme-midnight .api-server-card .eyebrow,
.theme-midnight .provider-balance-card .eyebrow{color:#f4c430!important}
.theme-midnight .api-server-card .panel-head p,
.theme-midnight .api-server-card .panel-head small,
.theme-midnight .provider-balance-card .panel-head p,
.theme-midnight .provider-balance-card .panel-head small{color:#c5d1df!important}
.theme-midnight .alert-success *,
.theme-midnight .alert-error *,
.theme-midnight .alert-danger *,
.theme-midnight .alert-info *{color:inherit!important}

/* V36.4 conditional Free Number dashboard action */
.btn-free-service,
.theme-midnight .btn-free-service{
  position:relative;
  min-height:46px;
  padding:0 12px;
  overflow:hidden;
  background:#148a55!important;
  border:1px solid #f4c430!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(20,138,85,.24)!important
}
.btn-free-service:hover,
.theme-midnight .btn-free-service:hover{
  background:#107445!important;
  border-color:#ffe06a!important;
  box-shadow:0 12px 26px rgba(20,138,85,.3)!important
}
.free-service-icon{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:#f4c430!important;
  color:#061a35!important;
  font-size:12px;
  box-shadow:0 4px 10px rgba(6,26,53,.2)
}
.btn-free-service small{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 6px;
  border-radius:99px;
  background:#fff!important;
  color:#0b6840!important;
  font-size:7px;
  font-weight:950;
  letter-spacing:.08em
}
.btn-free-service small i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#19a95f!important;
  box-shadow:0 0 0 3px rgba(25,169,95,.14);
  animation:freeServiceLive 1.3s ease-in-out infinite
}
@keyframes freeServiceLive{50%{opacity:.45;transform:scale(.72)}}
@media(max-width:640px){.dashboard-actions .btn-free-service{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.btn-free-service small i{animation:none}}

/* V36.5 complete Midnight readability audit.
   Explicit foregrounds are used for every solid navy and white sub-surface so
   light/dark/system modes cannot inherit an unreadable legacy theme color. */
.theme-midnight .pagination{
  background:#0b2b52!important;
  border-top:1px solid #254b75!important
}
.theme-midnight .pagination a,
.theme-midnight .pagination span{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#10243f!important;
  font-weight:900
}
.theme-midnight .pagination a:hover{
  background:#fff4bf!important;
  border-color:#e0b21b!important;
  color:#061a35!important
}
.theme-midnight .pagination .active{
  background:#f4c430!important;
  border-color:#f4c430!important;
  color:#061a35!important
}

.theme-midnight .security-event,
.theme-midnight.mode-dark .security-event,
.theme-midnight.mode-system .security-event{
  background:#061a35!important;
  border-color:#52739a!important;
  color:#fff!important
}
.theme-midnight .security-event-title strong{color:#fff!important}
.theme-midnight .security-event-details>span{
  background:#0b2b52!important;
  border-color:#7891ad!important;
  color:#eef4fb!important
}
.theme-midnight .security-event-details .event-ip:before{color:#f4c430!important}
.theme-midnight .security-event time{border-color:#7891ad!important}
.theme-midnight .security-event time strong{color:#f4c430!important}
.theme-midnight .security-event time span{color:#c5d1df!important}

.theme-midnight .panel .empty-state,
.theme-midnight .modal-card .empty-state{color:#c5d1df!important}
.theme-midnight .panel .empty-state h3,
.theme-midnight .modal-card .empty-state h3{color:#fff!important}
.theme-midnight .panel .empty-state p,
.theme-midnight .modal-card .empty-state p{color:#c5d1df!important}
.theme-midnight .field small,
.theme-midnight .form-meta,
.theme-midnight .option-card small,
.theme-midnight .kpi-row small,
.theme-midnight .provider-catalog-meta,
.theme-midnight .gateway-card small,
.theme-midnight .landing-trust-grid small,
.theme-midnight .announcement-popup-card>p:not(.eyebrow),
.theme-midnight .recent-success-head p,
.theme-midnight .content-page-copy{color:#c5d1df!important}
.theme-midnight .divider{color:#c5d1df!important}

.theme-midnight .message,
.theme-midnight.mode-dark .message,
.theme-midnight.mode-system .message{
  background:#fff!important;
  border:1px solid #d8e0eb!important;
  color:#10243f!important
}
.theme-midnight .message.admin{background:#fff4bf!important;border-color:#e0b21b!important}
.theme-midnight .message small{color:#5d6f86!important}
.theme-midnight .staff-permission-fieldset{
  background:#061a35!important;
  border-color:#52739a!important;
  color:#fff!important
}
.theme-midnight .staff-permission-fieldset legend{color:#f4c430!important}
.theme-midnight .staff-permission-fieldset>p{color:#c5d1df!important}
.theme-midnight .staff-permission-option,
.theme-midnight.mode-dark .staff-permission-option,
.theme-midnight.mode-system .staff-permission-option{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#10243f!important
}
.theme-midnight .staff-permission-option strong{color:#10243f!important}
.theme-midnight .staff-permission-option small{color:#5d6f86!important}

.theme-midnight .recent-success-head h2{color:#fff!important}
.theme-midnight .recent-live-pill{color:#f4c430!important}
.theme-midnight .recent-success-count{background:#fff!important;color:#10243f!important;border-color:#cbd5e1!important}
.theme-midnight .recent-success-meta>span,
.theme-midnight.mode-dark .recent-success-meta>span,
.theme-midnight.mode-system .recent-success-meta>span{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#10243f!important
}
.theme-midnight .recent-success-meta>span small{color:#5d6f86!important}
.theme-midnight .recent-success-meta>span strong{color:#10243f!important}
.theme-midnight .recent-success-meta .recent-otp{background:#e5f5ec!important;border-color:#8dc8aa!important}
.theme-midnight .recent-success-meta .recent-otp strong{color:#0b6840!important}
.theme-midnight .recent-server-badge.server1{background:#fff4bf!important;color:#061a35!important}
.theme-midnight .recent-server-badge.server2{background:#e5f5ec!important;color:#0b6840!important}
.theme-midnight .recent-success-foot{border-color:#78a18e!important;color:#e8f3ef!important}
.theme-midnight .recent-success-foot span{color:#f4c430!important}
.theme-midnight .recent-success-empty,
.theme-midnight.mode-dark .recent-success-empty,
.theme-midnight.mode-system .recent-success-empty{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#10243f!important
}
.theme-midnight .recent-success-empty strong{color:#10243f!important}
.theme-midnight .recent-success-empty p{color:#5d6f86!important}

.theme-midnight .cron-evidence{
  background:#fff!important;
  border-color:#cbd5e1!important;
  color:#10243f!important
}
.theme-midnight .cron-evidence>div span{color:#5d6f86!important}
.theme-midnight .cron-evidence>code{background:#eef3f8!important;color:#10243f!important}
.theme-midnight .cron-evidence pre{background:#061a35!important;color:#eef4fb!important}
.theme-midnight .cron-card p,
.theme-midnight .panel .instructions p{color:#5d6f86!important}
.theme-midnight .payment-summary span,
.theme-midnight .instructions li{color:#5d6f86!important}
.theme-midnight .cron-provider-flow b{color:#f4c430!important}
.theme-midnight .catalog-server-filter a.active{
  background:#f4c430!important;
  border-color:#f4c430!important;
  color:#061a35!important
}

.theme-midnight .segment{background:#061a35!important;border:1px solid #254b75!important}
.theme-midnight .segment span{color:#c5d1df!important}
.theme-midnight .segment input:checked+span{background:#f4c430!important;color:#061a35!important}
.theme-midnight .option-card{
  background:#123b68!important;
  border-color:#52739a!important;
  color:#fff!important
}
.theme-midnight .option-card.option-yellow{border-color:#f4c430!important}
.theme-midnight .option-card.option-red{border-color:#c83b4d!important}
.theme-midnight .option-card .check,
.theme-midnight .option-card strong{color:#fff!important}
.theme-midnight .help-tip{background:#c83b4d!important;color:#fff!important}
.theme-midnight .service-price-badge,
.theme-midnight .secure-pill{
  background:#f4c430!important;
  border-color:#e0b21b!important;
  color:#061a35!important
}
.theme-midnight .money-input b{background:#f4c430!important;color:#061a35!important}

.theme-midnight .quote-card{
  background:#061a35!important;
  border-color:#f4c430!important;
  color:#fff!important
}
.theme-midnight .quote-card .eyebrow{color:#f4c430!important}
.theme-midnight .quote-line{color:#c5d1df!important}
.theme-midnight .quote-line strong{color:#fff!important}
.theme-midnight .quote-note{color:#aebfd2!important}
.theme-midnight .security-lock-banner{
  background:#0b2b52!important;
  border:1px solid #f4c430!important;
  color:#fff!important
}
.theme-midnight .security-lock-banner .eyebrow{color:#f4c430!important}
.theme-midnight .security-lock-banner p{color:#c5d1df!important}
.theme-midnight .security-lock-banner>span{background:#123b68!important;color:#f4c430!important}
.theme-midnight .impersonation-bar{background:#0b2b52!important;border:1px solid #f4c430!important;color:#fff!important}

.theme-midnight .phone-box,
.theme-midnight .otp-box{
  background:#fff!important;
  border-color:#aebfd2!important;
  color:#10243f!important
}
.theme-midnight .otp-box{background:#e5f5ec!important;border-color:#8dc8aa!important}
.theme-midnight .otp-receiver.waiting{background:#fff4bf!important;border-color:#e0b21b!important;color:#704900!important}
.theme-midnight .otp-receiver.waiting .otp-receiver-head,
.theme-midnight .otp-receiver.waiting strong{color:#704900!important}
.theme-midnight .otp-receiver.received{background:#e5f5ec!important;border-color:#8dc8aa!important;color:#0b6840!important}
.theme-midnight .otp-receiver.received .otp-receiver-head,
.theme-midnight .otp-receiver.received strong{color:#0b6840!important}
.theme-midnight .otp-receiver small{color:#5d6f86!important}

.theme-midnight .logo-payfast{background:#c83b4d!important;color:#fff!important}
.theme-midnight .logo-binance{background:#f4c430!important;color:#061a35!important}
.theme-midnight .logo-nayapay{background:#123f73!important;color:#fff!important}
.theme-midnight .gateway-check{background:#fff!important;color:#5d6f86!important}
.theme-midnight .gateway-card input:checked+.gateway-card-inner .gateway-check{background:#148a55!important;color:#fff!important}
.theme-midnight .package-days{background:#f4c430!important;color:#061a35!important}
.theme-midnight .activity-kind{background:#f4c430!important;color:#061a35!important}
.theme-midnight .bar{background:#f4c430!important}
.theme-midnight .bar:hover:after{color:#fff!important}
.theme-midnight .recovery-icon{background:#c83b4d!important;color:#fff!important}
.theme-midnight .popup-spark{background:#f4c430!important;color:#061a35!important}
.theme-midnight .popup-check{background:#fff!important;border-color:#cbd5e1!important;color:#10243f!important}
.theme-midnight .panel code{background:#061a35!important;color:#eef4fb!important}
.theme-midnight .sidebar-user small{color:#bdcbda!important}
.theme-midnight .order-profit span{display:block;margin-top:3px;color:#5d6f86!important;font-size:9px}