:root{
  --bg:#030812;
  --bg2:#06111f;
  --card:#0b1729;
  --card2:#10213b;
  --line:rgba(0,229,155,.22);
  --muted:#9fb0ca;
  --text:#f5fbff;
  --green:#00e59b;
  --green2:#25f3bd;
  --blue:#35a4ff;
  --purple:#9a5cff;
  --amber:#ffb323;
  --red:#ff4f64;
  --shadow:0 28px 88px rgba(0,0,0,.45);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(217,164,65,.12),transparent 28%),radial-gradient(circle at top right,rgba(181,124,34,.12),transparent 28%),linear-gradient(180deg,#030302 0%,#080604 46%,#050403 100%);min-height:100vh}
a{text-decoration:none;color:inherit}.muted{color:var(--muted)}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.blue{color:var(--blue)}.purple{color:var(--purple)}
.auth-body{background:linear-gradient(135deg,#f7fbff 0%,#ecf7ff 45%,#f8fbff 100%);color:#07152c;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1.05fr}.auth-brand-panel{background:radial-gradient(circle at 25% 20%,rgba(217,164,65,.24),transparent 25%),radial-gradient(circle at 80% 70%,rgba(181,124,34,.18),transparent 32%),linear-gradient(160deg,#080604 0%,#091a34 100%);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.auth-brand-panel:after{content:"";position:absolute;inset:auto -10% -20% 10%;height:360px;background:linear-gradient(90deg,rgba(217,164,65,.18),rgba(181,124,34,.1));filter:blur(50px);transform:rotate(-8deg)}.auth-brand-top{position:relative;z-index:2}.auth-logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em}.auth-logo svg,.brand-logo svg{width:42px;height:42px;color:var(--green);filter:drop-shadow(0 0 16px rgba(217,164,65,.45))}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(217,164,65,.28);background:rgba(217,164,65,.1);color:var(--green);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.auth-hero{position:relative;z-index:2;max-width:520px}.auth-hero h1{font-size:clamp(38px,5vw,72px);line-height:.95;margin:0 0 18px;letter-spacing:-.06em}.auth-hero p{color:#b7c7df;font-size:17px;line-height:1.7}.auth-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.auth-stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:18px;padding:16px}.auth-stat strong{display:block;font-size:24px}.auth-card-wrap{display:flex;align-items:center;justify-content:center;padding:36px 24px}.auth-card{width:min(560px,100%);background:#fff;border:1px solid #4b3a1d;border-radius:28px;padding:34px;box-shadow:0 24px 80px rgba(190,137,42,.14)}.eyebrow{font-size:13px;color:#B8862F;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.auth-title{font-size:36px;line-height:1.05;margin:8px 0 6px;color:#06142d;letter-spacing:-.05em}.auth-subtitle{font-size:17px;color:#64738d;line-height:1.5;margin:0 0 26px}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-btn{height:44px;border:1px solid #4b3a1d;border-radius:13px;background:#fdfefe;display:flex;align-items:center;justify-content:center;gap:10px;color:#07142c;font-weight:800;cursor:not-allowed;opacity:.7}.social-btn span:first-child{font-weight:900}.divider{display:flex;align-items:center;gap:14px;color:#8b9bb2;font-size:12px;font-weight:900;letter-spacing:.12em;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;background:#3b2d17;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:13px;font-weight:900;color:#536686}.input,.select{height:44px;border:1px solid #4b3a1d;border-radius:14px;padding:0 14px;font-size:15px;background:#fff;color:#1b2b44;outline:none;transition:.2s}.input:focus,.select:focus{border-color:#E8B64E;box-shadow:0 0 0 4px rgba(232,182,78,.14)}.phone-input{display:grid;grid-template-columns:118px 1fr;border:1px solid #4b3a1d;border-radius:14px;overflow:hidden;background:#fff}.phone-input .select,.phone-input .input{border:0;border-radius:0}.phone-input .select{border-right:1px solid #e3edf9}.check-row{display:flex;gap:10px;align-items:flex-start;color:#536686;font-size:13px;font-weight:700;margin:8px 0}.check-row input{width:17px;height:17px;margin-top:1px}.check-row a{color:#D9A441;font-weight:900}.primary-btn{width:100%;height:48px;border:0;border-radius:14px;background:linear-gradient(90deg,#B8862F 0%,#E8B64E 100%);color:#fff;font-weight:900;font-size:15px;box-shadow:0 16px 30px rgba(190,137,42,.22);cursor:pointer}.outline-btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border:1px solid #c6daf5;border-radius:14px;color:#D9A441;font-weight:900;margin-top:16px;background:#fff}.alert{border-radius:14px;padding:12px 14px;margin:0 0 16px;font-size:14px}.alert-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.alert-success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.error-list{margin:0;padding-left:18px}
.app-shell{min-height:100vh;padding-bottom:24px}.topbar{position:sticky;top:0;z-index:50;height:74px;background:rgba(4,10,22,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:12px}.brand-name{font-weight:900;letter-spacing:-.03em;font-size:18px}.brand-badge{font-size:11px}.nav{display:flex;gap:20px;align-items:center}.nav a{height:74px;display:flex;align-items:center;color:#c6d2e6;font-weight:700;font-size:14px;position:relative;padding:0 4px}.nav a.active,.nav a:hover{color:#fff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green);box-shadow:0 0 14px rgba(217,164,65,.9)}.top-actions{display:flex;align-items:center;gap:15px}.notification{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#dfe9ff;position:relative}.notification:after{content:"";position:absolute;right:7px;top:6px;width:8px;height:8px;background:var(--green);border:2px solid #080604;border-radius:50%}.user-mini{display:flex;align-items:center;gap:10px}.user-mini small{display:block;color:#90a1ba;font-size:11px}.avatar{width:42px;height:42px;border-radius:50%;background:#12213a;border:1px solid var(--line);display:grid;place-items:center;font-weight:900}.logout-button{background:transparent;border:0;color:#dce7f9;cursor:pointer}.container{width:min(1440px,100%);margin:0 auto;padding:28px 38px}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.page-title{font-size:34px;line-height:1;margin:0;letter-spacing:-.05em}.page-title .dot{display:inline-block;width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 20px rgba(217,164,65,.85)}.page-sub{margin:8px 0 0;color:#a5b3cb}.live-pill{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:999px;padding:12px 18px;background:rgba(12,24,45,.72);color:#c8d6eb;font-weight:800;font-size:13px}.live-pill .live{color:var(--green)}.live-pill .live:before{content:"";display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 12px rgba(217,164,65,.9)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:1.25fr .9fr;gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,rgba(13,27,52,.94),rgba(7,15,29,.94));box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:20px}.kpi{padding:21px;min-height:178px;display:flex;flex-direction:column;justify-content:space-between}.kpi-top{display:flex;gap:16px;align-items:flex-start}.iconbox{width:54px;height:54px;border-radius:17px;background:rgba(217,164,65,.08);border:1px solid rgba(217,164,65,.32);display:grid;place-items:center;color:var(--green);box-shadow:inset 0 0 24px rgba(217,164,65,.08)}.iconbox.blue{color:#D5A64A;border-color:rgba(213,166,74,.35);background:rgba(213,166,74,.1)}.iconbox.gold{color:var(--amber);border-color:rgba(255,176,32,.34);background:rgba(255,176,32,.1)}.iconbox.orange{color:var(--amber);border-color:rgba(255,176,32,.35);background:rgba(255,176,32,.1)}.iconbox.purple{color:var(--purple);border-color:rgba(201,161,89,.35);background:rgba(201,161,89,.1)}.iconbox svg,.mini-icon svg{width:28px;height:28px;stroke:currentColor;filter:drop-shadow(0 0 9px currentColor)}.kpi-label{color:#abb8cc;font-size:13px}.kpi-value{font-size:28px;font-weight:900;margin:6px 0;letter-spacing:-.04em}.kpi-sub{color:#a2afc6;font-size:14px}.action-btn{height:41px;border:1px solid rgba(217,164,65,.45);background:rgba(217,164,65,.08);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--green);font-weight:900}.progress{height:10px;background:#172842;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#D9A441,#F1C55F);border-radius:999px}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:18px}.mini-icon{width:24px;height:24px;color:var(--green)}.chart{height:230px;border-bottom:1px solid rgba(255,255,255,.05);position:relative;background:linear-gradient(180deg,rgba(217,164,65,.06),transparent);border-radius:14px;overflow:hidden}.chart svg{position:absolute;inset:0;width:100%;height:100%}.chart-label{position:absolute;right:32px;top:50px;background:#0e1d36;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-weight:900}.substats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.substat{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:14px;padding:14px}.substat strong{display:block;font-size:18px}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.quick-action strong{display:block;font-size:13px}.quick-action small{color:#8f9fb7}.quick-action:after{content:'›';margin-left:auto;color:#dce8fb;font-size:24px}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.snapshot strong{display:block;margin-top:3px;font-size:18px}.spark{height:24px;margin-top:6px}.announcement{font-size:13px;color:#c5d0e3;line-height:1.5}.table-card{overflow:hidden}.table-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.view-link{color:var(--green);font-weight:900;font-size:13px}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:11px;text-align:left;color:#8494ad;text-transform:uppercase;font-weight:900;padding:10px}.data-table td{padding:12px 10px;border-top:1px solid rgba(255,255,255,.06);font-size:13px}.data-table tr:hover td{background:rgba(255,255,255,.02)}.pill{display:inline-flex;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:900}.pill.green{background:rgba(217,164,65,.12);border:1px solid rgba(217,164,65,.28)}.pill.amber{background:rgba(255,176,32,.12);border:1px solid rgba(255,176,32,.3)}.activity-list{display:flex;flex-direction:column;gap:11px}.activity{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.activity .amount{font-weight:900}.activity small{color:#8f9fb7}.bottom-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:18px}.feature-illustration{width:86px;height:58px;border-radius:18px;opacity:.85;background:radial-gradient(circle,rgba(217,164,65,.28),transparent 62%)}.money{font-variant-numeric:tabular-nums}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{padding:12px 22px;color:#aab6c8;font-weight:900;position:relative}.tab.active{color:var(--green)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green)}.method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.method-card{border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;background:rgba(255,255,255,.02)}.amount-row{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:rgba(255,255,255,.025);color:#c9d4e6;font-weight:800;font-size:12px}.donut{width:190px;height:190px;margin:12px auto;border-radius:50%;background:conic-gradient(var(--green) 0 57%,var(--amber) 57% 72%,var(--blue) 72% 100%);display:grid;place-items:center;box-shadow:0 0 35px rgba(217,164,65,.16)}.donut:before{content:"";position:absolute}.donut-inner{width:125px;height:125px;border-radius:50%;background:#0d0905;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,255,255,.07)}.donut-inner strong{font-size:18px}.legend-row{display:flex;justify-content:space-between;gap:10px;color:#b7c4d8;font-size:13px;margin:8px 0}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.blue{background:var(--blue)}.donut-small{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) 0 66%,var(--purple) 66% 84%,var(--amber) 84% 95%,var(--blue) 95% 100%);display:grid;place-items:center}.donut-small div{width:95px;height:95px;border-radius:50%;background:#0d0905;display:grid;place-items:center;text-align:center}.network-tree{text-align:center;padding:20px}.node{display:inline-grid;place-items:center;border:1px solid rgba(217,164,65,.35);color:var(--green);background:rgba(217,164,65,.1);border-radius:50%;width:50px;height:50px;font-weight:900}.tree-row{display:flex;justify-content:center;gap:60px;margin-top:24px}.person-node{width:34px;height:34px;border-radius:50%;border:1px solid rgba(217,164,65,.35);background:rgba(217,164,65,.1);box-shadow:0 0 20px rgba(217,164,65,.1)}.forecast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.forecast{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.025)}.auth-bottom-note,.note-strip{border:1px solid var(--line);border-radius:17px;padding:16px 18px;background:rgba(217,164,65,.06);color:#c7d3e5}.mobile-bottom-nav{display:none}.empty-state{padding:32px;text-align:center;color:#9ba9bf}.support-box{display:grid;grid-template-columns:1fr .9fr;gap:18px}.textarea{min-height:140px;border:1px solid var(--line);border-radius:14px;background:#0d0905;color:#fff;padding:14px;resize:vertical}.dark-input{height:44px;border:1px solid var(--line);border-radius:14px;background:#0d0905;color:#fff;padding:0 14px;width:100%}
@media(max-width:1180px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(3,1fr)}.bottom-cards{grid-template-columns:1fr}.forecast-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){body{background:#050403}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-card-wrap{padding:18px}.auth-card{border-radius:24px;padding:24px}.auth-title{font-size:31px}.social-row,.form-grid{grid-template-columns:1fr}.topbar{height:70px;padding:0 16px}.nav{display:none}.brand-name{font-size:15px}.brand-badge{display:none}.user-mini .user-text{display:none}.container{padding:20px 15px 92px}.page-head{align-items:flex-start}.page-title{font-size:29px}.live-pill{display:none}.grid-4,.grid-3,.grid-2,.amount-row,.support-box{grid-template-columns:1fr;gap:14px}.kpi{min-height:auto}.card,.kpi{border-radius:20px}.chart{height:210px}.substats{grid-template-columns:1fr}.actions-grid,.snapshot-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(2,1fr)}.data-table{min-width:680px}.table-scroll{overflow-x:auto}.top-actions{gap:7px}.logout-button{font-size:0}.avatar{width:36px;height:36px}.bottom-cards{gap:12px}.feature-card{grid-template-columns:auto 1fr}.feature-illustration{display:none}.forecast-grid{grid-template-columns:1fr}.mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border:1px solid var(--line);background:rgba(5,12,25,.92);backdrop-filter:blur(22px);border-radius:24px;padding:8px;box-shadow:0 18px 60px rgba(0,0,0,.45)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#91a1bb;font-size:10px;font-weight:800;padding:7px 4px;border-radius:16px}.mobile-bottom-nav a.active{background:rgba(217,164,65,.1);color:var(--green)}.mobile-bottom-nav svg{width:19px;height:19px}.auth-card{box-shadow:none}.phone-input{grid-template-columns:100px 1fr}}
@media(max-width:520px){.method-grid{grid-template-columns:1fr}.auth-card-wrap{padding:0}.auth-card{min-height:100vh;border-radius:0;border:0}.phone-input{grid-template-columns:96px 1fr}.page-title{font-size:26px}.container{padding-left:12px;padding-right:12px}.kpi-value{font-size:25px}.topbar{padding:0 12px}.brand-logo svg{width:34px;height:34px}.brand-name{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-label{right:12px}.tree-row{gap:20px}.donut{width:160px;height:160px}.donut-inner{width:105px;height:105px}}

/* =========================================================
   Emperia Auth Rebuild — dark investor portal style
   ========================================================= */
.auth-invest-body{
  color:#f6f9ff;
  background:
    radial-gradient(circle at 14% 12%,rgba(217,164,65,.18),transparent 30%),
    radial-gradient(circle at 84% 20%,rgba(181,124,34,.14),transparent 30%),
    radial-gradient(circle at 68% 92%,rgba(201,161,89,.12),transparent 34%),
    linear-gradient(180deg,#030813 0%,#061426 48%,#030302 100%) !important;
  overflow-x:hidden;
}
.auth-invest-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr);
  gap:0;
  position:relative;
}
.auth-invest-shell:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at center,rgba(0,0,0,.38),transparent 68%);
}
.auth-invest-panel{
  background:
    radial-gradient(circle at 15% 20%,rgba(217,164,65,.22),transparent 30%),
    radial-gradient(circle at 95% 85%,rgba(181,124,34,.14),transparent 38%),
    linear-gradient(155deg,rgba(5,15,30,.96),rgba(3,8,19,.98)) !important;
  border-right:1px solid rgba(120,166,220,.18);
  color:#fff;
  padding:36px;
  min-height:100vh;
  position:relative;
  overflow:hidden;
}
.auth-invest-panel:before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border:2px solid rgba(217,164,65,.18);
  border-radius:50%;
  left:-190px;
  top:270px;
  box-shadow:0 0 90px rgba(217,164,65,.1), inset 0 0 90px rgba(181,124,34,.08);
}
.auth-invest-panel:after{
  content:"";
  position:absolute;
  inset:auto -90px -90px 90px;
  height:270px;
  background:linear-gradient(90deg,rgba(217,164,65,.18),rgba(181,124,34,.16),rgba(201,161,89,.12));
  filter:blur(64px);
  transform:rotate(-7deg);
}
.auth-invest-top,
.auth-invest-hero,
.auth-preview-card{position:relative;z-index:2}
.auth-invest-logo{
  font-size:15px;
  font-weight:950;
  letter-spacing:-.04em;
  color:#fff;
}
.auth-invest-logo .badge{
  margin-left:4px;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:10px;
  letter-spacing:.02em;
  color:var(--green);
}
.auth-invest-hero{
  max-width:620px;
  margin:auto 0;
}
.auth-live-dot{
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(217,164,65,.24);
  background:rgba(217,164,65,.08);
  color:#83ffe0;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-radius:999px;
  padding:9px 12px;
  margin-bottom:20px;
}
.auth-live-dot i{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--green);
  box-shadow:0 0 16px rgba(217,164,65,.8);
}
.auth-invest-hero h1{
  margin:0;
  font-size:clamp(46px,5vw,78px);
  line-height:.96;
  letter-spacing:-.075em;
  font-weight:950;
  max-width:650px;
}
.auth-invest-hero p{
  margin:20px 0 0;
  color:#a8b9d5;
  font-size:17px;
  line-height:1.75;
  max-width:560px;
}
.auth-metric-grid{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:550px;
}
.auth-metric-card{
  min-height:96px;
  border:1px solid rgba(120,166,220,.2);
  border-radius:18px;
  background:linear-gradient(160deg,rgba(13,27,52,.82),rgba(7,15,29,.72));
  padding:16px;
  box-shadow:0 16px 60px rgba(0,0,0,.22);
}
.auth-metric-card strong{
  display:block;
  margin-top:10px;
  font-size:20px;
  letter-spacing:-.03em;
}
.auth-metric-card small{
  color:#91a1bb;
  font-weight:800;
}
.auth-metric-icon{
  display:block;
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(217,164,65,.28);
  background:rgba(217,164,65,.08);
  box-shadow:0 0 26px rgba(217,164,65,.16);
  position:relative;
}
.wallet-mini:before{content:"";position:absolute;left:8px;right:6px;top:9px;bottom:8px;border:2px solid var(--green);border-radius:5px;box-shadow:0 0 10px rgba(217,164,65,.75)}
.chart-mini:before{content:"";position:absolute;inset:7px;border:3px solid #D5A64A;border-top-color:transparent;border-radius:50%;box-shadow:0 0 11px rgba(213,166,74,.75)}
.network-mini:before{content:"";position:absolute;left:7px;right:7px;top:14px;border-top:2px solid var(--green);box-shadow:0 0 11px rgba(217,164,65,.75)}
.network-mini:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);left:5px;top:11px;box-shadow:13px 0 0 var(--green),26px 0 0 var(--green),0 0 12px rgba(217,164,65,.9)}
.auth-preview-card{
  max-width:540px;
  border:1px solid rgba(217,164,65,.2);
  background:linear-gradient(160deg,rgba(13,27,52,.9),rgba(7,15,29,.78));
  border-radius:26px;
  padding:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 0 50px rgba(217,164,65,.05);
}
.preview-topline{display:flex;align-items:center;gap:10px;color:#dce8fb;font-weight:900}
.preview-topline span{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(217,164,65,.9)}
.preview-balance-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.preview-balance-row small{display:block;color:#91a1bb}.preview-balance-row b{font-size:30px;letter-spacing:-.04em}.preview-balance-row em{font-style:normal;color:var(--green);font-size:11px;border:1px solid rgba(217,164,65,.28);padding:6px 9px;border-radius:999px;background:rgba(217,164,65,.08);font-weight:950}
.preview-chart-line{height:78px;margin:18px 0;border-radius:16px;background:linear-gradient(180deg,rgba(217,164,65,.16),transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 90'%3E%3Cpath d='M4 70 C65 50 80 62 126 35 S214 58 252 38 330 18 364 35 412 18 476 12' fill='none' stroke='%23D9A441' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;border:1px solid rgba(120,166,220,.1)}
.preview-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-kpis span{border:1px solid rgba(120,166,220,.18);border-radius:14px;padding:12px;color:#c8d4e6;background:rgba(255,255,255,.025);font-weight:900;font-size:13px}
.auth-invest-card-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
  background:
    radial-gradient(circle at 50% 18%,rgba(217,164,65,.10),transparent 30%),
    radial-gradient(circle at 72% 68%,rgba(181,124,34,.12),transparent 35%);
}
.auth-invest-card{
  width:min(650px,100%);
  color:#f6f9ff !important;
  background:linear-gradient(160deg,rgba(13,27,52,.94),rgba(7,15,29,.96)) !important;
  border:1px solid rgba(120,166,220,.22) !important;
  border-radius:30px !important;
  padding:30px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.38), inset 0 0 60px rgba(217,164,65,.035) !important;
  position:relative;
  overflow:hidden;
}
.auth-invest-card:before{
  content:"";
  position:absolute;
  inset:-120px -120px auto auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(217,164,65,.16);
  filter:blur(65px);
}
.auth-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}.auth-status-pill{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(217,164,65,.25);background:rgba(217,164,65,.08);color:#a6ffea;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.auth-status-pill span{width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 14px rgba(217,164,65,.85)}
.neon-eyebrow{color:#D9A441 !important;letter-spacing:.14em;text-shadow:0 0 16px rgba(217,164,65,.38)}
.auth-invest-card .auth-title{color:#fff !important;font-size:clamp(30px,3vw,46px);line-height:1;letter-spacing:-.06em;margin-top:8px}.auth-invest-card .auth-subtitle{color:#a8b9d5 !important;font-size:15px;line-height:1.55;margin-top:10px;max-width:520px}.auth-social-row{position:relative;z-index:1;margin-top:22px}.auth-social-btn{height:46px;border-radius:14px !important;background:rgba(255,255,255,.035) !important;border:1px solid rgba(120,166,220,.2) !important;color:#d7e3f5 !important;font-weight:900 !important;opacity:1 !important;cursor:not-allowed !important;box-shadow:inset 0 0 24px rgba(255,255,255,.015)}.auth-social-btn em{margin-left:auto;font-style:normal;font-size:10px;color:#7f8ea8;border:1px solid rgba(120,166,220,.18);border-radius:999px;padding:4px 7px}.google-mark,.facebook-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;font-weight:950}.google-mark{color:#ea4335}.facebook-mark{color:#1877f2}.auth-divider{color:#7f91ae !important;letter-spacing:.16em;margin:22px 0}.auth-divider:before,.auth-divider:after{background:rgba(120,166,220,.18)}.auth-form-stack{position:relative;z-index:1}.auth-invest-card .field{margin-bottom:15px}.auth-invest-card label{color:#aebbd1 !important;font-weight:900}.dark-auth-input,.auth-code-select{background:rgba(5,12,25,.78) !important;border:1px solid rgba(120,166,220,.24) !important;color:#fff !important;border-radius:15px !important;box-shadow:inset 0 0 24px rgba(0,0,0,.16);transition:border-color .18s ease,box-shadow .18s ease}.dark-auth-input::placeholder{color:#6f809b}.dark-auth-input:focus,.auth-code-select:focus{border-color:rgba(217,164,65,.65) !important;box-shadow:0 0 0 4px rgba(217,164,65,.08),inset 0 0 24px rgba(0,0,0,.16);outline:0}.auth-two-col{gap:14px}.auth-phone-input{grid-template-columns:145px 1fr !important;gap:10px}.phone-code-wrap{height:50px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;background:rgba(5,12,25,.78);border:1px solid rgba(120,166,220,.24);border-radius:15px;padding:0 10px}.phone-flag-slot{width:30px;height:22px;border-radius:6px;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 16px rgba(217,164,65,.12)}.phone-flag-slot svg{display:block;width:30px;height:20px;border-radius:4px}.auth-code-select{width:100%;height:46px;border:0 !important;background:transparent !important;padding:0 !important;color:#fff !important;font-weight:900;appearance:auto}.auth-code-select option{background:#0d0905;color:#fff}.auth-check-row{align-items:flex-start;color:#a8b9d5 !important;font-size:13px}.auth-check-row input{width:18px;height:18px;accent-color:var(--green);margin-top:1px}.auth-check-row a{color:#58f5c0;font-weight:950}.auth-primary-btn{height:50px;border-radius:15px !important;background:linear-gradient(90deg,#D9A441,#28b7ff) !important;color:#031020 !important;box-shadow:0 18px 44px rgba(217,164,65,.2);font-weight:950 !important;margin-top:18px}.auth-outline-btn{height:50px;border-radius:15px !important;background:rgba(255,255,255,.025) !important;border:1px solid rgba(217,164,65,.32) !important;color:#dbfff6 !important;font-weight:950 !important;margin-top:12px}.auth-help-text{position:relative;z-index:1;text-align:center;color:#7f91ae;font-size:12px;margin:16px 0 0}.alert{position:relative;z-index:1;border-radius:15px}.auth-login-card{max-width:560px}
@media(max-width:1100px){.auth-invest-shell{grid-template-columns:1fr}.auth-invest-panel{min-height:auto;padding:26px}.auth-invest-hero{margin:36px 0}.auth-invest-hero h1{font-size:46px}.auth-preview-card{display:none}.auth-invest-card-wrap{min-height:auto;padding:28px}}
@media(max-width:720px){.auth-invest-panel{padding:18px;border-right:0;border-bottom:1px solid rgba(120,166,220,.18)}.auth-invest-logo span:not(.badge){font-size:13px}.auth-invest-logo svg{width:34px;height:34px}.auth-invest-hero{margin:26px 0 4px}.auth-invest-hero h1{font-size:34px;line-height:1.04;letter-spacing:-.06em}.auth-invest-hero p{font-size:14px;line-height:1.6}.auth-metric-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:18px}.auth-metric-card{min-height:78px;padding:12px;border-radius:15px}.auth-metric-card strong{font-size:15px}.auth-metric-card small{font-size:11px}.auth-metric-icon{display:none}.auth-invest-card-wrap{padding:14px;background:transparent}.auth-invest-card{border-radius:24px !important;padding:20px !important}.auth-card-header{display:block}.auth-status-pill{margin-top:14px}.auth-social-row,.auth-two-col{grid-template-columns:1fr !important}.auth-phone-input{grid-template-columns:132px 1fr !important}.auth-invest-card .auth-title{font-size:31px}.auth-invest-card .auth-subtitle{font-size:14px}.auth-social-btn em{display:none}}
@media(max-width:470px){.auth-invest-panel{display:none}.auth-invest-card-wrap{min-height:100vh;align-items:stretch;padding:0}.auth-invest-card{min-height:100vh;border-radius:0 !important;border:0 !important;padding:24px 18px !important}.auth-phone-input{grid-template-columns:124px 1fr !important}.phone-code-wrap{grid-template-columns:29px 1fr;padding:0 8px}.phone-flag-slot,.phone-flag-slot svg{width:25px}.auth-primary-btn,.auth-outline-btn{height:48px}.auth-invest-card .auth-title{font-size:29px}}

/* Emperia auth wording + mobile field refinement */
.auth-invest-hero h1 br{display:block}
.auth-invest-card .auth-card-header{margin-bottom:18px}
.auth-invest-card .auth-title{max-width:520px}
.auth-social-btn{justify-content:center;gap:10px;min-width:0}
.auth-social-btn.disabled{filter:saturate(.78);opacity:.72 !important}
.auth-social-btn.disabled:hover{transform:none;box-shadow:inset 0 0 24px rgba(255,255,255,.015)}
.auth-phone-input{display:grid;grid-template-columns:128px minmax(0,1fr) !important;gap:10px;align-items:stretch}
.phone-country-fixed{height:52px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(217,164,65,.34);background:linear-gradient(180deg,rgba(217,164,65,.10),rgba(5,12,25,.78));border-radius:15px;color:#effffb;font-size:13px;font-weight:950;letter-spacing:.01em;box-shadow:inset 0 0 18px rgba(217,164,65,.06),0 0 18px rgba(217,164,65,.05);white-space:nowrap}
.phone-country-fixed .phone-flag-slot{flex:0 0 auto;width:34px;height:24px;border-radius:7px;overflow:hidden;box-shadow:0 0 16px rgba(217,164,65,.18),0 0 0 1px rgba(255,255,255,.10)}
.phone-country-fixed .phone-flag-slot svg{display:block;width:34px;height:24px}
.phone-number-field{height:52px !important;border-color:rgba(217,164,65,.28) !important;background:linear-gradient(180deg,rgba(5,12,25,.92),rgba(4,10,20,.88)) !important;color:#fff !important;font-weight:800;min-width:0}
.phone-number-field::placeholder{color:#72829c !important;font-weight:700}
.dark-auth-input:-webkit-autofill,.phone-number-field:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #0d0905 inset !important;-webkit-text-fill-color:#fff !important;border-color:rgba(217,164,65,.38) !important}
@media(max-width:720px){.auth-phone-input{grid-template-columns:118px minmax(0,1fr) !important}.phone-country-fixed{height:50px;font-size:12px}.phone-country-fixed .phone-flag-slot,.phone-country-fixed .phone-flag-slot svg{width:30px;height:21px}.phone-number-field{height:50px !important}}
@media(max-width:470px){.auth-phone-input{grid-template-columns:112px minmax(0,1fr) !important}.phone-country-fixed{gap:7px;padding:0 8px}.phone-country-fixed .phone-flag-slot,.phone-country-fixed .phone-flag-slot svg{width:28px;height:20px}}

/* Emperia Minings UI refinement — cashier icons, affiliate genealogy, earnings payout, compact mobile KPIs */
.activity-icon{width:38px!important;height:38px!important;border-radius:50%!important;flex:0 0 38px}.activity-icon svg{width:20px;height:20px;stroke:currentColor;filter:drop-shadow(0 0 8px currentColor)}.iconbox.gold{color:var(--amber);border-color:rgba(255,176,32,.34);background:rgba(255,176,32,.1)}
.pro-method-grid{gap:12px}.pro-method-card{appearance:none;border:1px solid rgba(120,166,220,.20);min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.18s ease;cursor:pointer;color:#f4f9ff}.pro-method-card:hover,.pro-method-card.selected{transform:translateY(-2px);border-color:rgba(217,164,65,.52);background:linear-gradient(180deg,rgba(217,164,65,.11),rgba(255,255,255,.025));box-shadow:0 0 26px rgba(217,164,65,.10)}.pro-method-card strong{font-size:15px;line-height:1}.pro-method-card small{font-weight:850;color:#92a3bd}.method-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(217,164,65,.28);background:rgba(217,164,65,.08);color:var(--green);font-weight:950;box-shadow:inset 0 0 20px rgba(217,164,65,.08),0 0 18px rgba(217,164,65,.08)}.method-icon svg{width:22px;height:22px;stroke:currentColor}.gcash-icon{color:#C99535;border-color:rgba(201,149,53,.35);background:rgba(201,149,53,.10)}.maya-icon{font-size:11px;color:#D9A441}.bank-icon{color:#C99535;border-color:rgba(201,149,53,.35);background:rgba(201,149,53,.10)}.crypto-icon{color:#F7C45C;border-color:rgba(255,176,32,.35);background:rgba(255,176,32,.10)}.otc-icon{color:var(--purple);border-color:rgba(201,161,89,.38);background:rgba(201,161,89,.10)}.cashier-amount-row .fee-box{border:1px solid rgba(120,166,220,.16);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}.saved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.saved-account{border:1px solid rgba(120,166,220,.16);border-radius:14px;padding:13px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;background:rgba(255,255,255,.02)}.saved-account small{grid-column:2;font-size:12px}.gcash-dot,.maya-dot,.bank-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:950;background:rgba(217,164,65,.10);border:1px solid rgba(217,164,65,.26);color:var(--green)}.gcash-dot{color:#C99535;border-color:rgba(201,149,53,.35);background:rgba(201,149,53,.10)}.bank-dot{color:#C99535;border-color:rgba(201,149,53,.35);background:rgba(201,149,53,.10)}.bank-dot.ub{color:#F7C45C;border-color:rgba(255,176,32,.35);background:rgba(255,176,32,.10)}
.copy-box{border:1px solid rgba(120,166,220,.18);border-radius:12px;background:rgba(3,9,18,.5);padding:12px;font-weight:800;color:#eaf2ff;word-break:break-all;font-size:12px;margin:8px 0 12px}.affiliate-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;background:linear-gradient(90deg,rgba(217,164,65,.15),rgba(181,124,34,.06))}.affiliate-hero h2{margin:0;color:var(--green);font-size:24px}.affiliate-hero p{margin:6px 0 0;color:#a5b7d2}.affiliate-hero-points{display:flex;gap:10px;flex-wrap:wrap}.affiliate-hero-points span{border:1px solid rgba(217,164,65,.24);border-radius:999px;padding:8px 12px;background:rgba(217,164,65,.07);color:#d9fff5;font-weight:850;font-size:12px}.affiliate-main-grid{display:grid;grid-template-columns:.95fr 1.25fr .95fr;gap:18px}.commission-grid{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.genealogy-card{overflow:hidden}.genealogy-preview{position:relative;height:250px;border-radius:18px;background:radial-gradient(circle at 50% 26%,rgba(217,164,65,.12),transparent 42%),rgba(255,255,255,.015);border:1px solid rgba(120,166,220,.12);overflow:hidden}.genealogy-lines,.genealogy-map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.genealogy-lines path,.genealogy-map-lines path{fill:none;stroke:rgba(217,164,65,.55);stroke-width:2.2;filter:drop-shadow(0 0 8px rgba(217,164,65,.65));stroke-linecap:round}.g-node,.person-node,.node{box-shadow:0 0 22px rgba(217,164,65,.15)}.g-node{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(217,164,65,.42);background:linear-gradient(180deg,rgba(217,164,65,.18),rgba(3,12,25,.92));color:var(--green);font-weight:950}.g-node.you{left:50%;top:16%;width:54px;height:54px}.g-node.t1.a{left:30%;top:49%}.g-node.t1.b{left:50%;top:49%}.g-node.t1.c{left:70%;top:49%}.g-node.t2.a{left:17%;top:83%}.g-node.t2.b{left:39%;top:83%}.g-node.t2.c{left:47%;top:83%}.g-node.t2.d{left:61%;top:83%}.g-node.t2.e{left:81%;top:83%}.genealogy-stats{margin-top:12px}.affiliate-cta{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.affiliate-cta strong{display:block}.affiliate-cta span{display:block;color:#a8b9d5}.full-genealogy-card{overflow:hidden}.genealogy-map{position:relative;height:560px;border:1px solid rgba(120,166,220,.14);border-radius:22px;background:radial-gradient(circle at 50% 12%,rgba(217,164,65,.16),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));overflow:hidden}.genealogy-person{position:absolute;transform:translate(-50%,-50%);min-width:128px;max-width:150px;text-align:center;padding:12px;border-radius:18px;border:1px solid rgba(217,164,65,.28);background:rgba(5,15,30,.88);box-shadow:0 18px 42px rgba(0,0,0,.22),0 0 24px rgba(217,164,65,.10)}.genealogy-person strong{display:block;color:#fff}.genealogy-person small{display:block;color:#9fb0c8;font-size:11px;margin-top:3px}.genealogy-person.root{border-color:rgba(217,164,65,.55);background:linear-gradient(180deg,rgba(217,164,65,.15),rgba(5,15,30,.94));box-shadow:0 0 42px rgba(217,164,65,.18)}.genealogy-person.tier2{border-color:rgba(181,124,34,.35)}.genealogy-person.tier3{border-color:rgba(201,161,89,.35)}
.next-payout-card{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(217,164,65,.18),transparent 38%),linear-gradient(160deg,rgba(13,27,52,.96),rgba(7,15,29,.95))}.next-payout-card:before{content:"";position:absolute;inset:auto 16px 14px 16px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--green),#29b9ff);box-shadow:0 0 24px rgba(217,164,65,.55)}.next-payout-top{display:flex;align-items:center;gap:13px}.next-payout-top .iconbox{width:48px;height:48px;border-radius:15px}.next-payout-date{font-size:21px;font-weight:950;letter-spacing:-.04em;color:#fff;margin-top:4px}.next-payout-time{font-size:12px;color:#9db0cc;font-weight:800}.countdown-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px;padding-bottom:10px}.countdown-row span{border:1px solid rgba(120,166,220,.20);border-radius:13px;background:rgba(255,255,255,.035);display:grid;place-items:center;gap:1px;padding:9px 4px}.countdown-row strong{font-size:18px;color:#fff;line-height:1}.countdown-row small{text-transform:uppercase;font-size:9px;color:#9fafc7;font-weight:950}.compact-activity .activity-icon{width:38px!important;height:38px!important}.compact-activity .activity-icon svg{width:20px;height:20px}
@media(max-width:1180px){.affiliate-main-grid{grid-template-columns:1fr}.saved-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.dashboard-kpis,.cashier-kpis,.affiliate-kpis{display:flex!important;overflow-x:auto;gap:10px;margin-left:-3px;margin-right:-3px;padding:0 3px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.dashboard-kpis::-webkit-scrollbar,.cashier-kpis::-webkit-scrollbar,.affiliate-kpis::-webkit-scrollbar{display:none}.dashboard-kpis .kpi,.cashier-kpis .kpi,.affiliate-kpis .kpi{min-width:158px;max-width:180px;min-height:112px;padding:14px;border-radius:18px;scroll-snap-align:start}.dashboard-kpis .kpi-top{gap:10px;align-items:center}.dashboard-kpis .iconbox{width:42px;height:42px;border-radius:14px}.dashboard-kpis .iconbox svg{width:22px;height:22px}.dashboard-kpis .kpi-label,.cashier-kpis .kpi-label,.affiliate-kpis .kpi-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-kpis .kpi-value,.cashier-kpis .kpi-value,.affiliate-kpis .kpi-value{font-size:21px;margin:3px 0}.dashboard-kpis .kpi-sub,.cashier-kpis .kpi-sub,.affiliate-kpis .kpi-sub{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.dashboard-kpis .action-btn,.affiliate-kpis .action-btn{height:32px;font-size:12px;border-radius:10px;margin-top:8px}.dashboard-kpis .progress{height:8px}.pro-method-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:4px}.pro-method-card{min-width:106px;min-height:96px}.method-icon{width:34px;height:34px;border-radius:12px}.cashier-amount-row{grid-template-columns:1fr!important}.saved-grid{grid-template-columns:1fr 1fr}.affiliate-hero{display:block}.affiliate-hero-points{margin-top:14px}.commission-grid{grid-template-columns:1fr;text-align:center}.commission-grid .donut-small{margin:0 auto}.genealogy-preview{height:230px}.affiliate-cta{grid-template-columns:1fr}.next-payout-card{min-height:132px}.next-payout-date{font-size:18px}.countdown-row span{padding:7px 3px}.countdown-row strong{font-size:16px}.forecast-grid{display:flex;overflow-x:auto;gap:10px}.forecast-grid .forecast{min-width:132px}.genealogy-map{height:620px;overflow:auto}.genealogy-person{min-width:112px;font-size:12px}.genealogy-map-lines{min-width:900px}}
@media(max-width:520px){.dashboard-kpis .kpi{min-width:150px}.dashboard-kpis .kpi:nth-child(4){min-width:168px}.dashboard-kpis .action-btn{width:100%;justify-content:center}.page-sub{font-size:14px;line-height:1.45}.pro-method-card{min-width:98px}.pro-method-card strong{font-size:13px}.pro-method-card small{font-size:11px}.method-grid{grid-template-columns:1fr}.saved-grid{grid-template-columns:1fr}.next-payout-card{min-width:190px}.cashier-layout{grid-template-columns:1fr!important}.genealogy-preview{height:220px}.g-node{width:34px;height:34px}.g-node.you{width:46px;height:46px}.affiliate-hero h2{font-size:20px}}

/* Dashboard mobile spacing refinement: 2x2 quick cards, compact snapshots, clean range selector */
.range-select{
  display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:13px;
  border:1px solid rgba(120,166,220,.22);background:rgba(8,19,38,.86);color:#fff;
  font-weight:900;font-size:13px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.range-select svg{width:16px;height:16px;color:#8fb2df;flex:0 0 auto;transform:translateY(1px)}
.range-select:hover{border-color:rgba(217,164,65,.38);color:var(--green)}

@media(max-width:820px){
  /* dashboard KPI cards are now a tidy 2x2 instead of cramped horizontal cards */
  .dashboard-kpis{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
    overflow:visible!important;margin-left:0!important;margin-right:0!important;padding:0!important;
  }
  .dashboard-kpis .kpi{
    min-width:0!important;max-width:none!important;min-height:118px!important;padding:14px!important;border-radius:18px!important;
  }
  .dashboard-kpis .kpi-top{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;align-items:center!important}
  .dashboard-kpis .iconbox{width:38px!important;height:38px!important;border-radius:13px!important}
  .dashboard-kpis .iconbox svg{width:20px!important;height:20px!important}
  .dashboard-kpis .kpi-label{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .dashboard-kpis .kpi-value{font-size:20px!important;margin:2px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .dashboard-kpis .kpi-sub{font-size:11px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
  .dashboard-kpis .action-btn{height:32px!important;font-size:12px!important;border-radius:11px!important;margin-top:9px!important;padding:0 8px!important;justify-content:center!important;white-space:nowrap!important}
  .dashboard-kpis .kpi:nth-child(4){min-width:0!important}
  .dashboard-kpis .kpi:nth-child(4) .kpi-top{grid-template-columns:38px minmax(0,1fr)!important}
  .dashboard-kpis .kpi:nth-child(4) > div:last-child{gap:7px!important;margin-top:9px!important;font-size:12px!important}
  .dashboard-kpis .progress{height:7px!important}

  /* Quick Actions: 2x2 mobile layout */
  .actions-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  }
  .quick-action{
    min-height:92px!important;padding:12px 10px!important;border-radius:17px!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;gap:9px!important;
  }
  .quick-action .iconbox{width:36px!important;height:36px!important;border-radius:12px!important;flex:0 0 auto!important}
  .quick-action .iconbox svg{width:19px!important;height:19px!important}
  .quick-action span:last-child{min-width:0!important;width:100%!important}
  .quick-action strong{font-size:13px!important;line-height:1.15!important;white-space:normal!important;display:block!important}
  .quick-action small{font-size:11px!important;line-height:1.25!important;margin-top:3px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#9fb0c8!important}
  .quick-action:after{display:none!important}

  /* Today's Snapshot: 2x2 mobile layout */
  .snapshot-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  }
  .snapshot{
    min-height:88px!important;border:1px solid rgba(120,166,220,.16)!important;border-radius:16px!important;
    padding:12px!important;background:rgba(255,255,255,.025)!important;display:flex!important;flex-direction:column!important;gap:5px!important;
  }
  .snapshot .muted{font-size:11px!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .snapshot strong{font-size:17px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .snapshot .spark{width:100%!important;height:18px!important;margin-top:auto!important;opacity:.9!important}

  /* The two bottom dashboard cards should stack on mobile to avoid cramped tables/activity lists */
  .dashboard-lists-grid{grid-template-columns:1fr!important;gap:14px!important}
  .dashboard-lists-grid .table-head{align-items:flex-start!important;gap:10px!important}
  .dashboard-lists-grid .section-title{font-size:19px!important;line-height:1.1!important}
  .dashboard-lists-grid .view-link{font-size:12px!important;white-space:nowrap!important}
  .activity.compact-activity{grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;padding:12px 0!important}
  .activity.compact-activity .activity-icon{width:38px!important;height:38px!important;border-radius:14px!important}
  .activity.compact-activity strong{font-size:13px!important;line-height:1.15!important}
  .activity.compact-activity small{font-size:11px!important;line-height:1.2!important}
  .activity.compact-activity .amount{font-size:13px!important;white-space:nowrap!important}

  .table-head .range-select{height:34px!important;padding:0 11px!important;border-radius:12px!important;font-size:12px!important;gap:6px!important}
  .table-head .range-select svg{width:14px!important;height:14px!important}
}

@media(max-width:420px){
  .dashboard-kpis{gap:8px!important}
  .dashboard-kpis .kpi{padding:12px!important;min-height:112px!important}
  .dashboard-kpis .kpi-value{font-size:19px!important}
  .dashboard-kpis .action-btn{font-size:11px!important}
  .actions-grid,.snapshot-grid{gap:8px!important}
  .quick-action{min-height:88px!important;padding:11px 9px!important}
  .snapshot{min-height:84px!important;padding:11px 9px!important}
}


/* HARD MOBILE DASHBOARD FIX v4 — keep at end of file */
@media (max-width: 820px) {
  .container .dashboard-kpis { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; overflow:visible!important; margin:0 0 18px!important; padding:0!important; }
  .container .dashboard-kpis>.kpi { min-width:0!important; max-width:none!important; min-height:110px!important; padding:12px!important; border-radius:18px!important; }
  .container .dashboard-kpis .kpi-top { display:grid!important; grid-template-columns:36px minmax(0,1fr)!important; gap:8px!important; align-items:center!important; }
  .container .dashboard-kpis .iconbox { width:36px!important; height:36px!important; min-width:36px!important; border-radius:12px!important; }
  .container .dashboard-kpis .iconbox svg { width:19px!important; height:19px!important; }
  .container .dashboard-kpis .kpi-label { font-size:10.5px!important; line-height:1.15!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
  .container .dashboard-kpis .kpi-value { font-size:19px!important; line-height:1.05!important; margin:2px 0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
  .container .dashboard-kpis .kpi-sub { font-size:10.5px!important; line-height:1.15!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; display:block!important; }
  .container .dashboard-kpis .action-btn { height:30px!important; margin-top:8px!important; padding:0 8px!important; border-radius:11px!important; font-size:11px!important; justify-content:center!important; white-space:nowrap!important; }
  .container .table-head select,.container select.range-select,.container .range-select { appearance:none!important; -webkit-appearance:none!important; width:auto!important; min-width:112px!important; max-width:130px!important; height:34px!important; padding:0 32px 0 12px!important; border-radius:12px!important; border:1px solid rgba(120,166,220,.24)!important; background:rgba(8,19,38,.96)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; line-height:34px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important; background-image:linear-gradient(45deg,transparent 50%,#91a7c8 50%),linear-gradient(135deg,#91a7c8 50%,transparent 50%)!important; background-position:calc(100% - 16px) 14px,calc(100% - 10px) 14px!important; background-size:6px 6px,6px 6px!important; background-repeat:no-repeat!important; }
  .container button.range-select { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; min-width:112px!important; max-width:130px!important; height:34px!important; padding:0 11px!important; border-radius:12px!important; background:rgba(8,19,38,.96)!important; border:1px solid rgba(120,166,220,.24)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; }
  .container button.range-select svg { width:14px!important; height:14px!important; flex:0 0 auto!important; }
  .container .actions-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  .container .quick-action { min-height:90px!important; padding:12px 10px!important; border-radius:17px!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:space-between!important; gap:8px!important; }
  .container .quick-action .iconbox { width:36px!important; height:36px!important; min-width:36px!important; border-radius:12px!important; }
  .container .quick-action strong { font-size:13px!important; line-height:1.15!important; display:block!important; }
  .container .quick-action small { display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; font-size:11px!important; line-height:1.2!important; color:#9fb0c8!important; }
  .container .quick-action:after { display:none!important; }
  .container .snapshot-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  .container .snapshot { min-height:84px!important; padding:12px!important; border-radius:16px!important; border:1px solid rgba(120,166,220,.16)!important; background:rgba(255,255,255,.025)!important; display:flex!important; flex-direction:column!important; gap:5px!important; }
  .container .snapshot .muted { font-size:11px!important; line-height:1.2!important; }
  .container .snapshot strong { font-size:17px!important; line-height:1.1!important; }
  .container .snapshot .spark { width:100%!important; height:16px!important; margin-top:auto!important; }
  .container .dashboard-lists-grid, .container section.dashboard-lists-grid { display:grid!important; grid-template-columns:1fr!important; gap:14px!important; }
  .container .dashboard-lists-grid .table-card, .container .dashboard-lists-grid>.card { width:100%!important; min-width:0!important; }
  .container .dashboard-lists-grid .table-scroll { overflow-x:auto!important; -webkit-overflow-scrolling:touch!important; }
  .container .activity.compact-activity { grid-template-columns:40px minmax(0,1fr) auto!important; gap:10px!important; padding:12px 0!important; }
}
@media (max-width:420px) { .container .dashboard-kpis{gap:8px!important}.container .dashboard-kpis>.kpi{min-height:106px!important;padding:11px!important}.container .dashboard-kpis .kpi-value{font-size:18px!important}.container .dashboard-kpis .action-btn{font-size:10.5px!important}.container .quick-action{min-height:86px!important;padding:11px 9px!important}.container .snapshot{min-height:80px!important;padding:11px 9px!important} }

/* Auth Login Refinement v5 — simplified investor copy, toast, live activity */
.auth-clean-shell{grid-template-columns:minmax(500px,.92fr) minmax(560px,1.08fr)!important}
.auth-clean-panel{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:42px!important}
.auth-clean-hero{margin:132px 0 0!important;max-width:590px!important}
.auth-clean-hero h1{font-size:clamp(44px,4.2vw,64px)!important;line-height:1.02!important;letter-spacing:-.07em!important;max-width:620px!important}
.auth-clean-hero p{font-size:16px!important;line-height:1.65!important;max-width:540px!important;margin-top:20px!important;color:#b7c7df!important}
.auth-clean-metrics{max-width:520px!important;margin-top:24px!important}
.auth-clean-metrics .auth-metric-card{min-height:88px!important;padding:14px!important}
.auth-clean-metrics .auth-metric-card strong{font-size:18px!important;margin-top:8px!important}
.auth-preview-card{display:none!important}
.auth-clean-card-wrap{align-items:center!important;justify-content:center!important}
.auth-simple-card{max-width:560px!important;padding:28px!important;border-radius:28px!important}
.auth-simple-header{display:block!important;margin-bottom:16px!important}
.auth-simple-card .auth-title{font-size:clamp(34px,3vw,42px)!important;line-height:.98!important;margin:6px 0 0!important;letter-spacing:-.06em!important}
.auth-simple-card .auth-status-pill{display:none!important}
.auth-simple-card .auth-social-row{margin-top:18px!important}
.auth-simple-card .auth-divider{margin:18px 0!important}
.auth-simple-card .auth-primary-btn{margin-top:16px!important}
.investment-live-feed{position:absolute;left:36px;bottom:34px;z-index:5;min-width:300px;max-width:380px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:19px;border:1px solid rgba(217,164,65,.28);background:linear-gradient(145deg,rgba(10,26,48,.92),rgba(4,12,24,.92));box-shadow:0 22px 70px rgba(0,0,0,.32),0 0 28px rgba(217,164,65,.10);opacity:0;transform:translateY(12px);transition:opacity .24s ease,transform .24s ease;pointer-events:none}
.investment-live-feed.show{opacity:1;transform:translateY(0)}
.live-feed-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(217,164,65,.34);background:rgba(217,164,65,.10);color:var(--green);font-size:20px;font-weight:950;box-shadow:0 0 24px rgba(217,164,65,.16)}
.investment-live-feed strong{display:block;color:#fff;font-size:13px;line-height:1.1;margin-bottom:4px}
.investment-live-feed small{display:block;color:#9fe8d5;font-weight:800;font-size:12px;line-height:1.25}
.app-toast{position:fixed;right:22px;top:22px;z-index:9999;max-width:min(420px,calc(100vw - 32px));padding:14px 18px 14px 46px;border-radius:18px;background:linear-gradient(135deg,rgba(8,23,44,.96),rgba(6,16,31,.96));border:1px solid rgba(217,164,65,.35);box-shadow:0 24px 80px rgba(0,0,0,.38),0 0 34px rgba(217,164,65,.12);color:#eafff8;animation:toastIn .24s ease both;overflow:hidden}
.app-toast:before{content:"";position:absolute;left:17px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(217,164,65,.95);transform:translateY(-50%)}
.app-toast strong{display:block;font-size:14px;line-height:1.35}
.app-toast.is-hiding{animation:toastOut .34s ease both}
@keyframes toastIn{from{opacity:0;transform:translate(12px,-8px)}to{opacity:1;transform:translate(0,0)}}
@keyframes toastOut{to{opacity:0;transform:translate(12px,-8px)}}
@media(max-width:1100px){.auth-clean-shell{grid-template-columns:1fr!important}.auth-clean-panel{min-height:auto!important;padding:28px!important}.auth-clean-hero{margin:42px 0 0!important}.investment-live-feed{position:relative;left:auto;bottom:auto;margin-top:30px}}
@media(max-width:720px){.auth-clean-hero h1{font-size:36px!important}.auth-clean-hero p{font-size:14px!important}.investment-live-feed{display:none}.auth-simple-card{padding:22px!important}.app-toast{top:14px;right:14px;left:14px;max-width:none}}
@media(max-width:470px){.auth-clean-panel{display:none!important}.auth-clean-card-wrap{min-height:100vh!important;padding:0!important}.auth-simple-card{min-height:100vh!important;border-radius:0!important;border:0!important;padding:24px 18px!important}.auth-simple-card .auth-title{font-size:31px!important}}

/* Auth refinement v6: cleaner hero copy, slower simple investing popup, centered form headings */
.auth-clean-shell{grid-template-columns:minmax(560px,.95fr) minmax(560px,1.05fr)!important;}
.auth-clean-panel{justify-content:center!important;padding:48px 54px!important;}
.auth-clean-hero{margin:0!important;max-width:650px!important;}
.auth-clean-hero .auth-live-dot{margin-bottom:28px!important;}
.auth-clean-hero h1{font-size:clamp(42px,4vw,62px)!important;line-height:1.05!important;letter-spacing:-.065em!important;max-width:650px!important;margin:0!important;}
.auth-clean-hero h1 span{display:block;}
.auth-clean-hero p{max-width:610px!important;margin:22px 0 0!important;font-size:16px!important;line-height:1.72!important;color:#b8c9df!important;}
.auth-clean-metrics{max-width:560px!important;margin-top:30px!important;gap:14px!important;}
.auth-clean-metrics .auth-metric-card{min-height:90px!important;border-color:rgba(120,166,220,.2)!important;background:linear-gradient(145deg,rgba(12,28,52,.72),rgba(8,18,34,.72))!important;}
.auth-clean-metrics .auth-metric-card strong{font-size:18px!important;letter-spacing:-.02em!important;}
.auth-clean-metrics .auth-metric-card small{font-size:12px!important;color:#b3c2d8!important;}
.centered-auth-header{display:block!important;text-align:center!important;margin-bottom:22px!important;}
.centered-auth-header .auth-title{font-size:clamp(34px,3vw,44px)!important;margin:0!important;}
.auth-social-row{margin-top:0!important;}
.auth-social-btn{font-size:13px!important;}
.investment-live-feed{position:absolute!important;left:44px!important;bottom:38px!important;z-index:5!important;min-width:0!important;max-width:320px!important;display:block!important;padding:13px 17px!important;border-radius:16px!important;border:1px solid rgba(217,164,65,.2)!important;background:linear-gradient(145deg,rgba(8,22,42,.74),rgba(4,12,24,.64))!important;box-shadow:0 20px 60px rgba(0,0,0,.22),0 0 24px rgba(217,164,65,.07)!important;opacity:0!important;transform:translateY(10px)!important;transition:opacity .9s ease,transform .9s ease!important;pointer-events:none!important;backdrop-filter:blur(14px)!important;}
.investment-live-feed.show{opacity:.74!important;transform:translateY(0)!important;}
.investment-live-feed .live-feed-icon,.investment-live-feed strong{display:none!important;}
.investment-live-feed small{display:block!important;color:#c8fff0!important;font-weight:800!important;font-size:13px!important;line-height:1.35!important;letter-spacing:-.01em!important;}
.auth-card.auth-invest-card{max-width:560px!important;}
.auth-invest-card .auth-title{text-align:center!important;}
@media(max-width:1100px){.auth-clean-shell{grid-template-columns:1fr!important;}.auth-clean-panel{justify-content:flex-start!important;padding:32px!important;}.auth-clean-hero{margin:38px 0 0!important;}.investment-live-feed{position:relative!important;left:auto!important;bottom:auto!important;margin-top:34px!important;}}
@media(max-width:720px){.auth-clean-hero h1{font-size:38px!important;}.auth-clean-hero p{font-size:14px!important;line-height:1.6!important;}.auth-clean-metrics{grid-template-columns:repeat(3,1fr)!important;}.investment-live-feed{display:none!important;}.centered-auth-header .auth-title{font-size:34px!important;}}
@media(max-width:470px){.auth-clean-panel{display:none!important;}.auth-clean-card-wrap{min-height:100vh!important;padding:0!important;}.auth-simple-card{min-height:100vh!important;border-radius:0!important;border:0!important;padding:24px 18px!important;}.centered-auth-header .auth-title{font-size:32px!important;}.auth-social-row{grid-template-columns:1fr 1fr!important;gap:8px!important;}.auth-social-btn{font-size:12px!important;padding:0 8px!important;}}

/* Logout button fix */
.logout-form{margin:0;display:flex;align-items:center}
.logout-button{height:34px;padding:0 16px;border:1px solid rgba(255,78,97,.72)!important;border-radius:10px;background:rgba(255,78,97,.06)!important;color:#ff6b7d!important;font-weight:900;font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.18s ease;white-space:nowrap}
.logout-button:hover{background:rgba(255,78,97,.14)!important;border-color:#ff6b7d!important;box-shadow:0 0 18px rgba(255,78,97,.18);color:#fff!important}
@media(max-width:820px){.logout-button{font-size:11px!important;height:30px;padding:0 10px;border-radius:9px}.logout-form{display:flex}.user-mini{gap:8px}.top-actions{gap:8px}.avatar{width:34px;height:34px;font-size:12px}}
@media(max-width:390px){.avatar{display:none}.logout-button{padding:0 9px}}

/* Auth polish v7: cleaner investor hero, mobile-centered forms, slower live purchases */
.auth-body.auth-invest-body{
    background:
        radial-gradient(circle at 14% 18%, rgba(217,164,65,.18), transparent 28%),
        radial-gradient(circle at 82% 72%, rgba(135,104,42,.16), transparent 34%),
        linear-gradient(135deg,#03101d 0%,#071528 48%,#0a0f24 100%) !important;
}
.auth-clean-shell{
    grid-template-columns:minmax(520px,.95fr) minmax(520px,1.05fr) !important;
    position:relative !important;
    overflow:hidden !important;
}
.auth-clean-panel{
    justify-content:center !important;
    padding:46px 54px !important;
    min-height:100vh !important;
}
.auth-clean-hero{
    margin:0 !important;
    max-width:590px !important;
}
.auth-clean-hero .auth-live-dot{
    margin-bottom:24px !important;
    opacity:.94 !important;
}
.auth-clean-hero h1{
    font-size:clamp(42px,4.3vw,58px) !important;
    line-height:1.04 !important;
    letter-spacing:-.07em !important;
    max-width:620px !important;
    margin:0 !important;
}
.auth-clean-hero h1 span{display:block !important;}
.auth-clean-hero p{
    max-width:560px !important;
    margin:20px 0 0 !important;
    font-size:16px !important;
    line-height:1.72 !important;
    color:#b8c9df !important;
}
.auth-clean-metrics{
    max-width:560px !important;
    margin-top:28px !important;
    gap:12px !important;
}
.auth-clean-metrics .auth-metric-card{
    min-height:86px !important;
    border-color:rgba(120,166,220,.19) !important;
    background:linear-gradient(145deg,rgba(13,32,58,.72),rgba(7,18,36,.72)) !important;
    box-shadow:inset 0 0 24px rgba(255,255,255,.018),0 16px 42px rgba(0,0,0,.18) !important;
}
.auth-clean-metrics .auth-metric-card strong{font-size:18px !important;}
.auth-clean-card-wrap{
    min-height:100vh !important;
    padding:34px 26px !important;
}
.auth-card.auth-invest-card.auth-simple-card{
    max-width:560px !important;
    min-height:auto !important;
    padding:30px !important;
    border-radius:28px !important;
    background:linear-gradient(150deg,rgba(14,31,57,.94),rgba(6,14,29,.96)) !important;
    border:1px solid rgba(120,166,220,.2) !important;
    box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.auth-simple-card .auth-title{
    text-align:center !important;
    font-size:clamp(32px,3vw,42px) !important;
    margin:0 0 4px !important;
}
.auth-simple-header{margin-bottom:18px !important;}
.investment-live-feed{
    position:fixed !important;
    left:42px !important;
    bottom:36px !important;
    z-index:80 !important;
    min-width:0 !important;
    max-width:360px !important;
    display:block !important;
    padding:12px 16px !important;
    border-radius:16px !important;
    border:1px solid rgba(217,164,65,.20) !important;
    background:linear-gradient(145deg,rgba(8,24,44,.72),rgba(4,12,24,.58)) !important;
    box-shadow:0 20px 64px rgba(0,0,0,.26),0 0 26px rgba(217,164,65,.07) !important;
    opacity:0 !important;
    transform:translateY(12px) scale(.98) !important;
    transition:opacity 1.2s ease,transform 1.2s ease !important;
    pointer-events:none !important;
    backdrop-filter:blur(16px) !important;
}
.investment-live-feed.show{opacity:.72 !important;transform:translateY(0) scale(1) !important;}
.investment-live-feed .live-feed-icon,.investment-live-feed strong{display:none !important;}
.investment-live-feed small{
    display:block !important;
    color:#d4fff5 !important;
    font-weight:850 !important;
    font-size:13px !important;
    line-height:1.35 !important;
    letter-spacing:-.01em !important;
}

@media(max-width:1100px){
    .auth-clean-shell{grid-template-columns:1fr !important;}
    .auth-clean-panel{min-height:auto !important;justify-content:flex-start !important;padding:30px !important;}
    .auth-clean-card-wrap{min-height:auto !important;padding:28px 18px 92px !important;}
}
@media(max-width:720px){
    .auth-clean-panel{display:none !important;}
    .auth-clean-shell{display:flex !important;min-height:100dvh !important;align-items:center !important;justify-content:center !important;padding:18px 14px 86px !important;}
    .auth-clean-card-wrap{width:100% !important;min-height:auto !important;padding:0 !important;align-items:center !important;justify-content:center !important;}
    .auth-card.auth-invest-card.auth-simple-card{
        width:100% !important;
        max-width:430px !important;
        min-height:auto !important;
        border-radius:26px !important;
        border:1px solid rgba(120,166,220,.22) !important;
        padding:22px 20px !important;
    }
    .auth-login-card{margin:auto !important;}
    .auth-simple-card .auth-title,.centered-auth-header .auth-title{font-size:32px !important;line-height:1.05 !important;}
    .auth-social-row{grid-template-columns:1fr !important;gap:10px !important;}
    .auth-social-btn{height:44px !important;font-size:13px !important;}
    .auth-divider{margin:18px 0 !important;}
    .auth-two-col{grid-template-columns:1fr !important;}
    .auth-phone-input{grid-template-columns:118px 1fr !important;gap:8px !important;}
    .phone-country-fixed{font-size:12px !important;padding:0 8px !important;}
    .phone-flag-slot,.phone-flag-slot svg{width:25px !important;}
    .investment-live-feed{
        display:block !important;
        left:14px !important;
        bottom:14px !important;
        max-width:calc(100vw - 28px) !important;
        padding:10px 13px !important;
        border-radius:14px !important;
    }
    .investment-live-feed small{font-size:12px !important;}
    .app-toast{top:14px !important;right:14px !important;left:14px !important;max-width:none !important;}
}
@media(max-width:470px){
    .auth-clean-shell{padding:14px 8px 76px !important;align-items:flex-start !important;}
    .auth-card.auth-invest-card.auth-simple-card{border-radius:24px !important;padding:22px 18px !important;}
    .auth-login-card{margin-top:36px !important;}
    .auth-primary-btn,.auth-outline-btn{height:48px !important;}
}

/* Auth final polish v9: visible live investment popup + cleaner brand hero */
.auth-clean-hero .auth-live-dot{display:none!important;}
.auth-clean-hero h1{
    max-width:680px!important;
    font-size:clamp(46px,4.8vw,68px)!important;
    line-height:.98!important;
    letter-spacing:-.075em!important;
}
.auth-clean-hero p{
    max-width:620px!important;
    color:#c1d4ea!important;
    font-size:17px!important;
    line-height:1.72!important;
    margin-top:22px!important;
}
.auth-clean-metrics .auth-metric-card strong{font-size:16px!important;line-height:1.1!important;}
.auth-clean-metrics .auth-metric-card small{font-size:12px!important;color:#b4c4da!important;}
.investment-live-feed{
    position:fixed!important;
    left:42px!important;
    bottom:38px!important;
    z-index:120!important;
    min-width:0!important;
    max-width:min(430px,calc(100vw - 30px))!important;
    padding:15px 20px!important;
    border-radius:18px!important;
    border:1px solid rgba(217,164,65,.48)!important;
    background:linear-gradient(135deg,rgba(8,32,52,.96),rgba(4,13,26,.94))!important;
    box-shadow:0 20px 70px rgba(0,0,0,.42),0 0 42px rgba(217,164,65,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
    opacity:0!important;
    transform:translateY(10px) scale(.98)!important;
    transition:opacity .55s ease,transform .55s ease!important;
    pointer-events:none!important;
    backdrop-filter:blur(18px)!important;
}
.investment-live-feed::before{
    content:"";
    display:inline-block;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 16px rgba(217,164,65,.9);
    margin-right:10px;
    vertical-align:1px;
}
.investment-live-feed.show{opacity:1!important;transform:translateY(0) scale(1)!important;}
.investment-live-feed small{
    display:inline!important;
    color:#f2fffb!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:900!important;
    letter-spacing:-.015em!important;
    text-shadow:0 0 14px rgba(217,164,65,.16)!important;
}
@media(max-width:720px){
    .auth-clean-hero{display:none!important;}
    .investment-live-feed{
        left:12px!important;
        right:12px!important;
        bottom:14px!important;
        max-width:none!important;
        padding:13px 16px!important;
        text-align:center!important;
        border-radius:16px!important;
    }
    .investment-live-feed small{font-size:12.5px!important;}
    .auth-card.auth-invest-card.auth-simple-card{background:linear-gradient(150deg,rgba(14,31,57,.98),rgba(6,14,29,.98))!important;}
}


/* Auth mobile logo + social row final fix v10 */
.mobile-auth-logo{display:none;align-items:center;justify-content:center;gap:9px;text-decoration:none;color:#fff;font-weight:950;letter-spacing:-.04em;margin:0 auto 18px;max-width:100%;white-space:nowrap;}
.mobile-auth-logo svg{width:34px;height:34px;color:var(--green);filter:drop-shadow(0 0 16px rgba(217,164,65,.55));flex:0 0 auto;}
.mobile-auth-logo span{font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:190px;}
.mobile-auth-logo em{font-style:normal;font-size:9px;font-weight:950;letter-spacing:.06em;color:var(--green);border:1px solid rgba(217,164,65,.34);background:rgba(217,164,65,.10);border-radius:999px;padding:5px 8px;flex:0 0 auto;}
@media(max-width:720px){
    .auth-clean-shell{align-items:flex-start!important;justify-content:flex-start!important;padding:22px 12px 84px!important;}
    .auth-clean-card-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;padding:0!important;}
    .mobile-auth-logo{display:flex!important;margin-top:2px!important;margin-bottom:18px!important;}
    .auth-card.auth-invest-card.auth-simple-card{max-width:430px!important;margin:0 auto!important;}
    .auth-login-card{margin-top:0!important;}
    .auth-social-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
    .auth-social-btn{height:42px!important;font-size:12px!important;padding:0 8px!important;gap:7px!important;white-space:nowrap!important;}
    .google-mark,.facebook-mark{width:18px!important;height:18px!important;font-size:12px!important;flex:0 0 auto!important;}
}
@media(max-width:380px){
    .mobile-auth-logo span{max-width:150px!important;font-size:12px!important;}
    .mobile-auth-logo em{font-size:8px!important;padding:4px 7px!important;}
    .auth-social-btn{font-size:11px!important;padding:0 6px!important;}
}


/* Premium Gold + Black Theme Update v11 */
:root{
  --bg:#050403 !important;
  --bg2:#0b0805 !important;
  --card:#100c07 !important;
  --card2:#171008 !important;
  --line:rgba(245,194,92,.22) !important;
  --muted:#b7a98b !important;
  --text:#fff9ed !important;
  --green:#D9A441 !important;
  --green2:#F7D98B !important;
  --blue:#B8862F !important;
  --purple:#C9A159 !important;
  --amber:#F7C45C !important;
  --red:#d8a24b !important;
  --shadow:0 28px 88px rgba(0,0,0,.58) !important;
}
body{
  background:
    radial-gradient(circle at top left,rgba(217,164,65,.15),transparent 29%),
    radial-gradient(circle at top right,rgba(247,196,92,.09),transparent 34%),
    linear-gradient(180deg,#030302 0%,#080604 48%,#030302 100%) !important;
}
.auth-body.auth-invest-body{
  background:
    radial-gradient(circle at 14% 18%, rgba(217,164,65,.18), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(247,196,92,.10), transparent 34%),
    linear-gradient(135deg,#030302 0%,#0c0804 48%,#090706 100%) !important;
}
.auth-brand-panel,
.auth-invest-panel{
  background:
    radial-gradient(circle at 22% 18%,rgba(217,164,65,.24),transparent 26%),
    radial-gradient(circle at 82% 74%,rgba(247,196,92,.13),transparent 34%),
    linear-gradient(160deg,#030302 0%,#0f0b06 100%) !important;
}
.auth-brand-panel:after{
  background:linear-gradient(90deg,rgba(217,164,65,.18),rgba(247,196,92,.08)) !important;
}
.auth-logo svg,.brand-logo svg,.mobile-auth-logo svg{
  color:#F7C45C !important;
  filter:drop-shadow(0 0 16px rgba(247,196,92,.48)) !important;
}
.badge,.brand-badge,.mobile-auth-logo em{
  color:#F7D98B !important;
  border-color:rgba(247,196,92,.38) !important;
  background:linear-gradient(135deg,rgba(217,164,65,.16),rgba(62,42,16,.24)) !important;
  box-shadow:inset 0 0 22px rgba(217,164,65,.08) !important;
}
.auth-clean-hero h1,.auth-title,.page-title,.section-title,.brand-name{
  color:#fff7e6 !important;
}
.auth-clean-hero p,.page-sub,.kpi-sub,.auth-subtitle,.muted{
  color:#c9b995 !important;
}
.auth-card.auth-invest-card.auth-simple-card,
.auth-invest-card,.card,.auth-metric-card,.auth-clean-metrics .auth-metric-card{
  background:linear-gradient(155deg,rgba(26,18,9,.96),rgba(8,7,5,.97)) !important;
  border-color:rgba(245,194,92,.22) !important;
  box-shadow:0 30px 100px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,230,170,.05) !important;
}
.topbar,.mobile-bottom-nav{
  background:rgba(5,4,3,.92) !important;
  border-color:rgba(245,194,92,.18) !important;
}
.nav a.active:after{
  background:linear-gradient(90deg,#B8862F,#F7D98B,#D9A441) !important;
  box-shadow:0 0 18px rgba(247,196,92,.72) !important;
}
.mobile-bottom-nav a.active{
  background:linear-gradient(135deg,rgba(217,164,65,.24),rgba(51,35,12,.92)) !important;
  color:#F7D98B !important;
}
.input,.select,.auth-input,.phone-input,.auth-phone-input,.phone-country-fixed{
  background:#070604 !important;
  color:#fff7e6 !important;
  border-color:rgba(245,194,92,.26) !important;
}
.input:focus,.select:focus,.auth-input:focus{
  border-color:#F7C45C !important;
  box-shadow:0 0 0 4px rgba(247,196,92,.16),0 0 28px rgba(217,164,65,.18) !important;
}
.social-btn,.auth-social-btn,.outline-btn,.auth-outline-btn,.action-btn,.table-action,.quick-action,.link-btn{
  border-color:rgba(245,194,92,.28) !important;
  background:linear-gradient(135deg,rgba(26,18,9,.78),rgba(8,7,5,.74)) !important;
  color:#F7D98B !important;
}
.primary-btn,.auth-primary-btn,.btn-primary,.gradient-btn,button.primary-btn{
  background:linear-gradient(135deg,#8A5A16 0%,#D9A441 42%,#F7D98B 100%) !important;
  color:#0b0702 !important;
  box-shadow:0 18px 42px rgba(217,164,65,.24),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.primary-btn:hover,.auth-primary-btn:hover,.action-btn:hover,.outline-btn:hover,.auth-outline-btn:hover{
  box-shadow:0 0 32px rgba(247,196,92,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.iconbox,.auth-metric-icon,.mini-icon,.green,.live-pill .live,.page-title .dot{
  color:#F7C45C !important;
}
.iconbox,.auth-metric-icon{
  background:rgba(217,164,65,.10) !important;
  border-color:rgba(247,196,92,.34) !important;
  box-shadow:inset 0 0 24px rgba(217,164,65,.10),0 0 18px rgba(217,164,65,.08) !important;
}
.kpi-value,.green,.amount-pos,.stat-value,.preview-balance-row em{
  color:#F7C45C !important;
}
.progress span,.chart path[stroke],.sparkline path,.chart-line,.earning-line{
  stroke:#D9A441 !important;
}
.progress span{
  background:linear-gradient(90deg,#8A5A16,#F7C45C,#F7D98B) !important;
}
.chart,
.preview-chart-line{
  background:linear-gradient(180deg,rgba(217,164,65,.13),rgba(217,164,65,.02),transparent) !important;
}
.divider,.auth-divider{color:#9d8e72 !important;}
.divider:before,.divider:after,.auth-divider:before,.auth-divider:after{background:rgba(245,194,92,.18) !important;}
.check-row a{color:#F7D98B !important;}
.app-toast,.investment-live-feed{
  border-color:rgba(247,196,92,.48) !important;
  background:linear-gradient(135deg,rgba(27,18,8,.97),rgba(6,5,3,.95)) !important;
  box-shadow:0 20px 70px rgba(0,0,0,.48),0 0 42px rgba(217,164,65,.24),inset 0 1px 0 rgba(255,235,178,.08) !important;
}
.app-toast:before,.investment-live-feed::before,.live-pill .live:before,.notification:after,.page-title .dot{
  background:#F7C45C !important;
  box-shadow:0 0 16px rgba(247,196,92,.9) !important;
}
.investment-live-feed small,.app-toast strong{color:#fff5d6 !important;text-shadow:0 0 14px rgba(217,164,65,.18) !important;}
.logout-button{
  border-color:rgba(247,196,92,.58) !important;
  color:#F7D98B !important;
  background:rgba(217,164,65,.06) !important;
}
.logout-button:hover{
  background:rgba(217,164,65,.14) !important;
  border-color:#F7C45C !important;
  color:#fff5d6 !important;
  box-shadow:0 0 20px rgba(217,164,65,.20) !important;
}
.status,.pill,.status-completed,.completed{border-color:rgba(247,196,92,.35) !important;background:rgba(217,164,65,.10) !important;color:#F7D98B !important;}
.red{color:#e0a54a !important}.blue{color:#d9a441 !important}.purple{color:#c9a159 !important}.amber{color:#f7c45c !important}
@media(max-width:720px){
  .auth-card.auth-invest-card.auth-simple-card{background:linear-gradient(155deg,rgba(26,18,9,.98),rgba(8,7,5,.98)) !important;}
  .auth-clean-shell{background:radial-gradient(circle at top,rgba(217,164,65,.17),transparent 28%),linear-gradient(180deg,#030302,#0c0804 52%,#050403) !important;}
}


/* =========================================================
   Emperia logo + 6-level investment package update
   ========================================================= */
.brand-logo-image,
.auth-logo img,
.mobile-auth-logo img{
  width:42px;
  height:42px;
  display:inline-block;
  object-fit:cover;
  border-radius:12px;
  border:1px solid rgba(247,196,92,.48);
  box-shadow:0 0 24px rgba(217,164,65,.38), inset 0 0 18px rgba(0,0,0,.55);
  background:#050403;
  flex:0 0 auto;
}
.brand-logo-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
}
.auth-logo img{width:50px;height:50px;border-radius:14px;}
.mobile-auth-logo img{width:38px;height:38px;border-radius:12px;}
.brand-logo-image svg,.auth-logo svg,.mobile-auth-logo svg{display:none!important;}
.invest-tier-number{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;font-weight:950;
  color:#0d0905;background:linear-gradient(145deg,#F7D98B,#B8862F);
  border:1px solid rgba(255,230,160,.56);
  box-shadow:0 10px 30px rgba(217,164,65,.18), inset 0 1px 0 rgba(255,255,255,.45);
}
@media(max-width:520px){
  .brand-logo-image{width:36px;height:36px;border-radius:10px;}
  .auth-logo img{width:44px;height:44px;}
  .mobile-auth-logo img{width:36px;height:36px;}
}

/* =========================================================
   Emperia Green Theme Restore v13
   Restores the premium emerald/cyan investor color system.
   ========================================================= */
:root{
  --bg:#050a14 !important;
  --bg2:#071326 !important;
  --card:#0b162b !important;
  --card2:#0d1b34 !important;
  --line:rgba(120,166,220,.18) !important;
  --muted:#91a1bb !important;
  --text:#f6f9ff !important;
  --green:#00e59b !important;
  --green2:#18f7b4 !important;
  --blue:#2a86ff !important;
  --purple:#9c5cff !important;
  --amber:#ffb020 !important;
  --red:#ff4f64 !important;
  --shadow:0 24px 70px rgba(0,0,0,.35) !important;
}
body{
  color:var(--text) !important;
  background:
    radial-gradient(circle at top left,rgba(0,229,155,.12),transparent 28%),
    radial-gradient(circle at top right,rgba(42,134,255,.12),transparent 28%),
    linear-gradient(180deg,#020713 0%,#061121 46%,#030914 100%) !important;
}
.auth-body.auth-invest-body,
.auth-clean-shell{
  background:
    radial-gradient(circle at 14% 18%, rgba(0,229,155,.18), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(42,134,255,.12), transparent 34%),
    linear-gradient(135deg,#030813 0%,#061426 48%,#020713 100%) !important;
}
.auth-brand-panel,
.auth-invest-panel{
  background:
    radial-gradient(circle at 22% 18%,rgba(0,229,155,.24),transparent 26%),
    radial-gradient(circle at 82% 74%,rgba(42,134,255,.13),transparent 34%),
    linear-gradient(160deg,#061121 0%,#091a34 100%) !important;
}
.auth-brand-panel:after,
.auth-invest-panel:after{
  background:linear-gradient(90deg,rgba(0,229,155,.18),rgba(42,134,255,.10)) !important;
}
.topbar,.mobile-bottom-nav{
  background:rgba(4,10,22,.90) !important;
  border-color:var(--line) !important;
}
.card,.auth-card.auth-invest-card.auth-simple-card,
.auth-invest-card,.auth-metric-card,.auth-clean-metrics .auth-metric-card,
.kpi,.feature-card,.table-card,.next-payout-card{
  background:linear-gradient(160deg,rgba(13,27,52,.94),rgba(7,15,29,.94)) !important;
  border-color:var(--line) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.badge,.brand-badge,.mobile-auth-logo em,.live-pill,
.auth-live-dot,.auth-clean-badge{
  color:var(--green) !important;
  border-color:rgba(0,229,155,.34) !important;
  background:rgba(0,229,155,.10) !important;
  box-shadow:inset 0 0 22px rgba(0,229,155,.06) !important;
}
.auth-logo img,.brand-logo-image,.mobile-auth-logo img{
  border-color:rgba(0,229,155,.46) !important;
  box-shadow:0 0 24px rgba(0,229,155,.28), inset 0 0 18px rgba(0,0,0,.55) !important;
  background:#061121 !important;
}
.auth-logo svg,.brand-logo svg,.mobile-auth-logo svg{
  color:var(--green) !important;
  filter:drop-shadow(0 0 16px rgba(0,229,155,.45)) !important;
}
.auth-clean-hero h1,.auth-title,.page-title,.section-title,.brand-name{
  color:#ffffff !important;
}
.auth-clean-hero p,.page-sub,.kpi-sub,.auth-subtitle,.muted{
  color:#a8b9d5 !important;
}
.nav a.active:after{
  background:linear-gradient(90deg,#00e59b,#18f7b4) !important;
  box-shadow:0 0 18px rgba(0,229,155,.72) !important;
}
.nav a.active,.nav a:hover{color:#fff !important;}
.mobile-bottom-nav a.active{
  background:rgba(0,229,155,.12) !important;
  color:var(--green) !important;
}
.input,.select,.auth-input,.phone-input,.auth-phone-input,.phone-country-fixed,.dark-input,.textarea{
  background:#071326 !important;
  color:#f6f9ff !important;
  border-color:rgba(120,166,220,.22) !important;
}
.input:focus,.select:focus,.auth-input:focus,.dark-input:focus,.textarea:focus{
  border-color:#00e59b !important;
  box-shadow:0 0 0 4px rgba(0,229,155,.13),0 0 28px rgba(0,229,155,.14) !important;
}
.social-btn,.auth-social-btn,.outline-btn,.auth-outline-btn,.action-btn,.table-action,.quick-action,.link-btn{
  border-color:rgba(0,229,155,.28) !important;
  background:linear-gradient(135deg,rgba(13,27,52,.82),rgba(7,15,29,.78)) !important;
  color:var(--green) !important;
}
.primary-btn,.auth-primary-btn,.btn-primary,.gradient-btn,button.primary-btn{
  background:linear-gradient(135deg,#00d084 0%,#00e59b 45%,#29c4f6 100%) !important;
  color:#03110d !important;
  box-shadow:0 18px 42px rgba(0,229,155,.22), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.primary-btn:hover,.auth-primary-btn:hover,.action-btn:hover,.outline-btn:hover,.auth-outline-btn:hover{
  box-shadow:0 0 32px rgba(0,229,155,.20), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.iconbox,.auth-metric-icon,.mini-icon,.green,.live-pill .live,.page-title .dot{
  color:var(--green) !important;
}
.iconbox,.auth-metric-icon{
  background:rgba(0,229,155,.08) !important;
  border-color:rgba(0,229,155,.32) !important;
  box-shadow:inset 0 0 24px rgba(0,229,155,.08),0 0 18px rgba(0,229,155,.07) !important;
}
.iconbox.blue{color:#6781ff !important;border-color:rgba(103,129,255,.35) !important;background:rgba(103,129,255,.10) !important;}
.iconbox.orange,.iconbox.gold{color:var(--amber) !important;border-color:rgba(255,176,32,.34) !important;background:rgba(255,176,32,.10) !important;}
.iconbox.purple{color:var(--purple) !important;border-color:rgba(156,92,255,.35) !important;background:rgba(156,92,255,.10) !important;}
.kpi-value,.green,.amount-pos,.stat-value,.preview-balance-row em{
  color:var(--green) !important;
}
.progress span{
  background:linear-gradient(90deg,#16f2ad,#38e890) !important;
}
.chart,.preview-chart-line{
  background:linear-gradient(180deg,rgba(0,229,155,.12),rgba(0,229,155,.02),transparent) !important;
}
.chart path[stroke],.sparkline path,.chart-line,.earning-line{
  stroke:#00e59b !important;
}
.divider,.auth-divider{color:#8b9bb2 !important;}
.divider:before,.divider:after,.auth-divider:before,.auth-divider:after{background:rgba(120,166,220,.18) !important;}
.check-row a{color:var(--green) !important;}
.app-toast,.investment-live-feed{
  border-color:rgba(0,229,155,.42) !important;
  background:linear-gradient(135deg,rgba(8,23,44,.96),rgba(6,16,31,.96)) !important;
  box-shadow:0 20px 70px rgba(0,0,0,.42),0 0 42px rgba(0,229,155,.16),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.app-toast:before,.investment-live-feed::before,.live-pill .live:before,.notification:after,.page-title .dot{
  background:var(--green) !important;
  box-shadow:0 0 16px rgba(0,229,155,.9) !important;
}
.investment-live-feed small,.app-toast strong{color:#eafff8 !important;text-shadow:0 0 14px rgba(0,229,155,.12) !important;}
.logout-button{
  border:1px solid rgba(255,79,100,.65) !important;
  color:#ff6b7c !important;
  background:transparent !important;
  border-radius:10px !important;
  padding:9px 15px !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.logout-button:hover{
  background:rgba(255,79,100,.10) !important;
  border-color:#ff4f64 !important;
  color:#fff !important;
  box-shadow:0 0 20px rgba(255,79,100,.18) !important;
}
.status,.pill,.status-completed,.completed{border-color:rgba(0,229,155,.35) !important;background:rgba(0,229,155,.10) !important;color:var(--green) !important;}
.red{color:var(--red) !important}.blue{color:var(--blue) !important}.purple{color:var(--purple) !important}.amber{color:var(--amber) !important}
.invest-tier-number{
  color:#03110d !important;
  background:linear-gradient(145deg,#18f7b4,#00e59b) !important;
  border-color:rgba(0,229,155,.56) !important;
  box-shadow:0 10px 30px rgba(0,229,155,.18), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.gcash-dot,.maya-dot,.bank-dot{
  background:rgba(0,229,155,.10) !important;
  border-color:rgba(0,229,155,.26) !important;
  color:var(--green) !important;
}
.affiliate-hero{background:linear-gradient(90deg,rgba(0,229,155,.15),rgba(42,134,255,.06)) !important;}
.affiliate-hero-points span{border-color:rgba(0,229,155,.24) !important;background:rgba(0,229,155,.07) !important;color:#d9fff5 !important;}
.genealogy-preview{background:radial-gradient(circle at 50% 26%,rgba(0,229,155,.12),transparent 42%),rgba(255,255,255,.015) !important;}
.genealogy-lines path,.genealogy-map-lines path{stroke:rgba(0,229,155,.55) !important;filter:drop-shadow(0 0 8px rgba(0,229,155,.65)) !important;}
.g-node,.person-node,.node{box-shadow:0 0 22px rgba(0,229,155,.15) !important;}
.g-node,.genealogy-person.root{border-color:rgba(0,229,155,.45) !important;background:linear-gradient(180deg,rgba(0,229,155,.16),rgba(3,12,25,.92)) !important;color:var(--green) !important;}
.next-payout-card:before{background:linear-gradient(90deg,var(--green),#29b9ff) !important;box-shadow:0 0 24px rgba(0,229,155,.55) !important;}
@media(max-width:720px){
  .auth-card.auth-invest-card.auth-simple-card{background:linear-gradient(155deg,rgba(13,27,52,.98),rgba(7,15,29,.98)) !important;}
  .auth-clean-shell{background:radial-gradient(circle at top,rgba(0,229,155,.16),transparent 28%),linear-gradient(180deg,#030914,#061426 52%,#020713) !important;}
}


/* =========================================================
   Mobile polish v14 — invest, earnings, affiliate cleanup
   ========================================================= */
.invest-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;}
.invest-kpis .kpi{min-width:0!important;width:auto!important;}
.investment-tier-title{font-size:clamp(24px,2.2vw,34px)!important;letter-spacing:-.045em!important;margin-bottom:18px!important;}
.invest-tier-card{display:flex!important;align-items:center!important;gap:16px!important;min-height:92px!important;border-radius:20px!important;}
.invest-tier-card .invest-tier-content{flex:1;min-width:0;}
.invest-tier-card .invest-tier-content strong{display:block;font-size:19px!important;line-height:1.15!important;color:var(--green)!important;letter-spacing:-.025em!important;}
.invest-tier-card .invest-tier-content small{display:block;margin-top:6px;font-size:14px!important;line-height:1.35!important;color:#b7c8e4!important;}
.invest-tier-card .pill{margin-left:auto;white-space:nowrap;min-width:92px;justify-content:center;text-align:center;}

.earnings-lower-grid{min-width:0!important;}
.earnings-lower-grid > .card{min-width:0!important;}
.forecast-mobile-grid{display:grid!important;grid-template-columns:repeat(5,minmax(130px,1fr))!important;gap:12px!important;}
.forecast-mobile-grid .forecast{min-width:0!important;border-radius:16px!important;}

.affiliate-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;}
.affiliate-kpis .kpi{min-width:0!important;width:auto!important;}
.referral-link-card .copy-box{overflow-wrap:anywhere;word-break:break-word;line-height:1.25;}
.affiliate-bottom-grid{display:grid!important;grid-template-columns:.8fr .8fr 1.7fr!important;gap:18px!important;}
.affiliate-bottom-grid > .card{min-width:0!important;}
.affiliate-activity-table td{white-space:normal!important;}

@media(max-width:820px){
  .invest-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .invest-kpis .kpi{padding:14px!important;border-radius:18px!important;min-height:154px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;}
  .invest-kpis .kpi-label{font-size:12px!important;line-height:1.2!important;}
  .invest-kpis .kpi-value{font-size:22px!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .invest-kpis .kpi-sub{font-size:12px!important;line-height:1.25!important;}
  .invest-kpis .action-btn{width:100%!important;min-height:34px!important;padding:8px 10px!important;font-size:12px!important;justify-content:center!important;margin-top:10px!important;}
  .invest-main-grid{grid-template-columns:1fr!important;}
  .investment-tier-title{font-size:28px!important;}
  .invest-tier-card{align-items:flex-start!important;min-height:auto!important;padding:17px!important;}
  .invest-tier-card .invest-tier-content strong{font-size:17px!important;}
  .invest-tier-card .invest-tier-content small{font-size:12.5px!important;}
  .invest-tier-card .pill{min-width:74px;font-size:11px!important;padding:7px 9px!important;}

  .earnings-lower-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .earnings-lower-grid .table-head{align-items:flex-start!important;gap:12px!important;}
  .earnings-lower-grid .section-title{font-size:21px!important;line-height:1.1!important;}
  .earnings-lower-grid .view-link{font-size:12px!important;white-space:nowrap!important;}
  .earnings-history-scroll{overflow:visible!important;}
  .earnings-history-table{display:block!important;width:100%!important;min-width:0!important;}
  .earnings-history-table thead{display:none!important;}
  .earnings-history-table tbody{display:grid!important;gap:10px!important;}
  .earnings-history-table tr{display:grid!important;gap:7px!important;padding:12px!important;border:1px solid rgba(120,166,220,.15)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;}
  .earnings-history-table td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:0!important;border:0!important;font-size:12px!important;white-space:normal!important;text-align:right!important;}
  .earnings-history-table td::before{content:attr(data-label);color:#90a3c2;font-weight:900;text-transform:uppercase;font-size:10px;letter-spacing:.08em;text-align:left!important;}
  .forecast-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .forecast-mobile-grid .forecast{padding:13px!important;min-height:106px!important;}
  .forecast-mobile-grid .forecast strong{font-size:18px!important;line-height:1.15!important;}
  .forecast-mobile-grid .forecast small,.forecast-mobile-grid .forecast span{font-size:12px!important;line-height:1.25!important;}

  .affiliate-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .affiliate-kpis .kpi{padding:14px!important;border-radius:18px!important;min-height:auto!important;}
  .affiliate-kpis .kpi-value{font-size:22px!important;line-height:1.05!important;overflow-wrap:anywhere!important;}
  .affiliate-kpis .kpi-label{font-size:12px!important;}
  .affiliate-kpis .kpi-sub{font-size:12px!important;}
  .referral-link-card{grid-column:1 / -1!important;}
  .referral-link-card .copy-box{font-size:11px!important;line-height:1.35!important;margin:8px 0!important;max-height:none!important;}
  .affiliate-hero{display:block!important;}
  .affiliate-hero h2{font-size:22px!important;line-height:1.1!important;}
  .affiliate-hero-points{margin-top:12px!important;}
  .commission-grid{grid-template-columns:1fr!important;text-align:left!important;}
  .affiliate-bottom-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .affiliate-activity-scroll{overflow:visible!important;}
  .affiliate-activity-table{display:block!important;width:100%!important;min-width:0!important;}
  .affiliate-activity-table thead{display:none!important;}
  .affiliate-activity-table tbody{display:grid!important;gap:10px!important;}
  .affiliate-activity-table tr{display:grid!important;gap:7px!important;padding:12px!important;border:1px solid rgba(120,166,220,.15)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;}
  .affiliate-activity-table td{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:0!important;border:0!important;font-size:12px!important;white-space:normal!important;text-align:right!important;}
  .affiliate-activity-table td::before{content:attr(data-label);color:#90a3c2;font-weight:900;text-transform:uppercase;font-size:10px;letter-spacing:.08em;text-align:left!important;}
}

@media(max-width:420px){
  .invest-kpis{gap:9px!important;}
  .invest-kpis .kpi{padding:12px!important;min-height:148px!important;}
  .invest-kpis .kpi-value{font-size:20px!important;}
  .forecast-mobile-grid{grid-template-columns:1fr!important;}
  .affiliate-kpis{grid-template-columns:1fr!important;}
  .referral-link-card{grid-column:auto!important;}
}

/* =========================================================
   v15 — cashier payment placeholders + affiliate mobile polish
   ========================================================= */
.payment-image-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  overflow:visible!important;
  display:grid!important;
  gap:14px!important;
}
.payment-image-card{
  min-height:104px!important;
  padding:14px!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
}
.payment-image-card strong,
.payment-image-card small,
.payment-image-card .method-icon{display:none!important;}
.payment-logo-image{
  width:100%;
  min-height:62px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1;
  color:#eafff8;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 36px rgba(0,0,0,.22);
}
.payment-logo-gcash{
  color:#55a8ff;
  text-shadow:0 0 18px rgba(42,134,255,.42);
  border-color:rgba(42,134,255,.28);
  background:radial-gradient(circle at 30% 25%,rgba(42,134,255,.22),transparent 45%),rgba(4,13,26,.82);
}
.payment-logo-maya{
  color:#22f2b4;
  text-shadow:0 0 18px rgba(0,229,155,.42);
  border-color:rgba(0,229,155,.30);
  background:radial-gradient(circle at 30% 25%,rgba(0,229,155,.20),transparent 48%),rgba(4,13,26,.82);
  font-size:20px;
}
.payment-logo-bank{
  color:#ffb020;
  border-color:rgba(255,176,32,.32);
  background:radial-gradient(circle at 30% 25%,rgba(255,176,32,.22),transparent 45%),rgba(4,13,26,.82);
}
.payment-logo-bank svg{width:36px;height:36px;filter:drop-shadow(0 0 12px rgba(255,176,32,.45));}
.saved-beneficiaries{display:none!important;}
.cashier-panel .primary-btn{background:linear-gradient(90deg,#00e59b,#29b9ff)!important;color:#04110e!important;}

@media(max-width:820px){
  .cashier-layout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .payment-image-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;
    padding-bottom:0!important;
    gap:9px!important;
  }
  .payment-image-card{min-width:0!important;min-height:82px!important;border-radius:16px!important;padding:10px!important;}
  .payment-logo-image{min-height:52px!important;border-radius:14px!important;font-size:13px!important;}
  .payment-logo-maya{font-size:16px!important;}
  .payment-logo-bank svg{width:27px;height:27px;}

  .affiliate-kpis{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    overflow:visible!important;
    padding:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .affiliate-kpis .kpi{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:16px!important;
    border-radius:20px!important;
    min-height:auto!important;
  }
  .affiliate-kpis .kpi-label{font-size:13px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  .affiliate-kpis .kpi-value{font-size:26px!important;line-height:1.05!important;white-space:normal!important;}
  .affiliate-kpis .kpi-sub{font-size:13px!important;display:block!important;overflow:visible!important;line-clamp:unset!important;-webkit-line-clamp:unset!important;}
  .affiliate-kpis .action-btn{height:40px!important;font-size:13px!important;margin-top:12px!important;}
  .referral-link-card{grid-column:auto!important;}
  .referral-link-card .copy-box{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-height:1.3!important;
    padding:13px!important;
    font-size:12px!important;
  }
  .affiliate-main-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .affiliate-main-grid .card,.affiliate-bottom-grid .card{width:100%!important;max-width:100%!important;}
  .affiliate-hero{padding:20px!important;border-radius:22px!important;}
  .affiliate-hero h2{font-size:24px!important;line-height:1.08!important;}
  .affiliate-hero p{font-size:14px!important;line-height:1.45!important;}
  .commission-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .commission-grid .legend-row{font-size:14px!important;}
}

@media(max-width:430px){
  .payment-image-grid{gap:8px!important;}
  .payment-image-card{min-height:76px!important;padding:8px!important;}
  .payment-logo-image{min-height:48px!important;font-size:12px!important;}
  .payment-logo-maya{font-size:15px!important;}
  .payment-logo-bank svg{width:25px;height:25px;}
}


/* v18 — live mode investment modal, 2-level genealogy, simple green UI */
.invest-main-grid{grid-template-columns:1fr!important;}
.invest-tier-list{gap:14px!important;}
.invest-tier-card{position:relative;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:linear-gradient(145deg,rgba(0,229,155,.07),rgba(11,24,46,.88))!important;border-color:rgba(0,229,155,.22)!important;}
.invest-tier-card::after{display:none!important;}
.invest-tier-card.is-locked{opacity:.72;background:rgba(255,255,255,.018)!important;border-color:rgba(120,166,220,.14)!important;}
.package-open-btn{border:1px solid rgba(0,229,155,.35)!important;cursor:pointer;color:var(--green)!important;background:rgba(0,229,155,.10)!important;min-width:102px!important;justify-content:center!important;}
.package-open-btn:hover{background:rgba(0,229,155,.18)!important;box-shadow:0 0 18px rgba(0,229,155,.16)!important;}
.investment-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:20px;}
.investment-modal.is-open{display:flex;}
.investment-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);}
.investment-modal__card{position:relative;width:min(460px,100%);border:1px solid rgba(0,229,155,.28);border-radius:26px;background:radial-gradient(circle at top right,rgba(0,229,155,.14),transparent 40%),linear-gradient(160deg,rgba(13,27,52,.98),rgba(5,12,24,.98));box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 40px rgba(0,229,155,.08);padding:24px;}
.investment-modal__close{position:absolute;right:16px;top:14px;width:34px;height:34px;border-radius:12px;border:1px solid rgba(120,166,220,.18);background:rgba(255,255,255,.035);color:#fff;font-size:23px;line-height:1;cursor:pointer;}
.modal-summary-card{box-shadow:none!important;background:rgba(3,10,21,.65)!important;border-radius:18px!important;margin-top:4px!important;}
#activatePackageBtn{margin-top:16px!important;background:linear-gradient(90deg,#00e59b,#29b9ff)!important;color:#02110e!important;}
.simple-genealogy-map{min-height:420px;border:1px solid rgba(120,166,220,.14);border-radius:22px;background:radial-gradient(circle at top,rgba(0,229,155,.11),transparent 38%),rgba(255,255,255,.015);padding:26px;overflow:auto;}
.genealogy-level{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;position:relative;z-index:2;}
.simple-person{min-width:132px;text-align:center;padding:13px 16px;border-radius:18px;border:1px solid rgba(0,229,155,.30);background:rgba(5,15,30,.88);box-shadow:0 18px 42px rgba(0,0,0,.20),0 0 18px rgba(0,229,155,.08);}
.simple-person strong{display:block;color:#fff;line-height:1.15;}
.simple-person small{display:block;color:#a5b7d2;font-size:12px;margin-top:4px;}
.simple-person.root{background:linear-gradient(180deg,rgba(0,229,155,.16),rgba(5,15,30,.94));border-color:rgba(0,229,155,.55);}
.simple-person.tier2{border-color:rgba(42,185,255,.28);}
.simple-person.empty{opacity:.72;border-style:dashed;}
.straight-line.vertical{width:2px;height:36px;background:linear-gradient(180deg,rgba(0,229,155,.0),rgba(0,229,155,.78),rgba(0,229,155,.0));margin:8px auto;box-shadow:0 0 14px rgba(0,229,155,.45);}
.genealogy-connector.horizontal{height:2px;max-width:720px;margin:0 auto 18px;background:linear-gradient(90deg,rgba(0,229,155,0),rgba(0,229,155,.65),rgba(0,229,155,0));box-shadow:0 0 14px rgba(0,229,155,.35);}
.genealogy-connector.muted-line{opacity:.55;}
.genealogy-summary-grid{gap:18px!important;}
@media(max-width:820px){
  .invest-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:0!important;margin-left:0!important;margin-right:0!important;}
  .invest-kpis .kpi{min-width:0!important;max-width:none!important;min-height:132px!important;padding:14px!important;}
  .invest-kpis .kpi-label{font-size:11px!important;white-space:normal!important;}
  .invest-kpis .kpi-value{font-size:20px!important;line-height:1.05!important;}
  .invest-kpis .kpi-sub{font-size:11.5px!important;}
  .invest-kpis .action-btn{height:32px!important;font-size:11px!important;margin-top:8px!important;}
  .investment-tier-title{font-size:26px!important;}
  .invest-tier-card{display:grid!important;grid-template-columns:1fr auto!important;min-height:auto!important;padding:16px!important;}
  .invest-tier-card .invest-tier-content strong{font-size:18px!important;}
  .invest-tier-card .invest-tier-content small{font-size:12.5px!important;}
  .package-open-btn,.invest-tier-card .pill{min-width:84px!important;font-size:11px!important;padding:8px 10px!important;}
  .investment-modal__card{padding:20px;border-radius:22px;}
  .simple-genealogy-map{min-height:0;padding:18px;}
  .genealogy-level{display:grid;grid-template-columns:1fr;gap:12px;}
  .simple-person{width:100%;min-width:0;}
  .genealogy-connector.horizontal{display:none;}
  .genealogy-summary-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   v19 — live system cleanup, green theme hard override
   ========================================================= */
:root{
  --bg:#050a14 !important;
  --bg2:#071326 !important;
  --card:#0b162b !important;
  --card2:#0d1b34 !important;
  --line:rgba(120,166,220,.18) !important;
  --muted:#91a1bb !important;
  --text:#f6f9ff !important;
  --green:#00e59b !important;
  --green2:#18f7b4 !important;
  --blue:#2a86ff !important;
  --purple:#9c5cff !important;
  --amber:#ffb020 !important;
  --red:#ff4f64 !important;
}
body{background:radial-gradient(circle at top left,rgba(0,229,155,.11),transparent 28%),radial-gradient(circle at top right,rgba(42,134,255,.10),transparent 28%),linear-gradient(180deg,#050a14 0%,#071326 46%,#050a14 100%)!important;color:var(--text)!important;}
.brand-logo-image{width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid rgba(0,229,155,.28)!important;background:rgba(6,17,33,.70)!important;box-shadow:0 0 18px rgba(0,229,155,.14)!important;padding:2px!important;overflow:hidden!important;}
.brand-logo-image img{object-fit:contain!important;border-radius:8px!important;background:#050a14!important;}
.auth-logo img,.mobile-auth-logo img{object-fit:contain!important;border-color:rgba(0,229,155,.28)!important;box-shadow:0 0 20px rgba(0,229,155,.15)!important;}
.brand-name{color:#fff!important;text-shadow:none!important;}
.card,.kpi,.table-card,.feature-card,.auth-invest-card,.auth-card.auth-invest-card.auth-simple-card{background:linear-gradient(160deg,rgba(13,27,52,.94),rgba(7,15,29,.94))!important;border-color:var(--line)!important;}
.badge,.brand-badge,.live-pill,.pill.green{border-color:rgba(0,229,155,.34)!important;background:rgba(0,229,155,.10)!important;color:var(--green)!important;}
.nav a.active:after,.tab.active:after{background:linear-gradient(90deg,#00e59b,#18f7b4)!important;box-shadow:0 0 18px rgba(0,229,155,.72)!important;}
.green,.view-link,.tab.active,.kpi-value.green,.live-pill .live{color:var(--green)!important;}
.progress span{background:linear-gradient(90deg,#00e59b,#18f7b4)!important;}
.primary-btn,.cashier-panel .primary-btn,#activatePackageBtn{background:linear-gradient(135deg,#00d084 0%,#00e59b 45%,#29c4f6 100%)!important;color:#03110d!important;box-shadow:0 18px 42px rgba(0,229,155,.22),inset 0 1px 0 rgba(255,255,255,.28)!important;}
.action-btn,.outline-btn,.quick-action,.social-btn,.auth-social-btn{border-color:rgba(0,229,155,.28)!important;background:rgba(0,229,155,.06)!important;color:var(--green)!important;}
.iconbox{background:rgba(0,229,155,.08)!important;border-color:rgba(0,229,155,.32)!important;color:var(--green)!important;box-shadow:inset 0 0 24px rgba(0,229,155,.08),0 0 18px rgba(0,229,155,.07)!important;}
.iconbox.blue{color:#6781ff!important;border-color:rgba(103,129,255,.35)!important;background:rgba(103,129,255,.10)!important;}
.iconbox.orange,.iconbox.gold{color:var(--amber)!important;border-color:rgba(255,176,32,.34)!important;background:rgba(255,176,32,.10)!important;}
.iconbox.purple{color:var(--purple)!important;border-color:rgba(156,92,255,.35)!important;background:rgba(156,92,255,.10)!important;}
.pill.amber{background:rgba(255,176,32,.12)!important;border-color:rgba(255,176,32,.3)!important;color:var(--amber)!important;}
.chart path[stroke],.spark path{stroke:#00e59b!important;}
.empty-state{color:#9ba9bf!important;}
.app-toast.error{border-color:rgba(255,79,100,.38)!important;background:linear-gradient(135deg,rgba(45,12,20,.96),rgba(16,9,18,.96))!important;}
.app-toast.error strong{color:#ffc7cf!important;}
.logout-button{border:1px solid rgba(255,79,100,.65)!important;color:#ff6b7c!important;background:transparent!important;border-radius:10px!important;padding:9px 15px!important;font-size:13px!important;font-weight:800!important;}
.logout-button:hover{background:rgba(255,79,100,.10)!important;border-color:#ff4f64!important;color:#fff!important;}
.invest-tier-number{display:none!important;}
.investment-tier-title{font-size:24px!important;}
.invest-tier-card{display:flex!important;padding:18px!important;border-radius:20px!important;}
.invest-tier-content strong{font-size:18px!important;color:#fff!important;}
.invest-tier-content small{display:block;margin-top:5px;color:#a8b9d5!important;}
.package-open-btn{min-width:112px!important;border-radius:12px!important;}
.investment-modal__card{border-color:rgba(0,229,155,.30)!important;background:radial-gradient(circle at top right,rgba(0,229,155,.14),transparent 40%),linear-gradient(160deg,rgba(13,27,52,.98),rgba(5,12,24,.98))!important;}
.dark-input{background:#071326!important;color:#f6f9ff!important;border-color:rgba(120,166,220,.22)!important;}
.dark-input:focus{border-color:#00e59b!important;box-shadow:0 0 0 4px rgba(0,229,155,.13)!important;}
.method-grid.payment-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.method-card.active,.payment-image-card.active{border-color:rgba(0,229,155,.45)!important;box-shadow:0 0 20px rgba(0,229,155,.12)!important;background:rgba(0,229,155,.06)!important;}
.payment-logo-bank{color:var(--green)!important;border-color:rgba(0,229,155,.28)!important;background:radial-gradient(circle at 30% 25%,rgba(0,229,155,.20),transparent 45%),rgba(4,13,26,.82)!important;}
.data-table td,.data-table th{white-space:normal!important;}
.active-plan-table td{vertical-align:top!important;}
.cashier-history-grid{grid-template-columns:1fr 1fr!important;}
@media(max-width:820px){
  .brand-logo-image{width:34px!important;height:34px!important;padding:2px!important;}
  .invest-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .invest-kpis .kpi{min-height:136px!important;padding:14px!important;}
  .invest-kpis .kpi-value{font-size:20px!important;}
  .invest-tier-card{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:16px!important;align-items:start!important;}
  .package-open-btn,.invest-tier-card .pill{width:100%!important;justify-content:center!important;}
  .investment-tier-title{font-size:25px!important;}
  .cashier-history-grid{grid-template-columns:1fr!important;}
  .earnings-history-table,.active-plan-table{display:block!important;min-width:0!important;width:100%!important;}
  .earnings-history-table thead,.active-plan-table thead{display:none!important;}
  .earnings-history-table tbody,.active-plan-table tbody{display:grid!important;gap:10px!important;}
  .earnings-history-table tr,.active-plan-table tr{display:grid!important;gap:8px!important;padding:12px!important;border:1px solid rgba(120,166,220,.16)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;}
  .earnings-history-table td,.active-plan-table td{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:0!important;border:0!important;text-align:right!important;font-size:12px!important;}
  .earnings-history-table td::before,.active-plan-table td::before{content:attr(data-label);color:#90a3c2;font-weight:900;text-transform:uppercase;font-size:10px;letter-spacing:.08em;text-align:left!important;}
  .forecast-mobile-grid{display:grid!important;grid-template-columns:1fr!important;}
  .payment-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;}
  .payment-image-card{min-height:76px!important;padding:8px!important;}
  .payment-logo-image{min-height:48px!important;font-size:12px!important;}
  .actions-grid,.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .app-toast{left:14px!important;right:14px!important;top:14px!important;width:auto!important;}
}
@media(max-width:430px){
  .invest-kpis{gap:8px!important;}
  .invest-kpis .kpi{min-height:128px!important;padding:12px!important;}
  .invest-kpis .action-btn{font-size:10.5px!important;}
  .actions-grid,.snapshot-grid{gap:8px!important;}
}

/* === KRM LIVE ADMIN + CASHIER PATCH v24 === */
.section-title:before{content:none!important;display:none!important}.investment-tier-title{font-size:26px!important;font-weight:950!important;letter-spacing:-.03em!important}.cashier-tabs{display:inline-flex!important;gap:8px!important;padding:6px!important;border:1px solid rgba(0,229,155,.18)!important;border-radius:16px!important;background:rgba(3,10,22,.55)!important;margin-bottom:16px!important}.cashier-tabs .tab{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#9eb0cc!important;height:42px!important;padding:0 24px!important;font-weight:900!important;cursor:pointer!important}.cashier-tabs .tab.active{background:linear-gradient(90deg,rgba(0,229,155,.18),rgba(35,190,255,.14))!important;color:#00e59b!important;box-shadow:inset 0 0 0 1px rgba(0,229,155,.28)!important}.cashier-tabs .tab:after{display:none!important}.selectable-method-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;overflow:visible!important}.selectable-method input{position:absolute;opacity:0;pointer-events:none}.selectable-method{cursor:pointer!important;min-height:92px!important;display:grid!important;place-items:center!important;padding:12px!important}.payment-image-card.active,.selectable-method.active{border-color:rgba(0,229,155,.65)!important;background:linear-gradient(160deg,rgba(0,229,155,.12),rgba(35,190,255,.05))!important;box-shadow:0 0 22px rgba(0,229,155,.15)!important}.payment-logo-image{font-weight:950!important;font-size:20px!important;letter-spacing:-.03em!important}.payment-logo-gcash{color:#33a1ff!important}.payment-logo-maya{color:#20f1b1!important}.payment-logo-bank{color:#ffbd34!important}.payment-logo-bank svg{width:32px!important;height:32px!important}.method-instruction{display:none;margin:12px 0 0;border:1px solid rgba(0,229,155,.18);background:rgba(0,229,155,.06);border-radius:14px;padding:12px;color:#bde7dc;line-height:1.5}.alert-card{margin-bottom:18px;border-radius:18px}.alert-card.error{border-color:rgba(255,79,100,.35)!important;background:rgba(255,79,100,.06)!important;color:#ff9aa6}.alert-card.success{border-color:rgba(0,229,155,.28)!important;background:rgba(0,229,155,.06)!important;color:#aefce8}.brand-logo-image img{object-fit:cover!important;object-position:center!important}.straight-preview-map,.simple-straight-genealogy{display:grid;gap:14px;justify-items:center;padding:14px 0 4px}.straight-root,.straight-node{border:1px solid rgba(0,229,155,.28);background:linear-gradient(160deg,rgba(0,229,155,.10),rgba(8,19,38,.92));border-radius:16px;padding:12px 18px;min-width:140px;text-align:center}.straight-root strong,.straight-node strong{display:block;font-weight:950}.straight-root small,.straight-node small{color:#9cb0cd}.straight-node.empty{opacity:.75;border-style:dashed}.straight-node.tier2{border-color:rgba(54,142,255,.28)}.straight-line-down{width:2px;height:30px;background:linear-gradient(#00e59b,rgba(0,229,155,.18));box-shadow:0 0 12px rgba(0,229,155,.45)}.straight-line-down.muted-line{background:linear-gradient(#368eff,rgba(54,142,255,.1))}.straight-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;width:100%}.straight-row.full{padding:8px;border:1px solid rgba(120,166,220,.12);border-radius:18px;background:rgba(255,255,255,.015)}.simple-straight-genealogy h3{margin:0;color:#eaf3ff}.admin-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr;background:#050a14;color:#fff}.admin-sidebar{position:sticky;top:0;height:100vh;padding:22px;background:linear-gradient(180deg,rgba(8,19,38,.98),rgba(3,8,18,.98));border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px}.admin-brand{padding-bottom:16px;border-bottom:1px solid var(--line)}.admin-brand span:last-child{display:grid}.admin-brand small{color:#90a3c0}.admin-nav{display:grid;gap:8px}.admin-nav a{padding:13px 14px;border-radius:14px;color:#b9c8df;font-weight:900}.admin-nav a.active,.admin-nav a:hover{background:rgba(0,229,155,.10);color:#00e59b}.admin-logout{margin-top:auto;border:1px solid rgba(255,79,100,.45)!important;color:#ff6f7d!important;border-radius:12px!important;padding:12px 16px!important}.admin-main{padding:28px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.admin-top h1{margin:0;font-size:34px;letter-spacing:-.05em}.admin-top p{margin:6px 0 0;color:#9fb0c9}.admin-kpis{margin-bottom:18px}.admin-inline-form{display:grid;grid-template-columns:1fr 160px;gap:12px}.admin-grid-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-grid-form textarea{grid-column:span 2;min-height:90px;padding:14px}.admin-mini-form{display:flex;gap:8px;align-items:center;min-width:360px}.dark-input.small{min-width:82px;max-width:120px}.admin-pagination{margin-top:14px;color:#aab8cf}.admin-table td{vertical-align:top}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-nav{grid-template-columns:1fr 1fr}.admin-main{padding:18px}.admin-grid-form{grid-template-columns:1fr}.admin-grid-form textarea{grid-column:auto}.admin-inline-form{grid-template-columns:1fr}.admin-mini-form{min-width:0;display:grid;grid-template-columns:1fr}.selectable-method-grid{grid-template-columns:repeat(3,minmax(100px,1fr))!important;overflow-x:auto!important}.payment-logo-image{font-size:15px!important}.cashier-tabs{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.cashier-tabs .tab{padding:0 10px!important}.straight-row{display:grid;grid-template-columns:1fr 1fr}.straight-node{min-width:0;width:100%}}


/* KRM Admin polish + live cashier checkout v30 */
:root{--bg:#030812;--bg2:#06111f;--card:#0b1729;--card2:#10213b;--line:rgba(0,229,155,.22);--muted:#9fb0ca;--text:#f5fbff;--green:#00e59b;--green2:#25f3bd;--blue:#35a4ff;--purple:#9a5cff;--amber:#ffb323;--red:#ff4f64;--shadow:0 28px 88px rgba(0,0,0,.45);}
body{background:radial-gradient(circle at top left,rgba(0,229,155,.10),transparent 30%),radial-gradient(circle at top right,rgba(53,164,255,.08),transparent 30%),linear-gradient(180deg,#030812 0%,#06101f 52%,#030812 100%)!important;color:var(--text)!important;}
.primary-btn{background:linear-gradient(90deg,#00d58f 0%,#2db9ff 100%)!important;color:#020915!important;box-shadow:0 16px 38px rgba(0,229,155,.20)!important;}
.outline-btn{background:rgba(0,229,155,.06)!important;border:1px solid rgba(0,229,155,.34)!important;color:#00e59b!important;}
.dark-input{background:#071020!important;border:1px solid rgba(135,166,210,.22)!important;color:#f5fbff!important;border-radius:14px!important;}
.dark-input:focus{border-color:rgba(0,229,155,.72)!important;box-shadow:0 0 0 4px rgba(0,229,155,.10)!important;outline:0!important;}
.premium-admin-shell{background:linear-gradient(180deg,#030812,#040914)!important;}
.premium-admin-sidebar{background:linear-gradient(180deg,rgba(8,19,38,.98),rgba(3,8,18,.98))!important;border-right:1px solid rgba(0,229,155,.14)!important;box-shadow:24px 0 70px rgba(0,0,0,.24)!important;}
.admin-brand .brand-logo-image{width:42px!important;height:42px!important;border-radius:12px!important;overflow:hidden!important;border:1px solid rgba(0,229,155,.22)!important;}
.admin-brand strong{font-size:16px!important;letter-spacing:-.02em!important}.admin-brand small{font-size:12px!important;color:#8ea4c2!important}
.admin-nav a{border:1px solid transparent!important;transition:.18s ease!important;}
.admin-nav a.active,.admin-nav a:hover{background:linear-gradient(90deg,rgba(0,229,155,.16),rgba(35,190,255,.08))!important;border-color:rgba(0,229,155,.22)!important;color:#00e59b!important;}
.premium-admin-main{padding:34px!important;}
.premium-admin-top{margin-bottom:22px!important;padding-bottom:18px!important;border-bottom:1px solid rgba(135,166,210,.12)!important;}
.premium-admin-top h1{font-size:36px!important;line-height:1!important;letter-spacing:-.055em!important;}
.premium-admin-top p{display:none!important;}
.admin-top-btn{width:auto!important;min-width:180px!important;padding:0 22px!important;}
.admin-toolbar{margin-bottom:18px!important;background:linear-gradient(160deg,rgba(12,26,50,.88),rgba(6,14,29,.94))!important;}
.admin-search-form{display:grid!important;grid-template-columns:1fr 150px!important;gap:12px!important;}
.premium-table-card{background:linear-gradient(160deg,rgba(12,26,50,.92),rgba(6,14,29,.94))!important;border-color:rgba(135,166,210,.16)!important;}
.premium-admin-table th{font-size:11px!important;letter-spacing:.08em!important;color:#88a0c1!important;}
.premium-admin-table td{padding:18px 14px!important;vertical-align:middle!important;}
.admin-action-row{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
.mini-action{height:36px!important;width:auto!important;margin:0!important;padding:0 13px!important;border-radius:11px!important;font-size:12px!important;white-space:nowrap!important;}
.mini-delete{height:36px!important;padding:0 13px!important;border-radius:11px!important;font-size:12px!important;}
.level-chip{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#00e59b,#4cfcc8);color:#02101b;display:grid;place-items:center;font-weight:950;}
.type-badge{display:inline-flex;align-items:center;border:1px solid rgba(0,229,155,.2);border-radius:999px;padding:6px 10px;background:rgba(0,229,155,.08);color:#bfffee;font-weight:800;font-size:12px;}
.krm-modal{position:fixed!important;inset:0!important;background:rgba(1,5,12,.72)!important;display:none!important;align-items:center!important;justify-content:center!important;z-index:300!important;padding:20px!important;backdrop-filter:blur(12px)!important;}
.krm-modal.show{display:flex!important;}
.krm-modal-card{position:relative!important;width:min(660px,100%)!important;max-height:90vh!important;overflow:auto!important;border:1px solid rgba(0,229,155,.20)!important;border-radius:24px!important;background:linear-gradient(160deg,rgba(13,29,54,.98),rgba(5,12,25,.98))!important;box-shadow:0 34px 100px rgba(0,0,0,.55),0 0 60px rgba(0,229,155,.09)!important;padding:26px!important;}
.krm-modal-card.compact{width:min(500px,100%)!important;}
.krm-modal-card h2{margin:0 0 18px!important;font-size:26px!important;letter-spacing:-.04em!important;}
.krm-modal-close{position:absolute;right:18px;top:16px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#dcecff;font-size:22px;cursor:pointer;}
.admin-modal-form{display:grid!important;gap:12px!important;}.form-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}.form-grid-3{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;}.textarea-input{min-height:110px!important;padding:14px!important;resize:vertical!important;}.file-input{padding:11px!important;height:auto!important;}
.admin-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}.payment-admin-card{display:grid;gap:16px;}.payment-admin-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.payment-admin-head strong{font-size:20px}.payment-admin-head small{display:block;color:#91a5c3;margin-top:4px}.payment-admin-body{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-admin-body div{border:1px solid rgba(135,166,210,.12);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}.payment-admin-body span{display:block;font-size:12px;color:#8da0bd;margin-bottom:5px}.payment-admin-body strong{font-size:13px}.admin-qr-preview{width:100%;max-height:180px;object-fit:contain;background:#071020;border:1px solid rgba(135,166,210,.14);border-radius:16px;padding:10px;}
.admin-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.admin-detail-list div{border:1px solid rgba(135,166,210,.12);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}.admin-detail-list span{display:block;color:#8da0bd;font-size:12px;margin-bottom:5px}.admin-detail-list strong{font-size:14px;word-break:break-word;}
.admin-login-body{min-height:100vh;background:radial-gradient(circle at 50% 15%,rgba(0,229,155,.14),transparent 28%),linear-gradient(180deg,#030812,#06101f)!important;display:grid;place-items:center;padding:22px;}.admin-login-wrap{width:100%;display:grid;place-items:center;}.admin-login-card{width:min(460px,100%);border:1px solid rgba(0,229,155,.20);border-radius:28px;background:linear-gradient(160deg,rgba(12,26,50,.94),rgba(5,12,25,.98));padding:34px;box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 60px rgba(0,229,155,.09)}.admin-login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;font-weight:950}.admin-login-logo img{width:44px;height:44px;border-radius:13px;object-fit:cover}.admin-login-card h1{text-align:center;font-size:36px;line-height:1;margin:0 0 8px;letter-spacing:-.05em}.admin-login-card p{text-align:center;color:#9fb0ca;margin:0 0 24px}.admin-login-back{margin-top:12px!important;}
.impersonation-bar{position:sticky;top:74px;z-index:49;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(0,229,155,.10);border-bottom:1px solid rgba(0,229,155,.18);padding:10px;color:#cffff1;font-weight:800}.impersonation-bar form{margin:0}.impersonation-bar .outline-btn{height:30px!important;margin:0!important;padding:0 12px!important;width:auto!important;font-size:12px!important;}
/* Cashier premium checkout */
.cashier-tabs{background:rgba(3,10,22,.68)!important;border:1px solid rgba(0,229,155,.16)!important;border-radius:16px!important;padding:6px!important;display:inline-grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}.cashier-tabs .tab{background:transparent!important;color:#a9b9d1!important;border:0!important;border-radius:12px!important;height:42px!important;padding:0 24px!important;font-weight:950!important;cursor:pointer!important}.cashier-tabs .tab.active{background:linear-gradient(90deg,rgba(0,229,155,.18),rgba(45,185,255,.10))!important;color:#00e59b!important;box-shadow:inset 0 0 0 1px rgba(0,229,155,.25)!important;}.selectable-method-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;overflow:visible!important}.selectable-method{cursor:pointer!important;min-height:96px!important;display:grid!important;place-items:center!important;padding:12px!important;position:relative!important;}.selectable-method input{position:absolute;opacity:0;pointer-events:none}.selectable-method.active{border-color:rgba(0,229,155,.65)!important;background:linear-gradient(160deg,rgba(0,229,155,.12),rgba(35,190,255,.05))!important;box-shadow:0 0 22px rgba(0,229,155,.15)!important}.selectable-method.disabled{opacity:.42!important;filter:grayscale(.4);cursor:not-allowed!important;}.method-unavailable{position:absolute;bottom:8px;color:#ffb323;font-weight:900;font-size:10px;}.payment-logo-image{font-weight:950!important;font-size:18px!important;letter-spacing:-.03em!important}.payment-logo-gcash{color:#33a1ff!important}.payment-logo-maya{color:#20f1b1!important}.payment-logo-bank{color:#ffbd34!important}.payment-modal-card{width:min(620px,100%)!important}.payment-modal-grid{display:grid;grid-template-columns:210px 1fr;gap:16px;margin-bottom:16px}.qr-box{min-height:210px;border:1px solid rgba(135,166,210,.16);border-radius:20px;background:#071020;display:grid;place-items:center;padding:14px;color:#8fa4c2;text-align:center}.qr-box img{width:100%;height:100%;max-height:240px;object-fit:contain;border-radius:14px}.payment-detail-list{display:grid;gap:10px}.payment-detail-list div{border:1px solid rgba(135,166,210,.14);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}.payment-detail-list span{display:block;font-size:12px;color:#8ea0bd;margin-bottom:5px}.payment-detail-list strong{word-break:break-word}.payment-instructions{border:1px solid rgba(0,229,155,.18);border-radius:16px;background:rgba(0,229,155,.06);padding:14px;line-height:1.6;color:#c8fff0;margin-bottom:16px;white-space:pre-line}.payment-modal-sub{margin-top:-8px;margin-bottom:18px!important;}
@media(max-width:1100px){.admin-card-grid{grid-template-columns:1fr 1fr}.payment-modal-grid{grid-template-columns:1fr}.qr-box{min-height:180px}.admin-search-form{grid-template-columns:1fr!important}.admin-top-btn{width:100%!important}.premium-admin-top{display:grid!important}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}.admin-detail-list{grid-template-columns:1fr}.payment-admin-body{grid-template-columns:1fr}}
@media(max-width:900px){.premium-admin-main{padding:18px!important}.admin-card-grid{grid-template-columns:1fr}.admin-sidebar{height:auto!important;position:relative!important}.admin-nav{grid-template-columns:1fr 1fr!important}.premium-admin-top h1{font-size:30px!important}.selectable-method-grid{grid-template-columns:repeat(3,minmax(110px,1fr))!important;overflow-x:auto!important;}.cashier-tabs{width:100%!important}.cashier-tabs .tab{padding:0 10px!important}.payment-logo-image{font-size:14px!important}}
@media(max-width:560px){.admin-nav{grid-template-columns:1fr!important}.premium-admin-table td,.premium-admin-table th{white-space:nowrap}.krm-modal-card{padding:20px!important}.admin-login-card{padding:26px 20px}.admin-login-card h1{font-size:32px}.payment-modal-grid{gap:12px}.payment-detail-list div{padding:10px}.qr-box{min-height:160px}.selectable-method-grid{grid-template-columns:repeat(3,120px)!important}.payment-image-grid{padding-bottom:5px}}

/* KRM v31 — cashier payment modal, withdrawal confirmation, tier unlock polish */
.payment-simple-modal h2{text-align:center!important;margin-bottom:18px!important}.payment-simple-body{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:stretch;margin-bottom:18px}.payment-pay-card{border:1px solid rgba(0,229,155,.20);border-radius:22px;background:linear-gradient(160deg,rgba(0,229,155,.08),rgba(7,16,32,.92));padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px}.method-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:999px;background:rgba(0,229,155,.12);border:1px solid rgba(0,229,155,.35);color:#00e59b;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.payment-pay-card small{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8fa4c2;font-weight:800}.pay-number{font-size:28px;line-height:1.15;color:#fff;margin:8px 0 18px;word-break:break-word}.pay-amount{font-size:34px;line-height:1.1;margin-top:8px}.withdraw-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.withdraw-bank-field{grid-column:1/-1}.withdraw-warning{display:grid;gap:6px;border:1px solid rgba(255,179,35,.24);background:rgba(255,179,35,.08);border-radius:18px;padding:14px;margin-bottom:14px;color:#ffe0a5}.withdraw-warning strong{color:#ffbd34}.withdraw-warning span{color:#d6c6a8}.admin-detail-wide{grid-column:1/-1}.admin-detail-wide strong{white-space:normal!important;line-height:1.45!important;color:#dcecff!important}.cashier-tabs{border-radius:18px!important}.cashier-tabs .tab{min-width:132px!important}.cashier-tabs .tab.active{background:linear-gradient(90deg,rgba(0,229,155,.20),rgba(35,190,255,.12))!important;color:#00e59b!important}.selectable-method.active{transform:translateY(-1px)}
@media(max-width:720px){.payment-simple-body{grid-template-columns:1fr}.payment-pay-card{min-height:170px}.pay-number{font-size:24px}.pay-amount{font-size:30px}.withdraw-details-grid{grid-template-columns:1fr}.cashier-tabs .tab{min-width:0!important}.payment-modal-card{width:min(480px,100%)!important}}

/* KRM v32 — cashier withdrawal fields + mobile KPI 2x2 */
.withdraw-bank-field[hidden]{display:none!important}
.withdraw-details-grid .field label{display:block;margin-bottom:8px;color:#b9c8df;font-weight:900;font-size:13px}
@media(max-width:820px){
  .cashier-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .cashier-kpi-grid .kpi{min-height:118px!important;padding:14px!important;border-radius:18px!important}
  .cashier-kpi-grid .kpi-label{font-size:11px!important;line-height:1.2!important;white-space:normal!important}
  .cashier-kpi-grid .kpi-value{font-size:21px!important;line-height:1.1!important;margin:7px 0!important;letter-spacing:-.04em!important}
  .cashier-kpi-grid .kpi-sub{font-size:11px!important;line-height:1.25!important;color:#94a5bd!important}
  .withdraw-details-grid{grid-template-columns:1fr!important;gap:12px!important}
}
@media(max-width:430px){
  .cashier-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cashier-kpi-grid .kpi{padding:12px!important;min-height:110px!important}
  .cashier-kpi-grid .kpi-value{font-size:19px!important}
  .cashier-kpi-grid .kpi-sub{font-size:10.5px!important}
}

/* Strong withdraw method visibility fix */
.cashier-form[data-payment-form="withdraw"] .withdraw-bank-field,
.cashier-form[data-payment-form="withdraw"] .withdraw-bank-field.is-hidden{display:none!important}
.cashier-form[data-payment-form="withdraw"].bank-selected .withdraw-bank-field{display:block!important}

/* Emperia Minings final logo + payment modal cleanup */
.brand-logo-image,
.auth-logo img,
.mobile-auth-logo img,
.admin-brand .brand-logo-image{
  background:#02060d!important;
  border-color:rgba(0,229,155,.35)!important;
  box-shadow:0 0 20px rgba(0,229,155,.18), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.brand-logo-image img,
.auth-logo img,
.mobile-auth-logo img,
.admin-brand .brand-logo-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.payment-simple-modal{
  width:min(440px,94vw)!important;
}
.payment-simple-modal h2{
  font-size:28px!important;
  letter-spacing:-.04em!important;
  text-align:center!important;
}
.payment-simple-stack{
  display:grid!important;
  gap:16px!important;
  justify-items:center!important;
  margin:16px 0 18px!important;
}
.payment-simple-stack .qr-box,
.qr-box-large{
  width:min(280px,100%)!important;
  min-height:280px!important;
  aspect-ratio:1/1!important;
  border-radius:24px!important;
  margin-inline:auto!important;
  background:radial-gradient(circle at 50% 30%,rgba(0,229,155,.10),rgba(7,16,32,.96) 62%)!important;
  border:1px solid rgba(0,229,155,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 20px 60px rgba(0,0,0,.28)!important;
}
.payment-simple-stack .qr-box img{
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  border-radius:18px!important;
}
.amount-to-pay-card{
  width:min(280px,100%)!important;
  border:1px solid rgba(0,229,155,.22)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(0,229,155,.10),rgba(35,190,255,.05))!important;
  text-align:center!important;
  padding:18px!important;
}
.amount-to-pay-card small{
  display:block!important;
  color:#9db2cf!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.10em!important;
  margin-bottom:8px!important;
}
.amount-to-pay-card .pay-amount{
  display:block!important;
  font-size:38px!important;
  line-height:1!important;
  margin:0!important;
}
.payment-pay-card,
.method-pill,
.pay-number{
  display:none!important;
}
@media(max-width:560px){
  .payment-simple-modal h2{font-size:24px!important;}
  .payment-simple-stack .qr-box,.qr-box-large{width:min(230px,100%)!important;min-height:230px!important;}
  .amount-to-pay-card{width:min(230px,100%)!important;}
  .amount-to-pay-card .pay-amount{font-size:30px!important;}
}

/* Emperia referral + admin user detail update v33 */
.brand-logo-image img,.auth-logo img,.mobile-auth-logo img,.admin-login-logo img{
  width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:cover!important;border-radius:10px!important;display:block!important;
}
.auth-logo img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;}
.mobile-auth-logo img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;}
.admin-user-summary .kpi{min-height:140px!important;}
.admin-detail-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.admin-detail-tabs a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,229,155,.28);background:rgba(0,229,155,.07);border-radius:12px;padding:10px 14px;color:var(--green);font-weight:900;}
.admin-detail-grid{grid-template-columns:1fr 1fr!important;}
.inline-status-form{display:flex;gap:8px;align-items:center;min-width:240px;}
.inline-status-form .mini-select{height:36px;min-width:120px;}
.mini-action-wide{width:auto!important;min-width:160px;height:42px!important;margin-top:0!important;padding:0 14px!important;display:inline-flex!important;}
@media(max-width:900px){
  .admin-detail-grid{grid-template-columns:1fr!important;}
  .admin-user-summary{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:620px){
  .admin-user-summary{grid-template-columns:1fr!important;}
  .inline-status-form{min-width:0;flex-wrap:wrap;}
}


/* Emperia admin user detail compact polish v34 */
.admin-link-soft{
  display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 15px;border-radius:999px;
  border:1px solid rgba(0,229,155,.26);background:rgba(0,229,155,.06);color:#00e59b;font-weight:900;text-decoration:none;
}
.user-detail-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin-bottom:18px;
  border-radius:20px;background:linear-gradient(135deg,rgba(10,22,40,.96),rgba(5,15,29,.96));
  border:1px solid rgba(135,166,210,.18);box-shadow:0 18px 50px rgba(0,0,0,.20);
}
.compact-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.compact-tabs a{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:999px;
  border:1px solid rgba(135,166,210,.18);background:rgba(255,255,255,.025);color:#bcd0ec;font-weight:900;font-size:13px;text-decoration:none;
}
.compact-tabs a:hover,.compact-tabs a:focus{border-color:rgba(0,229,155,.38);color:#00e59b;background:rgba(0,229,155,.07)}
.user-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.user-detail-actions form{margin:0;}
.action-chip{
  height:36px;min-width:86px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,229,155,.30);
  background:rgba(0,229,155,.055);color:#00e59b;font-weight:950;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
}
.action-chip.solid{background:linear-gradient(90deg,#00d18a,#23beff);border-color:transparent;color:#02111c;box-shadow:0 10px 28px rgba(0,229,155,.14);}
.action-chip:hover{transform:translateY(-1px);filter:brightness(1.04)}
.admin-user-summary{gap:12px!important;margin-bottom:12px!important;}
.admin-user-summary .kpi{min-height:112px!important;padding:18px!important;border-radius:20px!important;}
.admin-user-summary .kpi-value{font-size:22px!important;line-height:1.1!important;word-break:break-word;}
.admin-user-summary .kpi-sub{font-size:12px!important;line-height:1.35!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.premium-admin-top{margin-bottom:14px!important;}
.premium-admin-top h1{font-size:32px!important;letter-spacing:-.045em!important;}
.premium-admin-top p{margin-top:4px!important;}
@media(max-width:980px){
  .user-detail-toolbar{align-items:stretch;flex-direction:column;}
  .user-detail-actions{justify-content:flex-start;}
  .compact-tabs a,.action-chip{flex:1 1 auto;}
}
@media(max-width:620px){
  .admin-user-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-user-summary .kpi{min-height:96px!important;padding:13px!important;}
  .admin-user-summary .kpi-value{font-size:18px!important;}
  .admin-user-summary .kpi-label{font-size:11px!important;}
  .admin-user-summary .kpi-sub{font-size:10.5px!important;-webkit-line-clamp:1;}
  .compact-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;}
  .compact-tabs a{font-size:11px;padding:0 7px;min-height:34px;white-space:nowrap;}
  .user-detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;}
  .user-detail-actions form{display:block;width:100%;}
  .action-chip{min-width:0;width:100%;font-size:11px;padding:0 8px;}
}


/* Emperia final cashier/logo polish */
.auth-logo img{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;border-radius:14px!important;box-shadow:0 0 20px rgba(0,229,155,.20)!important;}
.mobile-auth-logo img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;border-radius:13px!important;box-shadow:0 0 18px rgba(0,229,155,.20)!important;}
.payment-image-card{min-height:96px!important;}
.payment-logo-image{width:100%!important;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(5,13,28,.72)!important;border:1px solid rgba(0,229,155,.22)!important;border-radius:16px!important;padding:12px 18px!important;overflow:hidden!important;}
.payment-logo-image img{display:block!important;max-width:112px!important;max-height:38px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(0,229,155,.20))!important;}
.payment-logo-gcash img{max-width:96px!important;filter:drop-shadow(0 0 13px rgba(51,161,255,.32))!important;}
.payment-logo-maya img{max-width:100px!important;filter:drop-shadow(0 0 13px rgba(0,229,155,.28))!important;}
.payment-logo-bank svg{width:34px!important;height:34px!important;color:#00e59b!important;filter:drop-shadow(0 0 12px rgba(0,229,155,.35))!important;}
.payment-image-card.active .payment-logo-image{border-color:rgba(0,229,155,.58)!important;background:linear-gradient(160deg,rgba(0,229,155,.16),rgba(35,190,255,.06))!important;box-shadow:0 0 18px rgba(0,229,155,.16)!important;}
@media(max-width:900px){
  .auth-logo img{width:48px!important;height:48px!important;}
  .mobile-auth-logo img{width:42px!important;height:42px!important;}
  .payment-logo-image{min-height:58px!important;padding:10px 12px!important;}
  .payment-logo-image img{max-width:92px!important;max-height:32px!important;}
  .payment-logo-gcash img{max-width:82px!important;}
  .payment-logo-maya img{max-width:86px!important;}
  .payment-image-card{min-height:82px!important;}
}


/* Payment logo white background fix */
.payment-logo-gcash,
.payment-logo-maya{
  background:#ffffff !important;
  border-color:rgba(220,231,255,.95) !important;
  box-shadow:0 10px 24px rgba(5,12,24,.18), inset 0 0 0 1px rgba(255,255,255,.92) !important;
  overflow:visible !important;
}
.payment-logo-gcash img,
.payment-logo-maya img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:86px !important;
  max-height:26px !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:none !important;
}
.payment-image-card.active .payment-logo-gcash,
.payment-image-card.active .payment-logo-maya,
.selectable-method.active .payment-logo-gcash,
.selectable-method.active .payment-logo-maya{
  background:#ffffff !important;
  border-color:rgba(0,229,155,.68) !important;
  box-shadow:0 0 0 1px rgba(0,229,155,.22), 0 12px 24px rgba(0,229,155,.14) !important;
}
@media(max-width:900px){
  .payment-logo-gcash img,
  .payment-logo-maya img{
    max-width:80px !important;
    max-height:24px !important;
  }
}


/* HARD PAYMENT LOGO WHITE PLATE FIX */
.cashier-panel .payment-image-card,
.cashier-panel .selectable-method{overflow:visible!important}
.cashier-panel .payment-logo-image.payment-logo-gcash,
.cashier-panel .payment-logo-image.payment-logo-maya{
  width:112px!important;
  max-width:112px!important;
  min-height:54px!important;
  height:54px!important;
  padding:8px 14px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(235,245,255,.95)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.75) inset!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.cashier-panel .payment-logo-image.payment-logo-gcash img,
.cashier-panel .payment-logo-image.payment-logo-maya img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:84px!important;
  max-height:24px!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
}
.cashier-panel .payment-image-card.active .payment-logo-image.payment-logo-gcash,
.cashier-panel .payment-image-card.active .payment-logo-image.payment-logo-maya,
.cashier-panel .selectable-method.active .payment-logo-image.payment-logo-gcash,
.cashier-panel .selectable-method.active .payment-logo-image.payment-logo-maya{
  background:#fff!important;
  border-color:rgba(0,229,155,.8)!important;
  box-shadow:0 0 0 1px rgba(0,229,155,.24),0 12px 24px rgba(0,229,155,.16)!important;
}
@media(max-width:900px){
  .cashier-panel .payment-logo-image.payment-logo-gcash,
  .cashier-panel .payment-logo-image.payment-logo-maya{
    width:104px!important;
    max-width:104px!important;
    min-height:50px!important;
    height:50px!important;
    padding:8px 12px!important;
  }
  .cashier-panel .payment-logo-image.payment-logo-gcash img,
  .cashier-panel .payment-logo-image.payment-logo-maya img{
    max-width:78px!important;
    max-height:22px!important;
  }
}


/* HARD PAYMENT LOGO ALIGNMENT FIX v3 */
.cashier-panel .payment-image-grid,
.cashier-panel .selectable-method-grid{align-items:stretch!important;overflow:visible!important}
.cashier-panel .payment-image-card,
.cashier-panel .selectable-method{
  min-height:92px!important;
  height:auto!important;
  padding:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.cashier-panel .payment-logo-image.payment-logo-gcash,
.cashier-panel .payment-logo-image.payment-logo-maya{
  width:126px!important;
  max-width:126px!important;
  min-height:58px!important;
  height:58px!important;
  padding:12px 16px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid rgba(235,245,255,.96)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.85) inset!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  overflow:visible!important;
  transform:translateY(0)!important;
}
.cashier-panel .payment-logo-image.payment-logo-gcash img,
.cashier-panel .payment-logo-image.payment-logo-maya img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:92px!important;
  max-height:26px!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
  margin:0 auto!important;
  vertical-align:middle!important;
}
.cashier-panel .payment-image-card.active .payment-logo-image.payment-logo-gcash,
.cashier-panel .payment-image-card.active .payment-logo-image.payment-logo-maya,
.cashier-panel .selectable-method.active .payment-logo-image.payment-logo-gcash,
.cashier-panel .selectable-method.active .payment-logo-image.payment-logo-maya{
  background:#fff!important;
  border-color:rgba(0,229,155,.82)!important;
  box-shadow:0 0 0 1px rgba(0,229,155,.24),0 14px 28px rgba(0,229,155,.16)!important;
}
@media(max-width:900px){
  .cashier-panel .payment-image-grid,
  .cashier-panel .selectable-method-grid{
    gap:12px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
    overflow:visible!important;
  }
  .cashier-panel .payment-image-card,
  .cashier-panel .selectable-method{
    min-height:90px!important;
    padding:12px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .cashier-panel .payment-logo-image.payment-logo-gcash,
  .cashier-panel .payment-logo-image.payment-logo-maya{
    width:112px!important;
    max-width:112px!important;
    min-height:56px!important;
    height:56px!important;
    padding:12px 14px!important;
    border-radius:14px!important;
  }
  .cashier-panel .payment-logo-image.payment-logo-gcash img,
  .cashier-panel .payment-logo-image.payment-logo-maya img{
    max-width:84px!important;
    max-height:24px!important;
  }
}


/* Emperia logo header positioning fix */
.topbar .brand{
  align-items:center!important;
  min-width:0!important;
}
.topbar .brand-logo-image,
.admin-sidebar .brand-logo-image,
.admin-brand .brand-logo-image{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  flex:0 0 46px!important;
  border-radius:14px!important;
  padding:4px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:linear-gradient(160deg,#061121,#02060d)!important;
}
.topbar .brand-logo-image img,
.admin-sidebar .brand-logo-image img,
.admin-brand .brand-logo-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 34%!important;
  border-radius:10px!important;
  transform:scale(1.08)!important;
}
.topbar .brand-name{
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
.admin-brand strong{
  line-height:1.05!important;
}
.admin-withdraw-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.withdraw-settings-pill{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(0,229,155,.22);
  background:rgba(0,229,155,.06);
  border-radius:16px;
  padding:10px 14px;
  color:#cfe9df;
}
.withdraw-settings-pill span,
.withdraw-settings-pill small{color:#91a8c6;font-weight:800}
.withdraw-settings-pill strong{color:var(--green);font-size:18px}
@media(max-width:900px){
  .topbar .brand-logo-image{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
    padding:3px!important;
  }
  .topbar .brand-name{
    font-size:14px!important;
    max-width:148px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .admin-withdraw-toolbar{
    display:grid!important;
  }
  .withdraw-settings-pill{
    width:100%;
    justify-content:space-between;
    margin-left:0;
  }
}


/* Dedicated admin withdraw settings page */
.admin-withdraw-toolbar .withdraw-settings-pill{display:none!important}
.admin-settings-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:18px;
  align-items:start;
}
.settings-hero-card{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-height:220px;
}
.settings-hero-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:var(--green);
  background:rgba(0,229,155,.10);
  border:1px solid rgba(0,229,155,.28);
  box-shadow:0 0 24px rgba(0,229,155,.12);
}
.settings-hero-icon svg{width:30px;height:30px}
.settings-hero-card h2{
  margin:0 0 10px;
  font-size:28px;
  letter-spacing:-.04em;
}
.settings-hero-card p{
  margin:0;
  color:#a8b9d5;
  line-height:1.65;
}
.settings-form-card{
  padding:26px!important;
}
.settings-big-input{
  height:56px!important;
  font-size:22px!important;
  font-weight:900!important;
  color:var(--green)!important;
}
.settings-preview{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:18px 0;
}
.settings-preview div{
  border:1px solid rgba(0,229,155,.18);
  background:rgba(0,229,155,.055);
  border-radius:18px;
  padding:16px;
}
.settings-preview span{
  display:block;
  color:#9fb0c9;
  font-weight:800;
  margin-bottom:8px;
}
.settings-preview strong{
  font-size:26px;
  color:var(--green);
}
.settings-save-btn{
  max-width:280px;
}
@media(max-width:900px){
  .admin-settings-grid{grid-template-columns:1fr}
  .settings-preview{grid-template-columns:1fr}
  .settings-save-btn{max-width:none}
}