:root{
  --ink:#1c1f24;
  --ink-soft:#4a5058;
  --muted:#8a9199;
  --line:#e8eaee;
  --soft:#f6f7f9;
  --surface:#fff;
  --crimson:#e10600;
  --crimson-deep:#c10500;
  --slate:#32383f;
  --slate-deep:#24292f;
  --green:#147a56;
  --amber:#9a6700;
  --blue:#2563a8;
  --phone:420px;
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{font-size:16px}
body{
  margin:0;min-height:100vh;
  font-family:var(--font);
  color:var(--ink);
  background:#eceef1;
  -webkit-font-smoothing:antialiased;
  display:flex;justify-content:center;
}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
img{/* max-width:100% */}

.app-shell{
  position:relative;width:100%;max-width:var(--phone);min-height:100vh;
  margin:0 auto;background:var(--slate-deep);display:flex;flex-direction:column;
}
@media(min-width:480px){
  body{padding:24px 12px;background:#d9dde3}
  .app-shell{
    min-height:min(860px,calc(100vh - 48px));
    max-height:min(860px,calc(100vh - 48px));
    border-radius:28px;overflow:hidden;
    box-shadow:0 24px 60px rgba(40,45,55,.22);
  }
}

.sidebar{
  position:absolute;inset:auto 0 0 0;z-index:50;width:100%;height:70px;
  padding:4px 6px max(6px,env(safe-area-inset-bottom));
  display:flex;background:#fff;border-top:1px solid var(--line);
}
.sidebar .brand,.sidebar-foot{display:none}
.sidebar nav{flex:1;display:flex;justify-content:space-around;align-items:center;margin:0}
.nav-link{
  min-width:58px;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:6px 4px;color:#9aa0a6;font-size:.62rem;font-weight:600;border-radius:10px;
}
.nav-link.active,.nav-link:hover{color:var(--crimson);background:transparent;box-shadow:none}
.nav-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-mark,.mobile-logo{
  display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  color:#fff;background:var(--crimson);font-weight:700;font-size:.9rem;
}
.brand-logo{
  display:block;width:34px;height:34px;border-radius:10px;object-fit:cover;
  flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.mobile-brand .brand-logo,.brand-login .brand-logo{width:40px;height:40px;border-radius:12px}
.mobile-logo-img{width:34px;height:34px;border-radius:10px}

.main-wrap{flex:1;display:flex;flex-direction:column;margin:0;padding-bottom:70px;min-height:0;overflow:hidden;background:var(--slate)}
.topbar{
  height:64px;padding:0 16px;display:flex;align-items:center;color:#fff;flex:none;background:var(--slate);
}
.top-title{display:flex;align-items:center;gap:10px}
.top-title>span:last-child{display:block}
.top-title strong{display:block;font-size:.9rem;font-weight:700;color:#fff}
.top-title small{display:block;margin-top:1px;color:rgba(255,255,255,.55);font-size:.68rem;font-weight:500}
.profile{display:flex;align-items:center;gap:8px;margin-left:auto}
.profile div{display:none}
.avatar{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.14);font-size:.68rem;font-weight:700;
}
.logout-icon{
  height:34px;padding:0 12px;border:0;border-radius:999px;
  color:#fff;background:rgba(255,255,255,.12);font-size:.72rem;font-weight:600;
}
.menu-button{display:none}

.content{
  flex:1;overflow:auto;padding:20px 16px 24px;
  border-radius:24px 24px 0 0;background:#f5f6f8;
  -webkit-overflow-scrolling:touch;
}
.page-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px}
.page-head h1{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.page-head p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}
.eyebrow{margin:0;color:var(--crimson)!important;font-size:.75rem!important;font-weight:600}
.dashboard-head .desktop-action,.desktop-action{display:none}

.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:12px;
  font-size:.88rem;font-weight:650;
}
.button.primary{color:#fff;background:var(--crimson)}
.button.primary:hover{background:var(--crimson-deep)}
.button.primary:disabled,.button:disabled{opacity:.45;cursor:not-allowed}
.button.ghost{color:var(--ink-soft);background:#fff;border-color:var(--line)}
.button.wide{width:100%}

.balance-card{
  position:relative;margin:-20px -16px 0;padding:22px 18px 36px;
  display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;
  border-radius:24px 24px 0 0;background:var(--slate);
}
.balance-toggle{
  position:absolute;top:14px;right:14px;display:grid;place-items:center;
  width:36px;height:36px;padding:0;border:0;border-radius:50%;
  color:#fff;background:rgba(255,255,255,.12);cursor:pointer;
}
.balance-toggle svg{width:18px;height:18px;display:block}
.balance-toggle [hidden]{display:none!important}
.balance-main{margin-top:10px;width:100%}
.balance-main p{margin:0 0 6px;color:rgba(255,255,255,.7);font-size:.82rem;font-weight:500}
.balance-main strong{display:block;font-size:1.85rem;font-weight:700;letter-spacing:-.03em}
.balance-main span{display:block;margin-top:6px;color:rgba(255,255,255,.55);font-size:.72rem}
.balance-meta{
  display:flex;justify-content:space-around;width:100%;gap:8px;
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);
}
.balance-meta small,.balance-meta b{display:block}
.balance-meta small{margin-bottom:4px;color:rgba(255,255,255,.5);font-size:.64rem}
.balance-meta b{font-size:.76rem;font-weight:650}

.quick-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;margin:-24px 0 16px;padding:0 8px;position:relative;z-index:2;
}
.quick-actions a{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:8px;min-width:0;font-size:.72rem;font-weight:600;color:var(--ink-soft);text-align:center;
}
.quick-actions .qa-icon{
  display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;flex-shrink:0;border-radius:50%;
  background:#fff;border:1px solid var(--line);color:var(--slate);
  box-shadow:0 6px 16px rgba(30,35,40,.08);
}
.quick-actions a:hover .qa-icon{color:var(--crimson)}
.quick-actions .qa-icon svg{
  width:22px;height:22px;display:block;flex-shrink:0;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.quick-actions strong{display:block;width:100%;line-height:1.2;font-weight:600}

.support-card{
  display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;
  border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;text-decoration:none;
}
.support-avatar{
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  color:#fff;background:var(--crimson);font-weight:700;flex-shrink:0;
}
.support-copy{flex:1;min-width:0}
.support-copy strong,.support-copy small{display:block}
.support-copy strong{font-size:.86rem}
.support-copy small{margin-top:2px;color:var(--muted);font-size:.72rem}
.support-cta{color:var(--crimson);font-size:.72rem;font-weight:700;flex-shrink:0}

.metric-grid,.admin-metrics{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0}
.metric{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.metric-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-weight:700}
.metric-icon.violet{color:var(--crimson);background:#ffecec}
.metric-icon.amber{color:var(--amber);background:#fff6e5}
.metric-icon.blue{color:var(--blue);background:#ebf3ff}
.metric p,.metric strong,.metric small{display:block;margin:0}
.metric p{color:var(--muted);font-size:.72rem}
.metric strong{margin:2px 0;font-size:1.05rem;font-weight:700}
.metric small{color:#a0a6ad;font-size:.66rem}

.panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}
.panel h2{margin:0;font-size:.95rem;font-weight:700}
.panel-head p,.section-title p{margin:4px 0 0;color:var(--muted);font-size:.74rem}
.panel-head a{color:var(--crimson);font-size:.76rem;font-weight:650}

.table-wrap{overflow:auto}
table{width:100%;min-width:520px;border-collapse:collapse}
th,td{padding:12px 14px;border-bottom:1px solid #eceef1;text-align:left;font-size:.78rem}
th{color:#949aa3;font-size:.66rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
td strong,td small{display:block}
td small{margin-top:2px;color:var(--muted);font-size:.68rem}
tbody tr:last-child td{border-bottom:0}
.table-empty{padding:32px;color:var(--muted);text-align:center}

.status{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eef0f3;color:#60666f;font-size:.66rem;font-weight:700}
.status.paid,.status.completed,.status.approved{color:var(--green);background:#e6f6ef}
.status.pending,.status.processing,.status.under_review,.status.awaiting_approval,.status.pending_review{color:var(--amber);background:#fff5df}
.status.failed,.status.rejected,.status.expired{color:#c01f35;background:#ffe9ec}
.status.infraction,.status.med{color:var(--blue);background:#ebf3ff}
.row-link{color:var(--crimson);font-weight:650}

.kyc-upload-grid,.kyc-preview-grid{display:grid;grid-template-columns:1fr;gap:10px}
.kyc-preview-grid{margin-top:12px}
.kyc-upload{
  display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:92px;
  padding:14px;border:1px dashed #d0d4db;border-radius:14px;
  background:var(--soft);color:var(--ink-soft);cursor:pointer;
}
.kyc-upload strong{font-size:.84rem;font-weight:700;color:var(--ink)}
.kyc-upload>span{color:var(--muted);font-size:.72rem;font-weight:500}
.kyc-upload input{height:auto;margin-top:8px;padding:0;border:0;background:transparent;font-size:.72rem;color:var(--ink-soft)}
.kyc-preview-grid figure{margin:0}
.kyc-preview-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#f0f2f5}
.kyc-preview-grid figcaption{margin-top:6px;color:var(--muted);font-size:.72rem;text-align:center}

.flow-form{display:flex;flex-direction:column;gap:12px}
.flow-card{padding:16px}
.flow-card h2{margin:0 0 12px;font-size:.95rem;font-weight:700}
.flow-hint{margin:-6px 0 12px;color:var(--muted);font-size:.74rem}
.flow-card label{margin-top:10px}
.flow-card label:first-of-type{margin-top:0}
.money-hero{padding:22px 16px;text-align:center}
.money-hero-label{margin:0 0 12px;color:var(--muted);font-size:.8rem;font-weight:500}
.money-hero-balance{margin:14px 0 0;color:var(--muted);font-size:.76rem}
.money-hero-balance strong{color:var(--ink);font-weight:700}
.money-hero-net{margin:10px 0 0;color:var(--ink);font-size:.92rem;font-weight:600}
.money-hero-net strong{font-size:1.05rem}
.text-link{display:block;margin-top:2px;color:var(--muted);font-size:.78rem;font-weight:600;text-align:center}
.text-link:hover{color:var(--crimson)}
.page-head-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.page-head-row>div{min-width:0}
.button.compact{min-height:38px;padding:0 14px;font-size:.8rem}
.block-head{margin:18px 0 10px}
.block-head h2{margin:0;font-size:.92rem;font-weight:700}
.key-chip{
  padding:12px 14px;border:1px solid var(--line);border-radius:12px;
  background:var(--soft);color:var(--ink);font-size:.84rem;font-weight:650;
}
.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice-chip{position:relative;margin:0!important}
.choice-chip input{position:absolute;opacity:0;pointer-events:none}
.choice-chip span{
  display:flex;align-items:center;justify-content:center;height:48px;
  border:1px solid var(--line);border-radius:12px;background:#fff;
  color:var(--ink-soft);font-size:.9rem;font-weight:700;cursor:pointer;
}
.choice-chip input:checked+span{color:#fff;border-color:var(--crimson);background:var(--crimson)}
.choice-chip input:focus-visible+span{box-shadow:0 0 0 3px rgba(225,6,0,.16)}
.action-card{padding:28px 18px;text-align:center}
.action-card-icon{
  display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;
  border-radius:16px;font-size:1.2rem;font-weight:700;
}
.action-card-icon.ok{color:var(--green);background:#e6f6ef}
.action-card-icon.ok svg{width:24px;height:24px;stroke:currentColor;fill:none}
.action-card-icon.wait{color:var(--amber);background:#fff5df}
.action-card h2{margin:0 0 6px;font-size:1.05rem}
.action-card p{margin:0 0 18px;color:var(--muted);font-size:.84rem}
.filter-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.filter-row a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-soft);font-size:.74rem;font-weight:600}
.filter-row a.active{color:#fff;border-color:var(--crimson);background:var(--crimson)}
.notice.success-note,.notice.success-notice{color:var(--green);border-color:#b7e8d4;background:#ecfaf4}

.form-layout{max-width:none}
.form-panel{padding:16px;margin-bottom:10px}
.section-title{display:flex;align-items:center;gap:10px;padding-bottom:14px}
.section-title>span{
  display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  color:var(--crimson);background:#ffecec;font-size:.72rem;font-weight:700;
}
.field-grid{display:grid;grid-template-columns:1fr;gap:12px}
label{display:block;color:var(--ink-soft);font-size:.78rem;font-weight:600}
input,select{
  width:100%;height:46px;margin-top:7px;padding:0 12px;outline:0;
  border:1px solid #d8dde3;border-radius:11px;color:var(--ink);background:#fff;
}
input:focus,select:focus{border-color:#f0a0a0;box-shadow:0 0 0 3px rgba(225,6,0,.08)}
input:disabled,select:disabled{opacity:.5;cursor:not-allowed}
.money-field{position:relative}
.money-field input{padding-left:40px;font-size:1.05rem;font-weight:700}
.money-field>span{position:absolute;bottom:13px;left:12px;color:#9399a1;font-weight:650}
.money-field-lg{display:block;max-width:240px;margin:0 auto}
.money-field-lg input{
  height:58px;margin:0;padding:0 12px 0 44px;border:0;border-radius:0;
  border-bottom:2px solid var(--line);background:transparent;
  font-size:1.7rem;font-weight:700;letter-spacing:-.03em;text-align:left;
  box-shadow:none;
}
.money-field-lg input:focus{border-bottom-color:var(--crimson);box-shadow:none}
.money-field-lg>span{bottom:16px;left:8px;font-size:1.1rem}
.form-actions{display:flex;flex-direction:column-reverse;gap:8px;margin-top:14px}

.detail-grid{display:grid;grid-template-columns:1fr;gap:10px}
.content > .panel{margin-bottom:10px}
.pix-panel{padding:24px 16px 18px;text-align:center}
.qr-frame{
  display:grid;place-items:center;width:fit-content;margin:0 auto 18px;padding:14px;
  border:1px solid rgba(225,6,0,.28);border-radius:22px;
  background:linear-gradient(160deg,rgba(225,6,0,.12),rgba(255,255,255,.04));
  box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
}
.fake-qr{
  display:grid;place-items:center;width:188px;height:188px;margin:0;
  border:0;border-radius:16px;background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.06);
}
.fake-qr span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:#fff;background:var(--crimson);font-weight:800}
.qr-image{
  display:block;width:188px;height:188px;margin:0;padding:10px;
  border:0;border-radius:16px;object-fit:contain;background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.06);
}
.pix-panel>h2{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
.pix-panel>p,.pix-hint{margin:8px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}
.copy-box{display:block;margin-top:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft)}
.copy-box code{display:block;overflow:hidden;padding:13px 14px;color:#6d747d;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.copy-box button{width:100%;padding:13px;border:0;border-top:1px solid var(--line);color:#fff;background:var(--crimson);font-weight:700}
.detail-panel{padding:16px}
.detail-panel dl{margin:12px 0 18px}
.detail-panel dl div{padding:10px 0;border-bottom:1px solid var(--line)}
.detail-panel dt{margin-bottom:3px;color:var(--muted);font-size:.68rem}
.detail-panel dd{margin:0;font-size:.84rem}

.withdraw-grid{display:grid;grid-template-columns:1fr;gap:10px}
.withdraw-grid .form-panel label{margin-top:12px}
.notice{margin:12px 0;padding:11px 12px;border:1px solid #f0d8db;border-radius:11px;color:#7a454c;background:#fff8f8;font-size:.74rem;line-height:1.45}
.sticky{position:static}
.withdraw-list article{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line)}
.withdraw-list article:last-child{border:0}
.withdraw-list strong,.withdraw-list small{display:block}
.withdraw-list small{margin-top:3px;color:var(--muted);font-size:.68rem}
.withdraw-list article>div:last-child{text-align:right}

.statement-list{display:flex;flex-direction:column;gap:10px}
.statement-list.panel-pad{padding:12px}
.statement-box{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:14px 16px;border:1px solid var(--line);border-radius:16px;
  background:#fff;color:inherit;text-decoration:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.statement-box.nested{border-radius:12px;background:var(--soft)}
.statement-box:hover{border-color:#f0a0a0;box-shadow:0 4px 14px rgba(18,22,28,.05)}
.statement-box-main strong,.statement-box-main small,
.statement-box-meta small{display:block}
.statement-box-main strong{font-size:1rem;font-weight:700}
.statement-box-main small,.statement-box-meta small{margin-top:4px;color:var(--muted);font-size:.68rem}
.statement-box-meta{text-align:right;flex-shrink:0}
.statement-box-meta .status{margin-bottom:2px}

.admin-wd-card{padding:16px;margin-bottom:10px}
.admin-wd-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.admin-wd-top strong{display:block;font-size:1.05rem}
.admin-wd-top small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.35}
.admin-wd-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.admin-wd-actions form{display:flex;gap:8px;align-items:center}
.reject-wd-form{flex-wrap:wrap}
.reject-wd-form input{flex:1;min-width:140px;height:42px;margin:0}
.admin-wd-actions .button{min-height:42px;white-space:nowrap}

.log-search{display:flex;gap:8px;margin:0 0 12px}
.log-search input{flex:1;height:42px;margin:0}
.log-list{display:flex;flex-direction:column;gap:8px}
.log-row{
  padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;
}
.log-row.level-error{border-color:#ffd0d6;background:#fff8f9}
.log-row.level-warning{border-color:#f5e0a8;background:#fffbeb}
.log-row-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.log-row-top strong{font-size:.84rem}
.log-row-top small{margin-left:auto;color:var(--muted);font-size:.68rem}
.log-level{
  display:inline-flex;padding:3px 8px;border-radius:999px;
  background:#eef0f3;color:#60666f;font-size:.62rem;font-weight:800;letter-spacing:.03em;
}
.level-error .log-level{background:#ffe9ec;color:#c01f35}
.level-warning .log-level{background:#fff5df;color:#9a6700}
.level-info .log-level{background:#ebf3ff;color:#2563a8}
.log-row-meta{display:flex;gap:10px;margin-top:6px;color:var(--muted);font-size:.68rem}
.log-context{
  display:block;margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--soft);
  color:#5c646e;font-size:.68rem;line-height:1.4;word-break:break-word;white-space:pre-wrap;
}

.empty{padding:56px 14px;text-align:center}
.empty h1{font-size:1.25rem;font-weight:700}
.empty p{color:var(--muted)}
.empty.compact{padding:36px 14px}
.alert{margin-bottom:12px;padding:11px 12px;border-radius:11px;font-size:.8rem}
.alert.success{color:var(--green);border:1px solid #b7e8d4;background:#ecfaf4}
.alert.error{color:#b42334;border:1px solid #ffd0d6;background:#fff2f4}
.toast-stack{
  position:fixed;top:18px;left:50%;z-index:1200;display:flex;flex-direction:column;gap:8px;
  width:min(360px,calc(100vw - 28px));transform:translateX(-50%);pointer-events:none;
}
.toast{
  pointer-events:auto;padding:12px 16px;border-radius:999px;
  color:#fff;font-size:.82rem;font-weight:650;line-height:1.35;text-align:center;
  box-shadow:0 12px 32px rgba(0,0,0,.35);
  animation:toast-in .28s cubic-bezier(.22,1,.36,1) both;
}
.toast.success{background:linear-gradient(180deg,#1f9d6a,#147a56);border:1px solid rgba(110,231,183,.35)}
.toast.error{background:linear-gradient(180deg,#ff3a34,#e10600);border:1px solid rgba(255,144,140,.35)}
.toast.is-hiding{animation:toast-out .28s ease forwards}
@keyframes toast-in{from{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes toast-out{to{opacity:0;transform:translateY(-8px) scale(.96)}}

.login-body{
  margin:0;min-height:100vh;display:block;padding:0;
  background:#070b12;color:#f8fafc;
  font-family:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.login-shell{
  display:flex;width:100%;max-width:none;min-height:100vh;margin:0;
  border-radius:0;background:#070b12;box-shadow:none;overflow:visible;
}
.login-panel{
  position:sticky;top:0;display:flex;flex:1 1 48%;height:100vh;min-width:0;
  flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,72px);
  color:#f8fafc;background:#0b1220;border-right:1px solid rgba(255,255,255,.08);overflow:hidden;
}
.login-panel-media{
  position:absolute;inset:0;z-index:0;
  background:url("/assets/login-bg.jpg?v=1") center/cover no-repeat;
  transform:scale(1.06);
  filter:saturate(1.05) contrast(1.05);
  animation:login-bg-pan 32s ease-in-out infinite alternate;
  will-change:transform;
}
.login-panel-shade{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(112deg,rgba(6,10,18,.88) 0%,rgba(6,10,18,.62) 38%,rgba(6,10,18,.28) 100%),
    linear-gradient(to top,rgba(6,10,18,.9) 0%,rgba(6,10,18,.35) 42%,transparent 70%),
    radial-gradient(ellipse at 85% 12%,rgba(225,6,0,.28),transparent 50%);
}
.login-panel::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
@keyframes login-bg-pan{
  from{transform:scale(1.04) translate3d(0,0,0)}
  to{transform:scale(1.1) translate3d(-1.5%,-1%,0)}
}
.brand-login,.login-hero,.login-proof{position:relative;z-index:1}
.brand-login{display:flex;align-items:center;gap:12px;width:max-content;color:#fff;font-size:1.12rem;font-weight:700;letter-spacing:-.02em}
.brand-login .brand-logo{width:44px;height:44px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08)}
.login-hero{max-width:540px;animation:login-hero-in .7s cubic-bezier(.22,1,.36,1) both}
@keyframes login-hero-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.login-hero .eyebrow,.auth-heading .eyebrow{
  margin:0 0 18px;color:#ff7a76!important;font-size:.7rem!important;font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;
}
.login-panel h1{
  margin:0;font-family:"Fraunces",Georgia,"Times New Roman",serif;
  font-optical-sizing:auto;
  font-size:clamp(2.85rem,5.4vw,5rem);line-height:.96;font-weight:600;
  letter-spacing:-.035em;text-wrap:balance;
  text-shadow:0 20px 48px rgba(0,0,0,.4);
}
.login-panel h1 em{
  display:inline;font-style:italic;font-weight:500;
  background:linear-gradient(105deg,#fff 8%,#ff9b97 45%,#e10600 92%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.login-copy{
  max-width:26rem;margin:28px 0 0;color:rgba(236,242,250,.86);
  font-size:1.06rem;line-height:1.72;font-weight:400;letter-spacing:-.015em;
}
@media (prefers-reduced-motion:reduce){
  .login-panel-media{animation:none;transform:scale(1.04)}
  .login-hero{animation:none}
}
.login-proof{display:flex;flex-wrap:wrap;gap:10px}
.login-proof span{
  display:flex;align-items:center;gap:8px;padding:10px 14px;
  border:1px solid rgba(255,255,255,.12);border-radius:999px;
  background:rgba(8,12,20,.45);backdrop-filter:blur(10px);
  color:rgba(236,242,250,.9);font-size:.74rem;font-weight:600;letter-spacing:.01em;
}
.login-proof span::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff5a57;box-shadow:0 0 0 4px rgba(255,90,87,.14)}
.login-form-wrap{
  flex:1 1 52%;min-width:0;min-height:100vh;padding:48px clamp(24px,5vw,80px);
  display:flex;align-items:center;justify-content:center;background:#070b12;overflow-y:auto;
}
.login-card{width:100%;max-width:520px;margin:auto 0}
.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:28px;color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:30px;padding:4px;border:1px solid #263246;border-radius:10px;background:#111827}
.auth-tab{height:44px;border:1px solid transparent;border-radius:7px;color:#8f9bad;background:transparent;font-size:.86rem;font-weight:700;transition:background .18s ease,color .18s ease,border-color .18s ease}
.auth-tab:hover{color:#fff;background:#151e2d}
.auth-tab.active{color:#fff;border-color:#303d52;background:#1b2536;box-shadow:0 3px 12px rgba(0,0,0,.24)}
.auth-tab:focus-visible,.form-note button:focus-visible{outline:3px solid rgba(255,75,71,.28);outline-offset:2px}
.auth-pane{display:none}
.auth-pane.active{display:block;animation:auth-in .2s ease both}
@keyframes auth-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.auth-heading{margin-bottom:24px}
.auth-heading h2{margin:0;color:#fff;font-size:1.75rem;line-height:1.2;font-weight:700;letter-spacing:-.03em}
.auth-heading>p:last-child{margin:8px 0 0;color:#8f9bad;font-size:.88rem;line-height:1.5}
.login-form{width:100%}
.login-form label{margin-top:15px;color:#b6c0cf;font-size:.77rem;font-weight:700}
.login-form input{
  height:50px;margin-top:8px;padding:0 14px;border:1px solid #263246;border-radius:9px;
  color:#f8fafc;background:#0d1421;caret-color:#ff4b47;
}
.login-form input::placeholder{color:#536075}
.login-form input:hover{border-color:#35435a}
.login-form input:focus{border-color:#ff4b47;box-shadow:0 0 0 3px rgba(255,75,71,.13)}
.login-form .button{height:50px;margin-top:22px;border-radius:9px;font-size:.9rem}
.login-form .button.primary{color:#fff;background:#e10600;box-shadow:0 8px 24px rgba(225,6,0,.18)}
.login-form .button.primary:hover{background:#c90500;box-shadow:0 10px 28px rgba(225,6,0,.26)}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.password-checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:14px;padding:12px 14px;border:1px solid #263246;border-radius:9px;background:#0d1421}
.password-checklist span{display:flex;align-items:center;gap:8px;color:#6f7c91;font-size:.7rem;font-weight:650}
.password-checklist span::before{content:"";width:7px;height:7px;flex:none;border:1px solid #536075;border-radius:50%}
.password-checklist span.valid{color:#6ee7b7}
.password-checklist span.valid::before{border-color:#10b981;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.11)}
.form-note{margin:16px 0 0;color:#78859a;font-size:.76rem;text-align:center}
.form-note button{padding:0;border:0;color:#ff5a57;background:transparent;font:inherit;font-weight:750;cursor:pointer}
.login-body .toast-stack{top:22px}
@media(max-width:960px){
  .login-panel{display:none}
  .login-form-wrap{padding:36px 22px;align-items:flex-start}
  .login-card{max-width:520px}
  .mobile-brand{display:flex}
}
@media(max-width:560px){
  .login-form-wrap{padding:24px 18px 36px}
  .auth-tabs{margin-bottom:24px}
  .auth-grid{grid-template-columns:1fr;gap:0}
  .password-checklist{grid-template-columns:1fr}
  .auth-heading h2{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.app-loader{
  position:fixed;inset:0;z-index:200;display:grid;place-items:center;
  background:rgba(24,28,34,.42);backdrop-filter:blur(4px);
}
.app-loader[hidden]{display:none!important}
.app-loader-card{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  min-width:160px;padding:22px 24px;border-radius:18px;background:#fff;
  box-shadow:0 18px 40px rgba(20,24,30,.22);text-align:center;
}
.app-loader-card p{margin:0;color:var(--ink-soft);font-size:.84rem;font-weight:600}
body.is-loading{cursor:progress}
.spinner{
  width:28px;height:28px;border:3px solid #eceef1;border-top-color:var(--crimson);
  border-radius:50%;animation:spin .7s linear infinite;
}
.spinner.sm{width:16px;height:16px;border-width:2px;display:inline-block;vertical-align:-3px;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.button.is-loading{opacity:.9}
.live-banner{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin:0 0 12px;padding:12px 14px;border-radius:14px;
  background:#fff5df;color:#8a5a00;font-size:.8rem;font-weight:650;
}
.live-banner.ok{background:#ecfaf4;color:var(--green)}
.live-banner.err{background:#fff2f4;color:#b42334}
.live-check{font-weight:800}
.live-pulse{display:block;margin-top:6px;color:rgba(255,255,255,.55);font-size:.72rem}
.live-pulse.tick{color:#fff}
.live-flash{animation:flash .45s ease}
@keyframes flash{from{opacity:.35}to{opacity:1}}

/* App bancario autenticado */
body:not(.login-body){
  --app-bg:#08060a;
  --app-surface:#120e12;
  --app-card:#161016;
  --app-raised:#1c1418;
  --app-hover:#24181e;
  --app-border:#2a1c22;
  --app-text:#f8fafc;
  --app-muted:#a8a0a4;
  --app-dim:#7a7076;
  --app-accent:#e10600;
  --app-accent-light:#ff4b47;
  margin:0;min-height:100vh;padding:0;color:var(--app-text);background:#050305;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body:not(.login-body) .app-shell{
  width:100%;max-width:480px;min-height:100vh;max-height:none;margin:0 auto;
  border-radius:0;color:var(--app-text);background:var(--app-bg);box-shadow:0 0 0 1px var(--app-border);overflow:hidden;
}
body:not(.login-body) .main-wrap{min-height:100vh;padding-bottom:68px;background:var(--app-bg);overflow:hidden}
body:not(.login-body) .topbar{
  position:sticky;top:0;z-index:40;height:74px;padding:0 20px;flex:none;
  color:var(--app-text);background:rgba(6,9,14,.92);border-bottom:1px solid var(--app-border);
  backdrop-filter:blur(16px);
}
.profile-main{display:flex;align-items:center;gap:11px;min-width:0}
.avatar-wrapper{position:relative;display:block;flex:none}
body:not(.login-body) .avatar{
  display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(225,6,0,.45);
  border-radius:50%;color:#ff8e8a;background:#241018;font-size:.78rem;font-weight:800;
  box-shadow:0 4px 12px rgba(0,0,0,.36);
}
.status-badge-dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid var(--app-bg);border-radius:50%;background:var(--app-accent)}
.user-meta{display:block;min-width:0}
.user-meta strong,.user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-meta strong{max-width:220px;color:var(--app-text);font-size:.86rem;font-weight:750}
.user-meta small{max-width:220px;margin-top:3px;color:var(--app-accent-light);font-size:.68rem;font-weight:650}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.header-actions form{margin:0}
.header-icon{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--app-border);border-radius:50%;color:var(--app-muted);background:var(--app-raised)}
.header-icon:hover{color:var(--app-text);background:var(--app-hover)}
.header-icon svg{display:block;width:18px;height:18px}
.header-icon [hidden]{display:none!important}
body:not(.login-body) .content{
  flex:1;padding:20px 20px 32px;border-radius:0;color:var(--app-text);background:var(--app-bg);
  scrollbar-color:var(--app-border) transparent;
}
body:not(.login-body) .sidebar{
  position:absolute;inset:auto 0 0 0;z-index:50;height:64px;padding:0 6px max(4px,env(safe-area-inset-bottom));
  color:var(--app-text);background:rgba(11,17,30,.96);border-top:1px solid var(--app-border);backdrop-filter:blur(18px);
}
body:not(.login-body) .sidebar nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%;margin:0}
body:not(.login-body) .nav-link{min-width:0;gap:3px;padding:7px 2px;color:var(--app-dim);font-size:.58rem;font-weight:650;border-radius:0}
body:not(.login-body) .nav-link svg{width:21px;height:21px;stroke-width:2}
body:not(.login-body) .nav-link.active,body:not(.login-body) .nav-link:hover{color:var(--app-accent);background:transparent}
body:not(.login-body) .page-head{margin-bottom:16px;gap:5px}
body:not(.login-body) .page-head h1{color:var(--app-text);font-size:1.35rem;font-weight:800;letter-spacing:0}
body:not(.login-body) .page-head p{color:var(--app-muted)}
body:not(.login-body) .eyebrow{color:var(--app-accent)!important}

body:not(.login-body) .balance-card{
  position:relative;margin:0;padding:22px 20px 20px;border:1px solid rgba(225,6,0,.28);border-radius:20px;
  color:var(--app-text);
  background:
    radial-gradient(ellipse at 100% 0%,rgba(225,6,0,.28),transparent 55%),
    linear-gradient(160deg,#1a1014 0%,#120c10 55%,#0e0a0c 100%);
  box-shadow:0 14px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04);text-align:left;overflow:hidden;
}
body:not(.login-body) .balance-card::after{
  content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle,rgba(225,6,0,.35),transparent 70%);pointer-events:none;
}
.balance-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.account-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(225,6,0,.28);border-radius:999px;color:#ffb0ad;background:rgba(225,6,0,.1);font-size:.66rem;font-weight:650}
.account-tag i{width:6px;height:6px;border-radius:50%;background:var(--app-accent);box-shadow:0 0 8px rgba(225,6,0,.85)}
body:not(.login-body) .balance-card .live-pulse{margin:0;color:var(--app-dim);font-size:.62rem;font-weight:650;text-transform:uppercase}
body:not(.login-body) .balance-main{position:relative;z-index:1;width:100%;margin:0}
body:not(.login-body) .balance-main p{margin:0 0 7px;color:#c4b8bc;font-size:.74rem;font-weight:600}
body:not(.login-body) .balance-main strong{display:block;color:#fff;font-size:2.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
body:not(.login-body) .balance-meta{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
body:not(.login-body) .balance-meta>div{min-width:0;padding:10px 8px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(0,0,0,.28)}
body:not(.login-body) .balance-meta>div.is-blocked{border-color:rgba(225,6,0,.22);background:rgba(225,6,0,.1)}
body:not(.login-body) .balance-meta small{overflow:hidden;display:block;margin:0 0 4px;color:#8f8288;font-size:.52rem;font-weight:700;letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
body:not(.login-body) .balance-meta b{overflow:hidden;display:block;color:var(--app-text);font-size:.68rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
body:not(.login-body) .balance-meta .meta-hint{display:block;margin-top:3px;color:#ff8e8a;font-size:.5rem;font-weight:650;letter-spacing:.01em;text-transform:uppercase}
body:not(.login-body) .quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0;padding:0;z-index:auto}
body:not(.login-body) .quick-actions a{gap:7px;min-width:0;color:var(--app-muted);font-size:.65rem}
body:not(.login-body) .quick-actions .qa-icon{width:54px;height:54px;border:1px solid var(--app-border);border-radius:16px;color:var(--app-accent-light);background:var(--app-card);box-shadow:0 5px 16px rgba(0,0,0,.24)}
body:not(.login-body) .quick-actions .qa-icon.highlight{color:#fff;border-color:transparent;background:var(--app-accent);box-shadow:0 7px 18px rgba(225,6,0,.35)}
body:not(.login-body) .quick-actions a:hover .qa-icon{color:#ff8e8a;background:var(--app-hover)}
body:not(.login-body) .quick-actions a:hover .qa-icon.highlight{color:#fff;background:var(--app-accent-light)}
body:not(.login-body) .quick-actions strong{overflow:hidden;color:var(--app-muted);font-size:.64rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
body:not(.login-body) .support-card{margin:0 0 18px;padding:12px 13px;border:1px solid rgba(37,211,102,.28);border-radius:14px;color:var(--app-text);background:#0b1a12}
body:not(.login-body) .support-avatar{width:38px;height:38px;color:#03250e;background:#25d366}
body:not(.login-body) .support-copy strong{color:var(--app-text)}
body:not(.login-body) .support-copy small{color:#86efac}
body:not(.login-body) .support-cta{padding:6px 9px;border-radius:999px;color:#03250e;background:#25d366;font-size:.64rem}

body:not(.login-body) .panel,body:not(.login-body) .metric,body:not(.login-body) .statement-box,body:not(.login-body) .log-row{
  color:var(--app-text);border-color:var(--app-border);background:var(--app-card);
}
body:not(.login-body) .panel{border-radius:14px}
body:not(.login-body) .panel-head{padding:14px 15px;border-color:var(--app-border)}
body:not(.login-body) .panel h2,body:not(.login-body) .block-head h2{color:var(--app-text)}
body:not(.login-body) .panel-head p,body:not(.login-body) .section-title p,body:not(.login-body) .muted{color:var(--app-muted)}
body:not(.login-body) .panel-head a,body:not(.login-body) .row-link{color:var(--app-accent)}
body:not(.login-body) .statement-list{gap:8px}
body:not(.login-body) .statement-list.panel-pad{padding:8px 12px 12px}
body:not(.login-body) .statement-box{padding:13px 14px;border-radius:12px}
body:not(.login-body) .statement-box.nested{background:#0b1321}
body:not(.login-body) .statement-box:hover{border-color:#28415a;box-shadow:none;background:var(--app-hover)}
body:not(.login-body) .statement-box-main strong{color:var(--app-text);font-size:.88rem}
body:not(.login-body) .statement-box-main small,body:not(.login-body) .statement-box-meta small{color:var(--app-dim);font-family:"JetBrains Mono",monospace;font-size:.58rem}
body:not(.login-body) .status{border:1px solid #324056;background:#172033;color:var(--app-muted)}
body:not(.login-body) .status.paid,body:not(.login-body) .status.completed,body:not(.login-body) .status.approved{color:#6ee7b7;border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.1)}
body:not(.login-body) .status.pending,body:not(.login-body) .status.processing,body:not(.login-body) .status.under_review,body:not(.login-body) .status.awaiting_approval,body:not(.login-body) .status.pending_review{color:#fbbf24;border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.1)}
body:not(.login-body) .status.failed,body:not(.login-body) .status.rejected,body:not(.login-body) .status.expired{color:#fda4af;border-color:rgba(225,6,0,.28);background:rgba(225,6,0,.1)}
body:not(.login-body) .button{border-radius:10px}
body:not(.login-body) .button.primary{color:#fff;background:var(--app-accent);box-shadow:0 8px 20px rgba(225,6,0,.28)}
body:not(.login-body) .button.primary:hover{background:#c90500}
body:not(.login-body) .button.ghost{color:var(--app-muted);border-color:var(--app-border);background:var(--app-raised)}
body:not(.login-body) label{color:var(--app-muted)}
body:not(.login-body) input,body:not(.login-body) select{color:var(--app-text);border-color:var(--app-border);background:#100c10}
body:not(.login-body) input::placeholder{color:#6a5f64}
body:not(.login-body) input:focus,body:not(.login-body) select:focus{border-color:var(--app-accent);box-shadow:0 0 0 3px rgba(225,6,0,.14)}
body:not(.login-body) .flow-card,body:not(.login-body) .form-panel,body:not(.login-body) .money-hero,body:not(.login-body) .detail-panel{background:var(--app-card)}
body:not(.login-body) .money-hero-label,body:not(.login-body) .money-hero-balance,body:not(.login-body) .flow-hint,body:not(.login-body) .text-link{color:var(--app-muted)}
body:not(.login-body) .money-hero-balance strong,body:not(.login-body) .money-hero-net{color:var(--app-text)}
body:not(.login-body) .money-field-lg input{color:var(--app-text);border-bottom-color:var(--app-border);background:transparent}
body:not(.login-body) .money-field-lg input:focus{border-bottom-color:var(--app-accent)}

/* Depositar / Transferir — visual neon vermelho */
body[data-page="deposit"] .content,
body[data-page="withdrawals"] .content{
  background:
    radial-gradient(ellipse at 100% 0%,rgba(225,6,0,.22),transparent 42%),
    radial-gradient(ellipse at 0% 100%,rgba(225,6,0,.12),transparent 40%),
    var(--app-bg);
}
.deposit-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  margin-bottom:18px;
}
.deposit-head-copy{flex:1;min-width:0}
.deposit-head h1{margin:0;font-size:1.55rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.deposit-head p{margin:8px 0 0;max-width:15.5rem;color:#c4b8bc;font-size:.82rem;line-height:1.45}
.deposit-head-brand{
  flex:none;display:flex;align-items:flex-start;justify-content:flex-end;
  padding-top:2px;
}
.pix-logo{
  display:block;width:108px;height:auto;max-height:40px;object-fit:contain;object-position:right top;
}
.deposit-flow{gap:14px}
.deposit-card{
  position:relative;padding:18px 16px 16px;border:1px solid rgba(225,6,0,.38)!important;border-radius:20px!important;
  background:
    linear-gradient(165deg,rgba(40,16,18,.92),rgba(14,10,12,.96))!important;
  box-shadow:0 0 0 1px rgba(225,6,0,.08),0 18px 40px rgba(0,0,0,.45),0 0 48px rgba(225,6,0,.12);
  overflow:hidden;
}
.deposit-card::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at 80% -10%,rgba(225,6,0,.28),transparent 45%);
}
.deposit-card-head{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-bottom:16px;text-align:left}
.deposit-ico{
  display:grid;place-items:center;width:42px;height:42px;flex:none;
  border-radius:50%;color:#fff;background:linear-gradient(160deg,#ff3b36,#e10600);
  box-shadow:0 8px 18px rgba(225,6,0,.35);
}
.deposit-ico svg{width:20px;height:20px}
.deposit-card-head strong{display:block;color:#fff;font-size:.95rem;font-weight:750;letter-spacing:-.01em}
.deposit-card-head small{display:block;margin-top:3px;color:#9a8e92;font-size:.72rem}
.money-field-box{position:relative;z-index:1;display:block;max-width:none;margin:0}
.money-field-box input{
  height:68px;margin:0;padding:0 18px 0 52px;border:1.5px solid rgba(225,6,0,.65);border-radius:16px;
  color:#fff;background:rgba(0,0,0,.35);
  font-size:1.85rem;font-weight:800;letter-spacing:-.03em;text-align:left;
  box-shadow:0 0 0 3px rgba(225,6,0,.12),0 0 28px rgba(225,6,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  caret-color:#ff4b47;
}
.money-field-box input:focus{
  border-color:#ff4b47;
  box-shadow:0 0 0 4px rgba(225,6,0,.18),0 0 36px rgba(225,6,0,.32),inset 0 1px 0 rgba(255,255,255,.05);
}
.money-field-box input::placeholder{color:#6a5f64}
.money-field-box>span{
  position:absolute;top:50%;left:18px;bottom:auto;transform:translateY(-50%);
  color:#8f8288;font-size:1.05rem;font-weight:700;pointer-events:none;
}
.fee-box{
  position:relative;z-index:1;display:flex;align-items:flex-start;gap:10px;
  margin-top:14px;padding:12px 13px;border:1px solid rgba(225,6,0,.28);border-radius:14px;
  background:rgba(0,0,0,.28);text-align:left;
}
.fee-ico{
  display:grid;place-items:center;width:28px;height:28px;flex:none;margin-top:1px;
  border-radius:50%;color:#fff;background:var(--app-accent);
}
.fee-ico svg{width:15px;height:15px}
.fee-box p{margin:0;color:#e8e0e2;font-size:.84rem;font-weight:650}
.fee-box strong{color:#ff4b47;font-weight:800}
.fee-box small{display:block;margin-top:4px;color:#8f8288;font-size:.7rem;line-height:1.35}
.deposit-card .money-hero-net{position:relative;z-index:1;margin:12px 0 0;text-align:left;color:#c4b8bc;font-size:.82rem}
.deposit-card .money-hero-net strong{color:#fff}
.deposit-submit{
  position:relative;display:grid!important;grid-template-columns:22px 1fr 22px;align-items:center;gap:10px;
  height:54px;padding:0 18px!important;border:0;border-radius:16px!important;
  background:linear-gradient(180deg,#ff3a34 0%,#e10600 55%,#c90500 100%)!important;
  box-shadow:0 12px 28px rgba(225,6,0,.38),inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-size:.98rem;font-weight:800;
}
.deposit-submit>span:nth-child(2){justify-self:center}
.deposit-submit-pix{
  display:block;width:50px;height:35%;object-fit:contain;
  filter:brightness(0) invert(1) contrast(1.05);
}
.deposit-submit-chev{display:grid;place-items:center;opacity:.9}
.deposit-submit-chev svg{width:18px;height:18px}
.deposit-cancel{
  height:48px;border-radius:14px!important;border-color:rgba(225,6,0,.35)!important;
  color:#fff!important;background:rgba(255,255,255,.03)!important;font-weight:700;text-align:center;
}
.deposit-cancel:hover{color:#fff!important;border-color:rgba(225,6,0,.55)!important;background:rgba(225,6,0,.08)!important}
.withdraw-key-card{margin-top:0}
.withdraw-key-fields{position:relative;z-index:1;display:grid;gap:12px;text-align:left}
.withdraw-key-fields label{margin:0;color:#c4b8bc}
.withdraw-key-fields input,.withdraw-key-fields select{
  margin-top:7px;border-color:rgba(225,6,0,.28);border-radius:12px;color:#fff;background:rgba(0,0,0,.35);
}
.withdraw-key-fields input:focus,.withdraw-key-fields select:focus{
  border-color:#ff4b47;box-shadow:0 0 0 3px rgba(225,6,0,.16);
}
.withdraw-key-chip{
  position:relative;z-index:1;margin:0;border:1px solid rgba(225,6,0,.28);border-radius:14px;
  color:#fff;background:rgba(0,0,0,.28);text-align:left;
}
body[data-page="withdrawals"] .block-head{margin-top:22px}
body[data-page="withdrawals"] .block-head h2{color:#fff;font-size:.95rem;font-weight:750}
body:not(.login-body) .choice-chip span,body:not(.login-body) .key-chip{color:var(--app-muted);border-color:var(--app-border);background:var(--app-raised)}
body:not(.login-body) .choice-chip input:checked+span{color:#fff;border-color:var(--app-accent);background:var(--app-accent)}
body:not(.login-body) .kyc-upload{color:var(--app-muted);border-color:#3a2830;background:#120e12}
body:not(.login-body) .kyc-upload strong{color:var(--app-text)}
body:not(.login-body) .kyc-upload>span,body:not(.login-body) .kyc-preview-grid figcaption{color:var(--app-dim)}
body:not(.login-body) .pix-panel{
  border:1px solid rgba(225,6,0,.22);
  background:
    radial-gradient(ellipse at 50% 0%,rgba(225,6,0,.16),transparent 55%),
    var(--app-card);
}
body:not(.login-body) .pix-panel>h2{color:#fff}
body:not(.login-body) .pix-hint{color:#a89aa0}
body:not(.login-body) .qr-frame{
  border-color:rgba(225,6,0,.35);
  background:
    linear-gradient(165deg,rgba(225,6,0,.18) 0%,rgba(255,255,255,.03) 48%,rgba(0,0,0,.2) 100%);
  box-shadow:0 16px 36px rgba(0,0,0,.4),0 0 0 1px rgba(225,6,0,.12),inset 0 1px 0 rgba(255,255,255,.08);
}
body:not(.login-body) .qr-image,body:not(.login-body) .fake-qr{
  background:#fff;border-radius:18px;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
}
body:not(.login-body) .copy-box{border-color:rgba(225,6,0,.22);background:#120e12}
body:not(.login-body) .copy-box code{color:#b7aeb2;border:0}
body:not(.login-body) .copy-box button{
  color:#fff;border:0;border-top:1px solid rgba(225,6,0,.28);
  background:linear-gradient(180deg,#ff2a24 0%,#e10600 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
body:not(.login-body) .copy-box button:hover{background:linear-gradient(180deg,#ff433d 0%,#c90500 100%)}
body:not(.login-body) .detail-panel dl div,body:not(.login-body) th,body:not(.login-body) td{border-color:var(--app-border)}
body:not(.login-body) .detail-panel dt,body:not(.login-body) th{color:var(--app-dim)}
body:not(.login-body) .detail-panel dd,body:not(.login-body) td{color:var(--app-text)}
body:not(.login-body) .filter-row a{color:var(--app-muted);border-color:var(--app-border);background:var(--app-raised)}
body:not(.login-body) .filter-row a.active{color:#fff;border-color:var(--app-accent);background:var(--app-accent)}
body:not(.login-body) .section-title>span{color:var(--app-accent-light);background:rgba(225,6,0,.12)}
body:not(.login-body) .metric-icon.violet{color:#ff8e8a;background:rgba(225,6,0,.12)}
body:not(.login-body) .metric-icon.amber{color:#fbbf24;background:rgba(245,158,11,.12)}
body:not(.login-body) .metric-icon.blue{color:#60a5fa;background:rgba(59,130,246,.12)}
body:not(.login-body) .metric p,body:not(.login-body) .metric small{color:var(--app-dim)}
body:not(.login-body) .notice{color:#fda4af;border-color:#5f2935;background:#241118}
body:not(.login-body) .notice.success-note,body:not(.login-body) .notice.success-notice{color:#6ee7b7;border-color:#1d5c4a;background:#0d2921}
body:not(.login-body) .alert.success{color:#6ee7b7;border:1px solid #1d5c4a;background:#0d2921}
body:not(.login-body) .alert.error{color:#fda4af;border:1px solid #67303b;background:#29131a}
body:not(.login-body) .log-row.level-error{border-color:#5f2935;background:#241118}
body:not(.login-body) .log-row.level-warning{border-color:#59451f;background:#211a0d}
body:not(.login-body) .log-context{color:var(--app-muted);background:#100c10}
body:not(.login-body) .empty p{color:var(--app-muted)}
body:not(.login-body) .app-loader-card{color:var(--app-text);background:var(--app-raised)}
body:not(.login-body) .app-loader-card p{color:var(--app-muted)}
body:not(.login-body) .spinner{border-color:rgba(225,6,0,.22);border-top-color:var(--app-accent)}
body:not(.login-body) .live-banner{
  color:#ffb0ad;border:1px solid rgba(225,6,0,.28);
  background:linear-gradient(90deg,rgba(225,6,0,.16),rgba(225,6,0,.08));
}
body:not(.login-body) .live-banner.ok{color:#6ee7b7;border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.11)}
body:not(.login-body) .live-banner.err{color:#fda4af;border-color:rgba(225,6,0,.28);background:rgba(225,6,0,.11)}

.admin-search{
  display:flex;gap:8px;margin:0 0 12px;align-items:center;
}
.admin-search input{
  flex:1;height:42px;margin:0;padding:0 12px;border:1px solid #e4e7ec;border-radius:10px;
  color:#1c1f24;background:#fff;
}
.admin-search .button{flex:none}
.admin-ops-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0}
.admin-inline-form{display:grid;gap:10px}
.admin-inline-form .button{margin-top:4px}
.admin-row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.admin-row-actions form{margin:0}
.admin-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.admin-dash-grid.secondary{margin-bottom:18px}
.admin-stat{
  padding:16px 15px;border:1px solid #e8eaee;border-radius:16px;background:#fff;
  box-shadow:0 4px 14px rgba(28,31,36,.04);
}
.admin-stat p{margin:0;color:#8a9199;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.admin-stat strong{display:block;margin:8px 0 4px;color:#1c1f24;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}
.admin-stat small{display:block;color:#8a9199;font-size:.72rem;line-height:1.35}
.admin-stat.accent{
  border-color:#ffd0cd;background:linear-gradient(160deg,#fff8f7,#fff);
}
.admin-stat.accent strong{color:#e10600}
.admin-nav-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}
.admin-nav-card{
  display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #e8eaee;border-radius:16px;
  background:#fff;box-shadow:0 4px 14px rgba(28,31,36,.04);transition:border-color .15s ease,transform .15s ease;
}
.admin-nav-card:hover{border-color:#ffb0ad;transform:translateY(-1px)}
.admin-nav-card strong{color:#1c1f24;font-size:.95rem;font-weight:750}
.admin-nav-card span{color:#8a9199;font-size:.74rem;line-height:1.4}

/* Admin — tema claro */
body[data-admin="1"]{
  --admin-bg:#f3f5f7;
  --admin-card:#fff;
  --admin-line:#e8eaee;
  --admin-text:#1c1f24;
  --admin-muted:#8a9199;
  --admin-soft:#f7f8fa;
  color:var(--admin-text);background:var(--admin-bg);
}
body[data-admin="1"] .app-shell{background:var(--admin-card);box-shadow:0 0 0 1px var(--admin-line)}
body[data-admin="1"] .main-wrap{background:var(--admin-bg);padding-bottom:68px}
body[data-admin="1"] .topbar{
  color:var(--admin-text);background:rgba(255,255,255,.94);border-bottom:1px solid var(--admin-line);backdrop-filter:blur(12px);
}
body[data-admin="1"] .avatar{
  border-color:rgba(225,6,0,.35);color:#e10600;background:#ffecec;
}
body[data-admin="1"] .user-meta strong{color:var(--admin-text)}
body[data-admin="1"] .user-meta small{color:#e10600}
body[data-admin="1"] .header-icon{color:var(--admin-muted);border-color:var(--admin-line);background:#fff}
body[data-admin="1"] .header-icon:hover{color:var(--admin-text);background:var(--admin-soft)}
body[data-admin="1"] .content{color:var(--admin-text);background:var(--admin-bg)}
body[data-admin="1"] .page-head h1,body[data-admin="1"] .block-head h2,body[data-admin="1"] .panel h2{color:var(--admin-text)}
body[data-admin="1"] .page-head p,body[data-admin="1"] .muted,body[data-admin="1"] .flow-hint{color:var(--admin-muted)}
body[data-admin="1"] .eyebrow{color:#e10600!important}
body[data-admin="1"] .sidebar{
  color:var(--admin-text);background:rgba(255,255,255,.97);border-top:1px solid var(--admin-line);
}
body[data-admin="1"] .nav-link{color:#9aa0a6}
body[data-admin="1"] .nav-link.active,body[data-admin="1"] .nav-link:hover{color:#e10600;background:transparent}
body[data-admin="1"] .panel,body[data-admin="1"] .metric,body[data-admin="1"] .statement-box,body[data-admin="1"] .form-panel,body[data-admin="1"] .admin-wd-card{
  color:var(--admin-text);border-color:var(--admin-line);background:var(--admin-card);
  box-shadow:0 4px 14px rgba(28,31,36,.04);
}
body[data-admin="1"] .metric p,body[data-admin="1"] .metric small{color:var(--admin-muted)}
body[data-admin="1"] .metric strong{color:var(--admin-text)}
body[data-admin="1"] .metric-icon.violet{color:#e10600;background:#ffecec}
body[data-admin="1"] .metric-icon.amber{color:#9a6700;background:#fff6e5}
body[data-admin="1"] .metric-icon.blue{color:#2563a8;background:#ebf3ff}
body[data-admin="1"] .filter-row a{color:var(--admin-muted);border-color:var(--admin-line);background:#fff}
body[data-admin="1"] .filter-row a.active{color:#fff;border-color:#e10600;background:#e10600}
body[data-admin="1"] .button.primary{color:#fff;background:#e10600;box-shadow:0 8px 18px rgba(225,6,0,.18)}
body[data-admin="1"] .button.primary:hover{background:#c90500}
body[data-admin="1"] .button.ghost{color:var(--admin-text);border-color:var(--admin-line);background:#fff}
body[data-admin="1"] label{color:#4a5058}
body[data-admin="1"] input,body[data-admin="1"] select{color:var(--admin-text);border-color:#d8dde3;background:#fff}
body[data-admin="1"] input:focus,body[data-admin="1"] select:focus{border-color:#f0a0a0;box-shadow:0 0 0 3px rgba(225,6,0,.08)}
body[data-admin="1"] .row-link{color:#e10600}
body[data-admin="1"] .section-title>span{color:#e10600;background:#ffecec}
body[data-admin="1"] .status{border:1px solid #e4e7ec;background:#f7f8fa;color:#4a5058}
body[data-admin="1"] .status.paid,body[data-admin="1"] .status.completed,body[data-admin="1"] .status.approved{color:#147a56;border-color:#b7e8d4;background:#ecfaf4}
body[data-admin="1"] .status.pending,body[data-admin="1"] .status.processing,body[data-admin="1"] .status.under_review,body[data-admin="1"] .status.awaiting_approval,body[data-admin="1"] .status.pending_review{color:#9a6700;border-color:#f5e3b8;background:#fff6e5}
body[data-admin="1"] .status.failed,body[data-admin="1"] .status.rejected,body[data-admin="1"] .status.expired{color:#b42334;border-color:#ffd0d6;background:#fff2f4}
body[data-admin="1"] .notice{color:#b42334;border-color:#ffd0d6;background:#fff2f4}
body[data-admin="1"] .notice.success-notice,body[data-admin="1"] .notice.success-note{color:#147a56;border-color:#b7e8d4;background:#ecfaf4}
body[data-admin="1"] .empty p,body[data-admin="1"] .empty.compact{color:var(--admin-muted)}
body[data-admin="1"] .log-row{border-color:var(--admin-line);background:#fff}
body[data-admin="1"] .log-context{color:#4a5058;background:#f7f8fa}
body[data-admin="1"] .key-chip{color:var(--admin-text);border-color:var(--admin-line);background:#f7f8fa}
body[data-admin="1"] .table-wrap{overflow-x:auto}
body[data-admin="1"] table{width:100%;border-collapse:collapse}
body[data-admin="1"] th,body[data-admin="1"] td{padding:10px 12px;border-bottom:1px solid var(--admin-line);text-align:left;vertical-align:top}
body[data-admin="1"] th{color:var(--admin-muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
body[data-admin="1"] td strong{display:block;color:var(--admin-text);font-size:.88rem}
body[data-admin="1"] td small{display:block;margin-top:3px;color:var(--admin-muted);font-size:.68rem}
body[data-admin="1"] .table-empty{color:var(--admin-muted);text-align:center}
body[data-admin="1"] .app-loader-card{color:var(--admin-text);background:#fff}
body[data-admin="1"] .app-loader-card p{color:var(--admin-muted)}
body[data-admin="1"] .spinner{border-color:#eceef1;border-top-color:#e10600}

@media(min-width:768px){
  body:not(.login-body){padding:24px 0;background:#020408}
  body:not(.login-body) .app-shell{min-height:calc(100vh - 48px);max-height:calc(100vh - 48px);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 0 1px var(--app-border)}
  body:not(.login-body) .main-wrap{min-height:0;height:100%}
  body:not(.login-body) .topbar{border-radius:28px 28px 0 0}
  body:not(.login-body) .sidebar{border-radius:0 0 28px 28px}
  .admin-ops-grid{grid-template-columns:1fr 1fr}
  body[data-admin="1"]{padding:24px 12px;background:#e8ebf0}
  body[data-admin="1"] .app-shell{box-shadow:0 18px 50px rgba(40,45,55,.12),0 0 0 1px #dde1e7}
  .admin-dash-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .admin-nav-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Admin desktop — painel claro com sidebar */
@media(min-width:1024px){
  body[data-admin="1"]{padding:20px;background:#e6e9ef}
  body[data-admin="1"] .app-shell{
    display:grid;grid-template-columns:220px minmax(0,1fr);
    width:100%;max-width:1240px;min-height:calc(100vh - 40px);max-height:calc(100vh - 40px);
    margin:0 auto;border-radius:22px;overflow:hidden;background:#fff;
    box-shadow:0 20px 50px rgba(40,45,55,.12),0 0 0 1px #dde1e7;
  }
  body[data-admin="1"] .sidebar{
    position:relative;inset:auto;height:auto;width:auto;
    padding:18px 14px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;
    border-top:0;border-right:1px solid #e8eaee;border-radius:22px 0 0 22px;
    background:#fbfcfd;backdrop-filter:none;
  }
  body[data-admin="1"] .sidebar .brand{
    display:flex!important;align-items:center;gap:10px;padding:4px 6px 12px;
    color:#1c1f24;font-size:.95rem;font-weight:750;letter-spacing:-.02em;
  }
  body[data-admin="1"] .sidebar nav{
    display:flex;flex-direction:column;grid-template-columns:none;gap:4px;width:100%;margin:0;flex:1;
  }
  body[data-admin="1"] .nav-link{
    flex-direction:row;justify-content:flex-start;gap:10px;min-width:0;
    padding:11px 12px;border-radius:12px;font-size:.78rem;font-weight:650;color:#6b7280;
  }
  body[data-admin="1"] .nav-link svg{width:18px;height:18px}
  body[data-admin="1"] .nav-link.active,body[data-admin="1"] .nav-link:hover{
    color:#e10600;background:#ffecec;
  }
  body[data-admin="1"] .sidebar-foot{
    display:flex!important;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid #e8eaee;
  }
  body[data-admin="1"] .mode-card{
    display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e8eaee;border-radius:12px;background:#fff;
  }
  body[data-admin="1"] .mode-card strong{display:block;color:#1c1f24;font-size:.74rem}
  body[data-admin="1"] .mode-card small{display:block;margin-top:3px;color:#8a9199;font-size:.62rem}
  body[data-admin="1"] .mode-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#e10600;box-shadow:0 0 0 4px rgba(225,6,0,.12);flex:none}
  body[data-admin="1"] .logout{
    width:100%;height:40px;border:1px solid #e8eaee;border-radius:10px;
    color:#6b7280;background:#fff;font-size:.78rem;font-weight:650;
  }
  body[data-admin="1"] .logout:hover{color:#e10600;border-color:#ffc5c2}
  body[data-admin="1"] .main-wrap{
    min-height:0;height:100%;padding-bottom:0;border-radius:0 22px 22px 0;overflow:hidden;background:#f3f5f7;
  }
  body[data-admin="1"] .topbar{border-radius:0 22px 0 0;background:#fff}
  body[data-admin="1"] .content{padding:22px 24px 28px;overflow:auto;background:#f3f5f7}
  body[data-admin="1"] .admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-admin="1"] .admin-wd-actions{flex-direction:row;flex-wrap:wrap;align-items:center}
}
@media(max-width:380px){
  body:not(.login-body) .content{padding-right:14px;padding-left:14px}
  body:not(.login-body) .topbar{padding-right:14px;padding-left:14px}
  body:not(.login-body) .quick-actions{gap:5px}
  body:not(.login-body) .quick-actions .qa-icon{width:48px;height:48px}
  body:not(.login-body) .balance-main strong{font-size:1.85rem}
}