:root{
  --bg:#07090d;
  --bg-2:#0d1118;
  --panel:rgba(16,20,29,.72);
  --line:rgba(255,255,255,.10);
  --text:#f5f7fb;
  --muted:#98a1b2;
  --accent:#7c5cff;
  --accent-2:#5ee7ff;
  --success:#72f1ba;
  --shadow:0 30px 100px rgba(0,0,0,.46);
  --radius:24px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(124,92,255,.12),transparent 32%),radial-gradient(circle at 85% 20%,rgba(94,231,255,.07),transparent 30%),var(--bg);color:var(--text);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.ambient{position:fixed;inset:auto;pointer-events:none;filter:blur(10px);opacity:.55}
.ambient-a{width:360px;height:360px;left:-160px;top:25%;background:radial-gradient(circle,rgba(124,92,255,.18),transparent 68%)}
.ambient-b{width:460px;height:460px;right:-220px;top:45%;background:radial-gradient(circle,rgba(94,231,255,.09),transparent 68%)}
.section-shell{width:min(1180px,calc(100% - 44px));margin:auto}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 44px));margin:auto;position:relative;z-index:5}
.brand,.auth-brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.12em;font-size:13px}
.brand-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#9c8aff);box-shadow:0 10px 30px rgba(124,92,255,.28);font-size:13px}
.nav-links{display:flex;gap:30px;font-size:13px;color:var(--muted)}
.nav-links a:hover,.text-link:hover{color:var(--text)}
.header-actions{display:flex;gap:10px}
.btn{min-height:44px;padding:0 18px;border-radius:13px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:750;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),#9b7fff);border-color:transparent;color:#fff;box-shadow:0 15px 34px rgba(124,92,255,.22)}
.btn-primary:hover{box-shadow:0 18px 42px rgba(124,92,255,.34)}
.btn-ghost{background:rgba(255,255,255,.03)}
.btn-large{min-height:54px;padding:0 22px;border-radius:15px}
.text-link{font-size:13px;color:#c1c8d5;transition:color .2s ease}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:55px;padding:42px 0 95px}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:17px 0 22px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#8893a7}
.hero h1 span{background:linear-gradient(100deg,#fff 10%,#9d8aff 62%,#63e5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{max-width:620px;color:var(--muted);font-size:16px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}
.trust-row{display:flex;gap:30px;margin-top:52px}
.trust-row div{display:flex;flex-direction:column;gap:6px}
.trust-row strong{font-size:11px;color:#6d7688;letter-spacing:.1em}
.trust-row span{font-size:12px;color:#c3c9d5}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:spin 26s linear infinite}
.orbit-1{width:500px;height:500px}
.orbit-2{width:390px;height:390px;animation-direction:reverse;animation-duration:20s}
.orbit-3{width:275px;height:275px;animation-duration:16s}
.transaction-card{width:min(520px,100%);padding:25px;border-radius:28px;position:relative;z-index:2}
.glass{background:linear-gradient(145deg,rgba(19,24,34,.78),rgba(9,12,18,.64));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px)}
.card-top,.secure-row{display:flex;align-items:center;gap:9px;color:#818b9d;font-size:10px;font-weight:800;letter-spacing:.11em}
.status-dot{width:7px;height:7px;background:var(--success);border-radius:50%;box-shadow:0 0 16px rgba(114,241,186,.65)}
.status-pill{margin-left:auto;color:#e6e0ff;background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.22);padding:6px 9px;border-radius:999px;font-size:9px}
.amount{font-size:40px;font-weight:800;letter-spacing:-.04em;margin:30px 0 4px}
.muted{color:#707a8c;font-size:12px}
.route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:9px;margin:36px 0 28px}
.node{display:flex;flex-direction:column;gap:7px}
.node span{width:13px;height:13px;border-radius:50%;background:#252c3a;border:3px solid #141923}
.node.active span{background:var(--accent-2);box-shadow:0 0 0 5px rgba(94,231,255,.08)}
.node b{font-size:11px}.node small{font-size:10px;color:#6f788a}
.route-line{height:2px;background:#202735;position:relative;top:6px;min-width:42px}
.route-line i{position:absolute;left:0;top:0;height:100%;width:55%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.secure-row{border-top:1px solid rgba(255,255,255,.07);padding-top:18px;letter-spacing:0;color:#8e98a9}
.secure-row span:first-child{color:var(--success)}
.floating-chip{position:absolute;z-index:3;padding:11px 14px;border:1px solid var(--line);background:rgba(14,18,26,.84);backdrop-filter:blur(16px);border-radius:14px;font-size:11px;color:#cbd1dc;box-shadow:0 16px 40px rgba(0,0,0,.25);animation:float 4.5s ease-in-out infinite}
.chip-a{right:-5px;top:120px}.chip-b{left:-5px;bottom:125px;animation-delay:-1.7s}
.content-section{padding:120px 0}
.section-heading h2,.split-section h2{font-size:clamp(34px,4.5vw,57px);line-height:1.04;letter-spacing:-.045em;margin:15px 0 0}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
.step-card{padding:28px;min-height:270px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.018)}
.featured-step{background:linear-gradient(145deg,rgba(124,92,255,.13),rgba(255,255,255,.02))}
.step-number,.feature-item>span{font-size:10px;letter-spacing:.12em;color:#727d90}
.step-card h3{font-size:22px;margin:65px 0 10px}.step-card p,.feature-item p{font-size:13px;line-height:1.75;color:var(--muted)}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.feature-list{border-top:1px solid var(--line)}
.feature-item{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.feature-item b{font-size:14px}.feature-item p{margin:7px 0 0}
.faq-list{max-width:800px;margin-top:42px;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font-size:14px;font-weight:700}
details p{color:var(--muted);font-size:13px;line-height:1.8;max-width:690px}
.footer{padding:34px 0 60px;display:flex;justify-content:space-between;align-items:center;color:#6c7586;font-size:11px;border-top:1px solid rgba(255,255,255,.07)}
.page-transition{position:fixed;inset:0;background:#07090d;z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none}
.page-transition.is-active{opacity:1;visibility:visible;pointer-events:auto}
.transition-logo{font-weight:900;font-size:22px;letter-spacing:.22em;opacity:0;transform:scale(.9);animation:transitionLogo .7s ease forwards}
.transition-logo span{color:#8b73ff}.transition-line{position:absolute;width:0;height:1px;background:linear-gradient(90deg,transparent,#9a86ff,transparent);animation:transitionLine .9s ease .12s forwards}
.reveal{opacity:0;transform:translateY(18px);animation:reveal .7s cubic-bezier(.22,1,.36,1) forwards}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}
.auth-page{background:radial-gradient(circle at 50% 0,rgba(124,92,255,.15),transparent 34%),#06080c}
.auth-shell{min-height:100vh;display:grid;place-items:center;position:relative;padding:70px 22px}
.auth-brand{position:fixed;left:32px;top:28px;z-index:5}
.auth-backdrop{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}
.auth-orb{position:fixed;border-radius:50%;filter:blur(30px);pointer-events:none}
.auth-orb-a{width:390px;height:390px;left:-160px;top:25%;background:rgba(124,92,255,.10)}
.auth-orb-b{width:420px;height:420px;right:-200px;bottom:10%;background:rgba(94,231,255,.06)}
.auth-modal{width:min(480px,100%);padding:38px;border-radius:30px;position:relative;overflow:hidden}
.auth-glow{position:absolute;width:220px;height:220px;right:-100px;top:-100px;background:radial-gradient(circle,rgba(124,92,255,.22),transparent 70%);pointer-events:none}
.auth-heading{position:relative}
.auth-heading h1{font-size:32px;line-height:1.07;letter-spacing:-.045em;margin:13px 0}
.auth-heading p{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 27px}
.auth-form{display:flex;flex-direction:column;gap:15px}
.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#abb3c1}
.field input{width:100%;height:50px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);padding:0 15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.field input::placeholder{color:#576174}
.field input:focus{border-color:rgba(124,92,255,.7);box-shadow:0 0 0 4px rgba(124,92,255,.10)}
.hidden{display:none!important}
.form-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 2px}
.check{display:flex;gap:8px;align-items:center;font-size:11px;color:#8993a4}
.check input{accent-color:var(--accent)}
.btn-full{width:100%;height:52px;border:0}
.auth-divider{display:flex;align-items:center;gap:13px;color:#606a7a;font-size:10px;margin:23px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}
.auth-switch{text-align:center;color:#7f899a;font-size:12px;margin:0}.auth-switch a{color:#c9c2ff;font-weight:750}.auth-switch a:hover{color:white}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes reveal{to{opacity:1;transform:none}}@keyframes transitionLogo{to{opacity:1;transform:none}}@keyframes transitionLine{to{width:64vw;opacity:.8}}
@media (max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{min-height:430px}.split-section{grid-template-columns:1fr;gap:44px}.steps-grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start;gap:16px}}
@media (max-width:560px){.site-header{width:min(100% - 28px,1240px)}.section-shell{width:min(100% - 28px,1180px)}.header-actions .btn-ghost{display:none}.hero h1{font-size:47px}.hero-text{font-size:14px}.trust-row{gap:15px;flex-wrap:wrap}.hero-visual{min-height:360px}.orbit-1{width:340px;height:340px}.orbit-2{width:270px;height:270px}.orbit-3{width:195px;height:195px}.transaction-card{padding:20px}.amount{font-size:32px}.chip-a{right:-2px;top:72px}.chip-b{left:-2px;bottom:65px}.auth-brand{left:20px}.auth-modal{padding:28px 22px}.auth-heading h1{font-size:29px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.floating-chip,.reveal,.transition-logo,.transition-line{animation:none!important}.reveal{opacity:1;transform:none}}

.auth-message{margin-top:-2px;padding:11px 13px;border-radius:12px;border:1px solid rgba(255,95,95,.18);background:rgba(255,95,95,.06);color:#ffb4b4;font-size:11px;line-height:1.5}
.auth-message.success{border-color:rgba(114,241,186,.18);background:rgba(114,241,186,.06);color:#a9f6d2}
.google-area{display:flex;flex-direction:column;align-items:center;gap:8px}
.google-btn{min-height:42px;width:100%;display:flex;justify-content:center}
.google-status{font-size:10px;color:#667083;min-height:15px;text-align:center}

/* Dashboard */
.dashboard-page{min-height:100vh;background:radial-gradient(circle at 15% 5%,rgba(124,92,255,.14),transparent 28%),radial-gradient(circle at 88% 18%,rgba(94,231,255,.07),transparent 24%),#07090d;color:var(--text);padding-bottom:108px}
.dashboard-noise{position:fixed;inset:0;pointer-events:none;opacity:.028;background-image:radial-gradient(rgba(255,255,255,.9) .6px,transparent .6px);background-size:5px 5px}
.dashboard-shell{width:min(1180px,calc(100% - 28px));margin:auto}
.dash-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.dash-top-actions{display:flex;align-items:center;gap:10px}
.icon-btn,.avatar-btn{border:1px solid var(--line);background:rgba(255,255,255,.028);color:#d9deea;border-radius:13px;cursor:pointer}
.icon-btn{width:42px;height:42px;font-size:20px}
.avatar-btn{width:42px;height:42px;border-radius:50%;font-weight:800}
.dash-main{padding:34px 0 42px}
.dash-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 0 36px}
.dash-hero h1{font-size:clamp(40px,6vw,70px);line-height:.98;letter-spacing:-.055em;margin:14px 0 17px}
.dash-hero h1 span{background:linear-gradient(100deg,#fff 8%,#a393ff 62%,#70e8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dash-subtitle{color:var(--muted);font-size:14px;line-height:1.7;max-width:590px;margin:0}
.dash-cta{white-space:nowrap}
.balance-card{position:relative;overflow:hidden;min-height:220px;border-radius:28px;padding:28px 30px;margin-bottom:15px}
.balance-copy{position:relative;z-index:2}
.balance-label,.metric-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#7e899b}
.balance-value{font-size:clamp(36px,6vw,62px);font-weight:850;letter-spacing:-.055em;margin:28px 0 7px}
.balance-note,.metric-note{font-size:11px;color:#7d8798}
.balance-orbit{position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-75px;top:-170px;animation:spin 20s linear infinite}
.balance-glow{position:absolute;width:240px;height:240px;right:-60px;bottom:-120px;background:radial-gradient(circle,rgba(124,92,255,.32),transparent 68%);filter:blur(12px)}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.dash-card{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:22px}
.metric-card{padding:23px;min-height:150px;display:flex;flex-direction:column}
.metric-card strong{font-size:34px;letter-spacing:-.04em;margin-top:auto}
.dash-section{padding:78px 0 0}
.dash-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.dash-section-head h2,.help-strip h2{font-size:28px;letter-spacing:-.03em;margin:10px 0 0}
.empty-state{padding:58px 24px;text-align:center;border-radius:26px}
.empty-icon{width:54px;height:54px;margin:0 auto 20px;display:grid;place-items:center;border-radius:16px;background:rgba(124,92,255,.13);border:1px solid rgba(124,92,255,.2);font-size:22px}
.empty-state h3{font-size:24px;letter-spacing:-.03em;margin:0 0 9px}.empty-state p{max-width:490px;margin:0 auto 22px;color:var(--muted);font-size:13px;line-height:1.75}
.help-strip{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px;margin-top:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.help-strip p{max-width:560px;color:var(--muted);font-size:13px;line-height:1.7;margin:9px 0 0}
.bottom-nav{position:fixed;z-index:30;left:50%;bottom:16px;transform:translateX(-50%);width:min(760px,calc(100% - 16px));padding:7px;border:1px solid rgba(255,255,255,.12);background:rgba(9,12,18,.82);backdrop-filter:blur(24px);box-shadow:0 18px 60px rgba(0,0,0,.42);border-radius:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.bottom-item{border:0;background:transparent;color:#727d90;min-height:56px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:750;cursor:pointer;text-decoration:none}
.bottom-item.active{background:rgba(124,92,255,.12);color:#dcd7ff}
.bottom-item:hover{color:#fff;background:rgba(255,255,255,.04)}
.nav-icon{font-size:19px;line-height:1}
.nav-avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#9d84ff);color:#fff;font-size:10px;font-weight:850}
.profile-sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;pointer-events:none}
.profile-sheet.is-open{visibility:visible;pointer-events:auto}
.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);opacity:0;transition:opacity .24s ease}
.sheet-panel{position:relative;width:min(620px,100%);margin:0 10px 10px;padding:24px;border-radius:26px;transform:translateY(110%);transition:transform .34s cubic-bezier(.22,1,.36,1);z-index:1}
.profile-sheet.is-open .sheet-backdrop{opacity:1}
.profile-sheet.is-open .sheet-panel{transform:none}
.sheet-handle{width:42px;height:4px;border-radius:99px;background:#586274;margin:0 auto 24px}
.sheet-profile{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.sheet-avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#9a7fff);font-size:19px;font-weight:850}
.sheet-profile h2{font-size:25px;margin:6px 0 2px}.sheet-profile p{margin:0;color:var(--muted);font-size:11px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sheet-action{width:100%;height:50px;border:1px solid rgba(255,105,105,.18);border-radius:14px;background:rgba(255,75,75,.055);color:#ffb5b5;font-weight:750;cursor:pointer}
.sheet-action span{display:inline-block;margin-right:7px}
@media(max-width:720px){.dash-hero{align-items:flex-start;flex-direction:column}.dash-cta{width:100%}.metric-grid{grid-template-columns:1fr}.help-strip{flex-direction:column;align-items:flex-start}.help-strip .btn{width:100%}}
@media(min-width:721px){.dashboard-page{padding-bottom:35px}.bottom-nav{bottom:20px}}

/* Dashboard contrast refinement */
.dashboard-page .dash-subtitle,
.dashboard-page .balance-note,
.dashboard-page .metric-note,
.dashboard-page .empty-state p,
.dashboard-page .help-strip p {
  color: #b3bdcf;
}
.dashboard-page .dash-section-head .text-link {
  color: #dfe5f0;
  font-weight: 700;
}
.dashboard-page .metric-label,
.dashboard-page .balance-label,
.dashboard-page .eyebrow {
  color: #a4aec0;
}
.dashboard-page .btn-primary {
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(0,0,0,.16);
}
.dashboard-page .bottom-item {
  color: #a7b1c3;
}
.dashboard-page .bottom-item.active {
  color: #ffffff;
}
.dashboard-page .bottom-item:hover {
  color: #ffffff;
}
.dashboard-page .nav-icon {
  color: currentColor;
}
.dashboard-page .help-strip h2,
.dashboard-page .dash-section-head h2,
.dashboard-page .empty-state h3 {
  color: #f7f9fd;
}

/* App Premium */
.premium-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
  background:
    radial-gradient(circle at 18% 10%,rgba(124,92,255,.16),transparent 30%),
    radial-gradient(circle at 84% 78%,rgba(94,231,255,.08),transparent 28%),
    #07090d;
}
.premium-shell{width:min(760px,100%);position:relative}
.premium-back{
  display:inline-block;
  margin:0 0 16px 4px;
  color:#b9c2d2;
  font-size:13px;
}
.premium-card{
  padding:clamp(34px,7vw,64px);
  border-radius:32px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.premium-card:before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-170px;
  top:-190px;
  background:radial-gradient(circle,rgba(124,92,255,.25),transparent 68%);
  pointer-events:none;
}
.premium-symbol{
  width:72px;
  height:72px;
  margin:0 auto 24px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(135deg,var(--accent),#9b7fff);
  color:#fff;
  font-size:29px;
  box-shadow:0 22px 50px rgba(124,92,255,.3);
}
.premium-card h1{
  font-size:clamp(42px,7vw,76px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:15px 0 20px;
}
.premium-card h1 span{
  background:linear-gradient(100deg,#fff 10%,#9d8aff 62%,#63e5ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.premium-card p{
  max-width:560px;
  margin:0 auto;
  color:#b3bdcf;
  font-size:14px;
  line-height:1.8;
}
.premium-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:28px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(124,92,255,.28);
  background:rgba(124,92,255,.10);
  color:#d8d1ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}

.nav-logo-wrap{width:22px;height:22px;border-radius:7px;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.06)}
.nav-premium-logo{width:100%;height:100%;object-fit:cover;display:block}
.premium-symbol img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}

/* Separated app pages */
.app-page{min-height:100vh;background:radial-gradient(circle at 15% 5%,rgba(124,92,255,.12),transparent 28%),radial-gradient(circle at 88% 18%,rgba(94,231,255,.06),transparent 24%),#07090d;color:var(--text);padding-bottom:110px}
.app-page-shell{width:min(1180px,calc(100% - 28px));margin:auto;padding:46px 0 40px}
.inner-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:20px 0 36px}
.inner-topbar h1{font-size:clamp(38px,6vw,66px);line-height:.98;letter-spacing:-.05em;margin:13px 0 12px}
.inner-topbar p{max-width:680px;color:#b3bdcf;font-size:14px;line-height:1.7;margin:0}
.filter-row{display:flex;gap:8px;overflow:auto;padding:4px 0 18px}
.filter-pill{border:1px solid var(--line);background:rgba(255,255,255,.02);color:#aeb8c9;border-radius:999px;padding:9px 14px;font-size:11px;white-space:nowrap;cursor:pointer}
.filter-pill.active{background:rgba(124,92,255,.13);border-color:rgba(124,92,255,.25);color:#fff}
.page-empty{margin-top:18px}
.help-ai-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;border-radius:25px;margin-bottom:18px}
.help-ai-card h2{font-size:24px;margin:7px 0}.help-ai-card p{color:#b3bdcf;font-size:13px;line-height:1.7;margin:0;max-width:680px}
.ai-badge{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--accent),#9b7fff);font-size:16px;font-weight:900;box-shadow:0 16px 32px rgba(124,92,255,.24)}
.help-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.help-menu-item{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:23px;color:inherit;text-decoration:none}
.help-menu-item>span{font-size:10px;color:#8590a4;letter-spacing:.1em}.help-menu-item b{font-size:14px}.help-menu-item p{color:#aeb8c9;font-size:12px;line-height:1.65;margin:7px 0 0}
.profile-hero{display:flex;align-items:center;gap:18px;padding:25px;border-radius:26px;margin-bottom:36px}
.profile-avatar-large{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#9a7eff);font-size:25px;font-weight:850}
.profile-hero h2{font-size:28px;margin:7px 0 3px}.profile-hero p{margin:0;color:#aeb8c9;font-size:12px}
.profile-section{padding-top:25px}.section-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#9ca7ba;margin:0 0 13px}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile-action,.profile-row{display:grid;align-items:center;gap:14px;text-decoration:none;color:inherit;padding:20px}
.profile-action{grid-template-columns:42px 1fr auto}.profile-row{grid-template-columns:1fr auto}
.profile-action b,.profile-row b{font-size:14px}.profile-action p,.profile-row p{font-size:12px;line-height:1.65;color:#aeb8c9;margin:6px 0 0}
.action-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(124,92,255,.12);color:#ded8ff;font-size:17px}
.btn-logout{margin-top:30px;width:100%;border-color:rgba(255,105,105,.18);background:rgba(255,75,75,.05);color:#ffb8b8}
@media(max-width:720px){.inner-topbar{align-items:flex-start;flex-direction:column}.help-ai-card{grid-template-columns:auto 1fr}.help-ai-card .btn{grid-column:1/-1;width:100%}.help-menu-grid,.profile-grid{grid-template-columns:1fr}}

.transaction-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.transaction-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:16px;padding:20px 22px;border-radius:22px}
.transaction-status-dot{width:9px;height:9px;border-radius:50%;background:#7b8494;box-shadow:0 0 14px rgba(255,255,255,.12)}
.transaction-status-dot.active{background:#70f0b8;box-shadow:0 0 14px rgba(112,240,184,.32)}
.transaction-status-dot.completed{background:#5ee7ff}
.transaction-status-dot.dispute{background:#ffbd5e}
.transaction-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.transaction-info b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transaction-info span{font-size:10px;color:#9ea9ba}
.transaction-amount{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.transaction-amount strong{font-size:16px;letter-spacing:-.02em}
.status-pill-small{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:#c6cfdd}
.status-pill-small.active{color:#aaf5d0;background:rgba(112,240,184,.08)}
.status-pill-small.completed{color:#b5f5ff;background:rgba(94,231,255,.08)}
.status-pill-small.dispute{color:#ffdca8;background:rgba(255,189,94,.08)}
.transaction-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none;padding:10px}
.transaction-modal.is-open{visibility:visible;pointer-events:auto}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease}
.transaction-modal.is-open .modal-backdrop{opacity:1}
.transaction-panel{position:relative;width:min(680px,100%);max-height:calc(100dvh - 20px);margin:0;padding:28px;border-radius:28px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:translateY(105%);transition:transform .34s cubic-bezier(.22,1,.36,1);z-index:1}
.transaction-modal.is-open .transaction-panel{transform:none}
.modal-close{position:absolute;right:17px;top:15px;width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#c6cfdd;font-size:22px;cursor:pointer}
.transaction-panel h2{font-size:32px;letter-spacing:-.04em;margin:10px 0}
.modal-subtitle{max-width:590px;color:#aeb8c9;font-size:12px;line-height:1.7;margin:0 0 22px}
.transaction-form{display:flex;flex-direction:column;gap:15px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.transaction-form textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);padding:13px 15px;outline:none;resize:vertical}
.transaction-form textarea:focus{border-color:rgba(124,92,255,.7);box-shadow:0 0 0 4px rgba(124,92,255,.1)}
@media(max-width:650px){.transaction-modal{align-items:center;padding:8px}.transaction-row{grid-template-columns:10px 1fr}.transaction-amount{grid-column:2;align-items:flex-start}.field-grid{grid-template-columns:1fr}.transaction-panel{width:100%;max-height:calc(100dvh - 16px);padding:24px 20px;border-radius:24px}.transaction-panel h2{font-size:28px}}

.transaction-form select{
  width:100%;
  height:50px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
  color:var(--text);
  padding:0 15px;
  outline:none;
  appearance:none;
}
.transaction-form select:focus{
  border-color:rgba(124,92,255,.7);
  box-shadow:0 0 0 4px rgba(124,92,255,.1);
}
.transaction-form select option{
  background:#0d1118;
  color:#f5f7fb;
}

.role-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.role-option{height:48px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:#aeb8c9;font-size:12px;font-weight:850;letter-spacing:.08em;cursor:pointer;transition:.2s ease}
.role-option.active{color:#fff;border-color:rgba(124,92,255,.45);background:rgba(124,92,255,.14);box-shadow:inset 0 0 0 1px rgba(124,92,255,.12)}
.field-hint{color:#8792a5;font-size:10px;line-height:1.5}
.transaction-highlight{border-color:rgba(124,92,255,.55)!important;box-shadow:0 0 0 1px rgba(124,92,255,.12),0 24px 70px rgba(124,92,255,.13)}
.notification-trigger{position:relative}
.notification-badge{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff5d86;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #07090d}
.notification-sheet{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:flex-end;visibility:hidden;pointer-events:none}
.notification-sheet.is-open{visibility:visible;pointer-events:auto}
.notification-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease}
.notification-sheet.is-open .notification-backdrop{opacity:1}
.notification-panel{position:relative;width:min(520px,calc(100% - 20px));max-height:calc(100vh - 24px);overflow:auto;margin:12px 10px 0;padding:24px;border-radius:26px;transform:translateX(110%);transition:transform .34s cubic-bezier(.22,1,.36,1);z-index:1}
.notification-sheet.is-open .notification-panel{transform:none}
.notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.notification-head h2{font-size:27px;letter-spacing:-.04em;margin:7px 0 18px}
.notification-list{display:flex;flex-direction:column;gap:8px}
.notification-item{display:grid;grid-template-columns:8px 1fr;gap:12px;padding:15px;border-radius:17px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}
.notification-item.unread{border-color:rgba(124,92,255,.24);background:rgba(124,92,255,.07)}
.notification-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#627084}
.notification-item.unread .notification-dot{background:#8d78ff;box-shadow:0 0 14px rgba(124,92,255,.65)}
.notification-item b{font-size:12px}.notification-item p{margin:5px 0;color:#b3bdcf;font-size:11px;line-height:1.6}.notification-item small{color:#7f899a;font-size:9px}
.notification-empty{padding:42px 15px;text-align:center;color:#9ba6b8;font-size:12px}
@media(max-width:560px){.notification-panel{width:calc(100% - 16px);margin:8px 8px 0}}

@media(max-width:560px){
  .bottom-nav{width:calc(100% - 12px);padding:6px;border-radius:19px;gap:2px}
  .bottom-item{min-height:54px;border-radius:14px;font-size:9px;gap:3px}
  .nav-icon{font-size:17px}
  .nav-avatar{width:20px;height:20px;font-size:9px}
  .nav-logo-wrap{width:20px;height:20px;border-radius:6px}
}

.wallet-profile-card{padding:22px;border-radius:23px;margin-bottom:14px;display:flex;flex-direction:column;gap:7px}
.wallet-profile-card strong{font-size:32px;letter-spacing:-.04em}
.wallet-profile-card span:last-child{color:#98a4b7;font-size:11px}
.balance-topup-link{position:relative;z-index:3;display:inline-block;margin-top:10px;color:#cfc8ff;font-size:11px;font-weight:750}

.topup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.qris-card,.topup-form-card{padding:25px;border-radius:26px}
.qris-card h2,.topup-form-card h2{font-size:28px;letter-spacing:-.04em;margin:9px 0 20px}
.qris-image{display:block;width:min(360px,100%);margin:0 auto;border-radius:18px;background:#fff;padding:10px}
.topup-warning{color:#aeb8c9;font-size:11px;line-height:1.7;margin:15px 0 0}
.topup-balance{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}
.topup-balance span,.topup-status{font-size:11px;color:#9eabbc}.topup-balance strong{font-size:18px}
.topup-status{margin-top:12px}
@media(max-width:760px){.topup-grid{grid-template-columns:1fr}}

/* Deposit two-step flow */
.deposit-step{width:min(760px,100%);margin:0 auto}
.deposit-card,.invoice-card{padding:clamp(24px,5vw,42px);border-radius:28px}
.step-indicator{display:flex;align-items:center;max-width:210px;margin-bottom:30px}
.step-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:#7f899a;background:rgba(255,255,255,.025);font-size:10px;font-weight:850}
.step-number.active{color:#fff;border-color:rgba(124,92,255,.5);background:rgba(124,92,255,.14)}
.step-number.done{color:#fff;border-color:rgba(114,241,186,.35);background:rgba(114,241,186,.10)}
.step-line{flex:1;height:1px;background:var(--line);margin:0 9px}
.step-line.done{background:rgba(114,241,186,.35)}
.deposit-card h2,.invoice-card h2{font-size:clamp(32px,6vw,50px);letter-spacing:-.05em;line-height:1;margin:10px 0 13px}
.deposit-copy{color:#aeb8c9;font-size:13px;line-height:1.7;max-width:560px;margin:0 0 28px}
.deposit-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}
.invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.invoice-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(255,189,94,.08);border:1px solid rgba(255,189,94,.2);color:#ffdca8;font-size:9px;font-weight:900;letter-spacing:.12em}
.invoice-summary{margin-top:25px;padding:22px;border-radius:19px;background:rgba(255,255,255,.025);border:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.invoice-summary span,.invoice-ref span{color:#8994a7;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.invoice-summary strong{font-size:36px;letter-spacing:-.05em}
.invoice-ref{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 2px;border-bottom:1px solid var(--line)}
.invoice-ref strong{font-size:12px;letter-spacing:.08em;color:#dce2ec}
.invoice-qr-wrap{display:flex;justify-content:center;padding:28px 0 22px}
.invoice-qr{width:min(340px,100%);background:#fff;padding:11px;border-radius:20px;display:block}
.invoice-instructions{display:flex;flex-direction:column;gap:9px;margin:4px 0 18px}
.invoice-instruction{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;padding:13px 0}
.invoice-instruction span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:rgba(124,92,255,.12);color:#dcd6ff;font-size:9px;font-weight:850}
.invoice-instruction p{margin:1px 0 0;color:#aeb8c9;font-size:11px;line-height:1.65}
.invoice-note{padding:14px 15px;border:1px solid rgba(255,189,94,.18);background:rgba(255,189,94,.05);border-radius:15px;color:#c9b894;font-size:10px;line-height:1.65;margin-bottom:18px}
.hidden{display:none!important}
@media(max-width:520px){.deposit-actions{grid-template-columns:1fr}.invoice-head{flex-direction:column;align-items:flex-start}.invoice-summary strong{font-size:30px}}


/* Finance, withdrawal, admin */
.finance-summary-grid,.admin-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.finance-balance-card{padding:20px 22px;border-radius:22px;display:flex;flex-direction:column;gap:7px}
.finance-balance-card strong{font-size:25px;letter-spacing:-.04em}
.finance-section{margin-top:18px}
.finance-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}
.finance-tabs .filter-pill{white-space:nowrap}
.finance-list{display:flex;flex-direction:column;gap:10px}
.finance-row,.admin-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 18px;border-radius:20px}
.finance-row-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:18px;background:rgba(124,92,255,.12);color:#ddd7ff}
.finance-row-icon.positive{background:rgba(114,241,186,.09);color:#9bf3c9}
.finance-row-icon.negative{background:rgba(255,189,94,.08);color:#ffdca8}
.finance-row-main{min-width:0}
.finance-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.finance-row-main b{font-size:11px;letter-spacing:.08em}
.finance-row-main p{margin:5px 0;color:#aeb8c9;font-size:11px;line-height:1.55}
.finance-row-main small{color:#788396;font-size:9px;word-break:break-word}
.finance-amount{font-size:15px;white-space:nowrap}
.finance-positive{color:#a2f3cd}
.finance-negative{color:#ffd0a0}
.admin-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.admin-row-main{min-width:0}
.admin-actions{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}
.btn-small{min-height:36px;padding:0 13px;font-size:10px}
.withdraw-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:16px;align-items:start}
.withdraw-balance,.withdraw-card{padding:26px;border-radius:25px}
.withdraw-balance{display:flex;flex-direction:column;gap:8px;position:sticky;top:18px}
.withdraw-balance strong{font-size:35px;letter-spacing:-.05em}
.withdraw-balance span:last-child{color:#98a4b7;font-size:11px;line-height:1.5}
.withdraw-card h2{font-size:clamp(30px,5vw,44px);letter-spacing:-.05em;line-height:1.02;margin:9px 0 12px}
.profile-finance-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.profile-admin-link{margin-top:10px}
.transaction-detail-panel{max-height:min(88vh,760px);overflow:auto}
.transaction-detail-body{display:flex;flex-direction:column;gap:14px}
.transaction-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.transaction-meta-card{padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:15px}
.transaction-meta-card span{display:block;color:#8691a4;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin-bottom:5px}
.transaction-meta-card b{font-size:13px}
.transaction-detail-actions{display:flex;flex-wrap:wrap;gap:8px}
.transaction-detail-actions .btn{flex:1 1 170px}
.transaction-description{padding:15px;border:1px solid var(--line);border-radius:16px;color:#aeb8c9;font-size:11px;line-height:1.7;white-space:pre-wrap}
@media(max-width:760px){
  .finance-summary-grid,.admin-summary-grid{grid-template-columns:1fr}
  .withdraw-grid{grid-template-columns:1fr}
  .withdraw-balance{position:static}
  .profile-finance-actions{grid-template-columns:1fr}
}
@media(max-width:560px){
  .finance-row{grid-template-columns:34px minmax(0,1fr);gap:11px}
  .finance-row-icon{width:34px;height:34px;border-radius:11px}
  .finance-amount{grid-column:2;font-size:13px}
  .admin-row{grid-template-columns:1fr}
}

.withdraw-fee-box{margin:0 0 16px;padding:15px;border:1px solid var(--line);background:rgba(124,92,255,.06);border-radius:16px;display:flex;flex-direction:column;gap:8px}
.withdraw-fee-box>div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.withdraw-fee-box span{color:#8e99aa;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.withdraw-fee-box strong{font-size:13px}
.withdraw-fee-box small{color:#98a4b7;font-size:9px;line-height:1.5}

.payment-summary{padding:16px;border-radius:18px;display:flex;flex-direction:column;gap:8px;border-color:rgba(124,92,255,.2);background:rgba(124,92,255,.055)}
.payment-summary-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.summary-status{color:#a9a2ff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.payment-summary-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#aeb8c9}
.payment-summary-row strong{font-size:12px;color:#f4f6fb}
.payment-summary-divider{height:1px;background:var(--line);margin:3px 0}
.payment-summary small{color:#8893a5;font-size:9px;line-height:1.5}

.withdraw-picker{position:relative}
.withdraw-options{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:50;max-height:280px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:15px;background:#111522;box-shadow:0 18px 50px rgba(0,0,0,.38)}
.withdraw-option{display:block;width:100%;padding:12px 13px;border:0;border-radius:10px;background:transparent;color:#dce2ee;text-align:left;font:inherit;font-size:11px;cursor:pointer}
.withdraw-option:hover,.withdraw-option:focus{background:rgba(124,92,255,.13);outline:none}
.withdraw-option.empty{color:#8f9aab;cursor:default;text-align:center}

body.modal-open{overflow:hidden}
.withdraw-success-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:14px;visibility:hidden;pointer-events:none}
.withdraw-success-modal.is-open{visibility:visible;pointer-events:auto}
.withdraw-success-backdrop{position:absolute;inset:0;background:rgba(3,5,12,.78);backdrop-filter:blur(9px);opacity:0;transition:opacity .25s ease}
.withdraw-success-modal.is-open .withdraw-success-backdrop{opacity:1}
.withdraw-success-card{position:relative;width:min(560px,100%);max-height:min(92dvh,820px);overflow:auto;padding:32px 28px 28px;border-radius:30px;transform:translateY(22px) scale(.96);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease;z-index:1;text-align:center}
.withdraw-success-modal.is-open .withdraw-success-card{transform:translateY(0) scale(1);opacity:1}
.withdraw-success-check{width:104px;height:104px;margin:4px auto 18px;display:grid;place-items:center;border-radius:50%;background:rgba(114,241,186,.08);box-shadow:0 0 0 1px rgba(114,241,186,.13),0 0 55px rgba(114,241,186,.11);animation:withdrawCheckPop .55s cubic-bezier(.17,.89,.32,1.28) both}
.withdraw-check-svg{width:76px;height:76px;overflow:visible}
.withdraw-check-svg circle{fill:none;stroke:rgba(114,241,186,.95);stroke-width:3;stroke-dasharray:182;stroke-dashoffset:182;animation:withdrawCircle .65s .08s ease-out forwards}
.withdraw-check-svg path{fill:none;stroke:#d9ffed;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:withdrawTick .42s .58s cubic-bezier(.22,1,.36,1) forwards}
.withdraw-success-card h2{margin:9px auto 10px;font-size:clamp(28px,5vw,42px);line-height:1.05;letter-spacing:-.045em;max-width:470px}
.withdraw-success-main{margin:0 auto 20px;max-width:470px;color:#aeb8c9;font-size:12px;line-height:1.75}
.withdraw-success-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:18px 0}
.withdraw-success-summary>div{padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.withdraw-success-summary span{display:block;color:#8792a5;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;margin-bottom:5px}
.withdraw-success-summary strong{display:block;color:#f3f5fa;font-size:12px;word-break:break-word}
.withdraw-success-notice,.withdraw-success-warning{padding:15px 16px;border-radius:17px;text-align:left;margin-top:12px}
.withdraw-success-notice{border:1px solid rgba(124,92,255,.2);background:rgba(124,92,255,.065)}
.withdraw-success-warning{border:1px solid rgba(255,190,95,.18);background:rgba(255,190,95,.055)}
.withdraw-success-notice strong,.withdraw-success-warning strong{font-size:11px;color:#edf0f7}
.withdraw-success-notice p,.withdraw-success-warning p{margin:6px 0 0;color:#aeb8c9;font-size:10px;line-height:1.7}
.withdraw-success-actions{display:flex;gap:10px;margin-top:18px;flex-direction:column}
.withdraw-success-actions .btn{width:100%}
@keyframes withdrawCheckPop{0%{transform:scale(.65);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes withdrawCircle{to{stroke-dashoffset:0}}
@keyframes withdrawTick{to{stroke-dashoffset:0}}
@media(max-width:560px){
  .withdraw-success-card{padding:28px 18px 20px;border-radius:24px;max-height:94dvh}
  .withdraw-success-check{width:92px;height:92px}
  .withdraw-success-summary{grid-template-columns:1fr}
  .withdraw-success-card h2{font-size:30px}
}


/* IKA floating CS assistant */
.ika-fab{
  position:fixed;
  right:16px;
  bottom:96px;
  width:56px;
  height:56px;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(124,92,255,.34),rgba(18,22,34,.9));
  box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 24px rgba(124,92,255,.16);
  cursor:grab;
  z-index:120;
  touch-action:none;
  overflow:visible;
}
.ika-fab:active{cursor:grabbing}
.ika-fab:hover{transform:translateY(-2px);box-shadow:0 11px 30px rgba(0,0,0,.34),0 0 30px rgba(124,92,255,.22)}
.ika-fab-ring{display:none}
.ika-fab-img{
  position:absolute;
  inset:3px;
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:contain;
  display:block;
  background:transparent;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.26));
}
.ika-fab-fallback{
  position:absolute;
  inset:3px;
  width:48px;
  height:48px;
  border-radius:50%;
  display:none;
  place-items:center;
  background:linear-gradient(135deg,#7c5cff,#5ee7ff);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}
.ika-fab-positioned{right:auto!important;bottom:auto!important}
.ika-fab::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(124,92,255,.24);pointer-events:none}
.ika-fab.ika-armed{box-shadow:0 11px 30px rgba(0,0,0,.34),0 0 34px rgba(94,231,255,.25)}
.ika-help-bubble{
  position:fixed;
  right:22px;
  bottom:166px;
  z-index:119;
  width:max-content;
  max-width:220px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(14,18,28,.95);
  box-shadow:0 16px 36px rgba(0,0,0,.38);
  color:#f5f7fb;
  font-size:10px;
  font-weight:800;
  backdrop-filter:blur(18px);
  cursor:pointer;
}
.ika-help-bubble small{display:block;margin-top:3px;color:#9da8ba;font-size:8px;font-weight:500;line-height:1.45}
.ika-chat{position:fixed;inset:0;z-index:110;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px;visibility:hidden;pointer-events:none}
.ika-chat.is-open{visibility:visible;pointer-events:auto}
.ika-chat-backdrop{position:absolute;inset:0;background:rgba(3,5,12,.67);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}
.ika-chat.is-open .ika-chat-backdrop{opacity:1}
.ika-chat-panel{
  position:relative;
  width:min(430px,100%);
  max-height:min(760px,calc(100dvh - 36px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:28px;
  padding:0;
  transform:translateY(24px) scale(.97);
  opacity:0;
  transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .24s ease;
  z-index:1;
}
.ika-chat.is-open .ika-chat-panel{transform:none;opacity:1}
.ika-chat-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 19px 15px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(124,92,255,.11),rgba(255,255,255,.02))}
.ika-chat-profile{display:flex;align-items:center;gap:11px;min-width:0}
.ika-mini-avatar{position:relative;width:49px;height:49px;flex:0 0 auto;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#7c5cff,#5ee7ff);border:1px solid rgba(255,255,255,.13)}
.ika-mini-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ika-mini-avatar span{display:none;place-items:center;width:100%;height:100%;font-size:11px;font-weight:900}
.ika-mini-avatar.is-fallback span{display:grid}
.ika-chat-head h2{margin:4px 0 3px;font-size:17px;letter-spacing:-.025em}
.ika-chat-head p{margin:0;color:#94a0b3;font-size:9px}
.ika-online-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#72f1ba;box-shadow:0 0 10px rgba(114,241,186,.6)}
.ika-chat-close{position:static;flex:0 0 auto}
.ika-chat-body{flex:1;overflow:auto;padding:16px 16px 8px;-webkit-overflow-scrolling:touch}
.ika-welcome{padding:13px 14px;border:1px solid rgba(124,92,255,.19);background:rgba(124,92,255,.055);border-radius:16px;color:#cdd4e0;font-size:11px;line-height:1.65}
.ika-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 14px}
.ika-shortcut{padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.025);color:#cfd6e3;font-size:9px;font-weight:800;cursor:pointer;transition:.2s ease}
.ika-shortcut:hover{border-color:rgba(124,92,255,.45);background:rgba(124,92,255,.08);transform:translateY(-1px)}
.ika-messages{display:flex;flex-direction:column;gap:9px}
.ika-message{max-width:88%;padding:11px 12px;border-radius:15px;font-size:11px;line-height:1.65;white-space:pre-line}
.ika-message.bot{align-self:flex-start;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#dbe1eb}
.ika-message.user{align-self:flex-end;background:linear-gradient(135deg,rgba(124,92,255,.22),rgba(94,231,255,.10));border:1px solid rgba(124,92,255,.2);color:#f4f6fb}
.ika-typing{display:flex;align-items:flex-end;gap:8px;align-self:flex-start}
.ika-typing-avatar{width:28px;height:28px;border-radius:10px;overflow:hidden;display:block;background:linear-gradient(135deg,#7c5cff,#5ee7ff);flex:0 0 auto}
.ika-typing-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.ika-typing-card{padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#98a4b8;font-size:9px}
.ika-dots{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.ika-dots i{width:4px;height:4px;border-radius:50%;background:#a7b1c3;animation:ikaDot 1s infinite ease-in-out}.ika-dots i:nth-child(2){animation-delay:.14s}.ika-dots i:nth-child(3){animation-delay:.28s}
@keyframes ikaDot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}
.ika-chat-compose{display:grid;grid-template-columns:1fr 42px;gap:8px;padding:11px 12px;border-top:1px solid var(--line);background:rgba(7,9,13,.72)}
.ika-chat-compose input{width:100%;height:42px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);padding:0 13px;outline:none;font-size:11px}
.ika-chat-compose input:focus{border-color:rgba(124,92,255,.55);box-shadow:0 0 0 4px rgba(124,92,255,.08)}
.ika-chat-compose button{min-height:42px;padding:0;border-radius:13px}
.ika-chat-note{padding:0 13px 13px;color:#707c90;font-size:8px;line-height:1.45;background:rgba(7,9,13,.72)}
@media(max-width:560px){
  .ika-fab{width:48px;height:48px;right:12px;bottom:84px}
  .ika-fab-img,.ika-fab-fallback{width:48px;height:48px}
  .ika-help-bubble{right:16px;bottom:143px}
  .ika-chat{padding:8px;align-items:flex-end}
  .ika-chat-panel{width:100%;max-height:calc(100dvh - 16px);border-radius:24px}
}
@media(min-width:561px){.ika-chat-panel{margin-bottom:4px}}
@media(max-width:560px){
  .ika-fab{width:60px;height:60px;right:12px;bottom:76px;border-radius:19px}
  .ika-fab-img,.ika-fab-fallback{width:50px;height:50px;border-radius:15px}
  .ika-help-bubble{right:16px;bottom:145px}
  .ika-chat{padding:8px;align-items:flex-end}
  .ika-chat-panel{width:100%;max-height:calc(100dvh - 16px);border-radius:24px}
}
@media(min-width:561px){.ika-chat-panel{margin-bottom:4px}}


/* Final mobile/admin polish */
.admin-row{
  min-width:0;
}
.admin-row-main{
  min-width:0;
  overflow-wrap:anywhere;
}
.admin-row-main .finance-row-top{
  min-width:0;
}
.admin-row-main .finance-row-top b{
  min-width:0;
  overflow-wrap:anywhere;
}
.admin-row > .finance-amount{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
}
.admin-sub-amount{
  display:block;
  margin-top:0;
  font-size:9px;
  line-height:1.4;
  color:#aeb8c9;
  white-space:normal;
}
.notification-sheet.is-open ~ #ika-widget-root .ika-fab,
.notification-sheet.is-open ~ #ika-widget-root .ika-help-bubble{
  display:none !important;
}
@media(max-width:720px){
  .admin-row{
    grid-template-columns:1fr !important;
    gap:11px;
  }
  .admin-row > .finance-amount{
    grid-column:1 !important;
    align-items:flex-start;
    justify-self:start;
    white-space:normal;
    font-size:18px;
  }
  .admin-row .admin-sub-amount{
    font-size:10px;
  }
  .admin-row .admin-actions{
    grid-column:1 !important;
    width:100%;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
  }
  .admin-row .admin-actions .btn-small{
    min-width:92px;
  }
}

.status-pill-small{white-space:nowrap;min-width:max-content}
.withdraw-success-modal.is-open ~ #ika-widget-root .ika-fab,
.withdraw-success-modal.is-open ~ #ika-widget-root .ika-help-bubble{display:none!important}