:root {
    --bg-0: #050813;
    --bg-1: #08101f;
    --bg-2: #0b1629;
    --card: rgba(14, 25, 45, .82);
    --card-strong: rgba(11, 21, 39, .95);
    --stroke: rgba(126, 162, 214, .18);
    --stroke-strong: rgba(97, 155, 255, .38);
    --text: #f7f9ff;
    --muted: #94a7c7;
    --blue: #2e86ff;
    --cyan: #16d9ff;
    --purple: #8d4cff;
    --teal: #13e6c4;
    --green: #2ce39a;
    --amber: #ffb02e;
    --red: #ff5778;
    --shadow: 0 20px 55px rgba(0, 0, 0, .38);
    --glow-blue: 0 0 32px rgba(46, 134, 255, .28);
    --radius: 24px;
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-top: env(safe-area-inset-top, 0px);
    font-family: Tahoma, "Vazirmatn", "IRANSansX", system-ui, sans-serif;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; min-height: 100%; background: var(--bg-0); color: var(--text); }
body { overflow-x: hidden; overscroll-behavior-y: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
[hidden] { display: none !important; }

#ambient {
    position: fixed; inset: 0; pointer-events: none; z-index: 0;
    background:
        radial-gradient(700px 500px at 110% -5%, rgba(46, 134, 255, .18), transparent 58%),
        radial-gradient(600px 500px at -10% 35%, rgba(141, 76, 255, .12), transparent 62%),
        radial-gradient(500px 400px at 85% 85%, rgba(19, 230, 196, .07), transparent 66%),
        linear-gradient(180deg, #07101f 0%, #050813 70%);
}
#ambient::after {
    content: ""; position: absolute; inset: 0; opacity: .22;
    background-image: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
    background-size: 34px 34px; mask-image: linear-gradient(to bottom, black, transparent 70%);
}

.app-shell { position: relative; z-index: 1; width: min(100%, 720px); min-height: 100vh; margin: 0 auto; padding-top: var(--safe-top); }
.topbar { position: sticky; top: 0; z-index: 25; height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 10px 18px; background: linear-gradient(180deg, rgba(5,8,19,.95), rgba(5,8,19,.72), transparent); backdrop-filter: blur(18px); }
.brand { display: flex; gap: 10px; align-items: center; direction: ltr; }
.brand > div:last-child { display: grid; text-align: left; }
.brand strong { font-size: 16px; letter-spacing: .2px; }
.brand small { color: var(--muted); font-size: 11px; margin-top: 2px; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; color: white; background: linear-gradient(145deg, #0edcff, #2563eb 55%, #7a42f4); box-shadow: 0 0 22px rgba(22,217,255,.26); }
.brand-mark svg { width: 23px; height: 23px; }
.icon-btn { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid transparent; background: transparent; border-radius: 15px; color: #b8c8e7; cursor: pointer; }
.icon-btn:active { background: rgba(255,255,255,.05); transform: scale(.96); }
.icon-btn svg { width: 24px; height: 24px; }
.notification-dot { border-color: var(--stroke); background: rgba(10,19,34,.7); }
.notification-dot::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); position: absolute; transform: translate(-11px,-11px); box-shadow: 0 0 10px var(--cyan); }

.screen { padding: 2px 16px calc(108px + var(--safe-bottom)); min-height: calc(100vh - 74px); }
.screen-title { display:flex; align-items:end; justify-content:space-between; gap:16px; margin: 8px 2px 18px; }
.screen-title h1 { margin:0; font-size: 24px; letter-spacing:-.5px; }
.screen-title p { margin:5px 0 0; color:var(--muted); font-size:13px; line-height:1.8; }
.screen-title .title-icon { width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg, rgba(46,134,255,.24),rgba(141,76,255,.18));border:1px solid var(--stroke-strong);color:var(--cyan); }

.glass-card, .card { border: 1px solid var(--stroke); background: linear-gradient(145deg, rgba(16,30,52,.92), rgba(8,16,30,.88)); box-shadow: var(--shadow); backdrop-filter: blur(18px); border-radius: var(--radius); }
.card { padding: 16px; }
.gradient-border { position:relative; overflow:hidden; }
.gradient-border::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(120deg, rgba(22,217,255,.65), rgba(141,76,255,.32), rgba(19,230,196,.22)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; pointer-events:none; }

.hero { min-height: 215px; padding: 24px; overflow:hidden; position:relative; border: 1px solid rgba(76,145,255,.35); background: radial-gradient(420px 200px at 92% 50%, rgba(46,134,255,.28), transparent 58%), linear-gradient(135deg, rgba(15,26,48,.98), rgba(8,16,30,.98)); border-radius: 28px; box-shadow: var(--shadow), var(--glow-blue); }
.hero::after { content:""; position:absolute; width:260px;height:260px;border:1px solid rgba(22,217,255,.15); border-radius:50%; left:-70px; bottom:-140px; box-shadow: 0 0 0 28px rgba(46,134,255,.025), 0 0 0 56px rgba(141,76,255,.02); }
.hero-kicker { color:var(--cyan); font-size:12px; font-weight:700; margin-bottom:10px; display:flex; gap:7px; align-items:center; }
.hero h2 { margin:0; font-size:28px; line-height:1.55; max-width:68%; }
.hero p { margin:8px 0 18px; color:#a7badb; line-height:1.8; max-width:72%; font-size:13px; }
.hero-orb { position:absolute; left:20px; top:25px; width:128px; height:128px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 32% 28%, #3bf0ff, #1c68ff 42%, #402696 73%, transparent 74%); filter:drop-shadow(0 0 30px rgba(30,126,255,.38)); opacity:.95; }
.hero-orb::before { content:""; width:70px;height:80px;border:4px solid rgba(255,255,255,.92); border-top-width:6px; clip-path:polygon(50% 0,100% 18%,92% 72%,50% 100%,8% 72%,0 18%); border-radius:30%; }
.hero-actions { display:flex; gap:10px; position:relative; z-index:2; }

.btn { border:0; border-radius:16px; min-height:48px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; font-weight:800; transition:.18s ease; }
.btn:active { transform:scale(.98); }
.btn-primary { color:white; background:linear-gradient(110deg, #1f8cff, #16d9ff 48%, #914dff); box-shadow:0 10px 30px rgba(46,134,255,.28); }
.btn-secondary { color:#dce7fb; background:rgba(255,255,255,.05); border:1px solid var(--stroke); }
.btn-success { color:#032b20; background:linear-gradient(110deg,#1de5b1,#51f08f); }
.btn-danger { color:#ffb1c0; background:rgba(255,72,106,.1); border:1px solid rgba(255,72,106,.3); }
.btn-block { width:100%; }
.btn svg { width:20px;height:20px; }

.balance-card { margin-top:14px; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:108px; background:radial-gradient(260px 140px at 8% 0, rgba(46,134,255,.25), transparent 62%), linear-gradient(135deg, rgba(14,32,60,.96), rgba(9,19,35,.93)); }
.balance-label { color:#a9b9d6; font-size:13px; }
.balance-value { font-size:28px; font-weight:900; margin-top:8px; direction:rtl; }
.balance-value small { font-size:13px; color:#c5d3ea; font-weight:500; }
.balance-icon { width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#247cff,#13d8ff);box-shadow:0 0 25px rgba(29,171,255,.25); }
.balance-icon svg { width:30px;height:30px; }

.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:14px 0; }
.stat-card { min-height:92px; padding:14px 10px; border:1px solid var(--stroke); background:rgba(10,19,34,.72); border-radius:20px; text-align:center; }
.stat-icon { width:34px;height:34px;border-radius:11px;display:grid;place-items:center;margin:0 auto 8px;background:rgba(46,134,255,.12);color:var(--cyan); }
.stat-icon.purple { color:#bf91ff;background:rgba(141,76,255,.12); }
.stat-icon.green { color:var(--green);background:rgba(44,227,154,.1); }
.stat-icon svg { width:19px;height:19px; }
.stat-card strong { display:block;font-size:18px; }
.stat-card small { color:var(--muted);font-size:10px; }

.section-head { display:flex;align-items:center;justify-content:space-between;margin:24px 2px 12px; }
.section-head h3 { margin:0;font-size:17px; }
.section-head button { border:0;background:transparent;color:#70b7ff;font-size:12px; }

.quick-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.quick-card { position:relative; min-height:132px; padding:18px; overflow:hidden; border-radius:24px; border:1px solid var(--stroke); cursor:pointer; background:linear-gradient(145deg,rgba(16,32,57,.9),rgba(8,17,31,.94)); }
.quick-card.blue { border-color:rgba(47,142,255,.45); background:linear-gradient(145deg,rgba(18,83,147,.55),rgba(9,30,57,.9)); }
.quick-card.purple { border-color:rgba(141,76,255,.48); background:linear-gradient(145deg,rgba(76,42,149,.46),rgba(26,18,62,.9)); }
.quick-card.teal { border-color:rgba(19,230,196,.38); background:linear-gradient(145deg,rgba(12,91,92,.43),rgba(7,39,48,.9)); }
.quick-card.amber { border-color:rgba(255,176,46,.4); background:linear-gradient(145deg,rgba(126,76,15,.44),rgba(52,29,10,.9)); }
.quick-card .q-icon { position:absolute; left:16px;top:16px;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.08);color:white; }
.quick-card .q-icon svg { width:25px;height:25px; }
.quick-card h4 { margin:3px 0 7px;font-size:17px; }
.quick-card p { margin:0;color:#a8b7d2;font-size:11px;line-height:1.7;max-width:70%; }
.quick-card .arrow { position:absolute;bottom:13px;left:17px;color:#91b6eb; }

.featured { margin-top:14px;padding:20px;position:relative;overflow:hidden;min-height:190px;background:radial-gradient(400px 220px at 100% 100%,rgba(58,71,255,.27),transparent 65%),linear-gradient(135deg,rgba(15,34,67,.98),rgba(10,17,36,.95)); }
.featured::before { content:"";position:absolute;width:200px;height:200px;border-radius:50%;left:-50px;top:-65px;background:radial-gradient(circle,#3f8eff 0,#1446a7 36%,rgba(75,45,189,.35) 58%,transparent 61%);filter:blur(2px);opacity:.75; }
.featured .badge { display:inline-flex;align-items:center;gap:6px;background:rgba(255,176,46,.12);border:1px solid rgba(255,176,46,.35);color:#ffc765;padding:7px 11px;border-radius:12px;font-size:11px;font-weight:700; }
.featured h3 { margin:14px 0 5px;font-size:24px;position:relative; }
.featured p { margin:0 0 16px;color:#a9b8d5;max-width:70%;font-size:12px;line-height:1.7; }
.featured .price { position:absolute;left:20px;bottom:22px;text-align:left;direction:rtl; }
.featured .price strong { font-size:22px;display:block; }
.featured .price small { color:var(--muted); }

.filter-row { display:flex;gap:8px;overflow:auto;padding:2px 0 6px;scrollbar-width:none; }
.filter-row::-webkit-scrollbar{display:none}
.chip { flex:0 0 auto;border:1px solid var(--stroke);background:rgba(10,19,34,.78);color:#b3c2dc;padding:10px 15px;border-radius:14px;font-size:12px;cursor:pointer; }
.chip.active { color:white;border-color:#4e9dff;background:linear-gradient(110deg,rgba(45,126,255,.85),rgba(130,75,255,.85));box-shadow:0 0 24px rgba(83,84,255,.25); }

.plan-list { display:grid; gap:12px; margin-top:14px; }
.plan-card { padding:17px;position:relative;overflow:hidden; }
.plan-card.featured-plan { border-color:rgba(67,150,255,.55);box-shadow:0 16px 42px rgba(24,83,171,.22); }
.plan-card-head { display:flex;gap:12px;align-items:center; }
.plan-logo { width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:20px;background:linear-gradient(145deg,#2b72ff,#7a45ef);box-shadow:0 0 24px rgba(73,99,255,.2); }
.plan-logo.teal { background:linear-gradient(145deg,#0b9f8d,#1ce8bf);color:#032c26; }
.plan-logo.amber { background:linear-gradient(145deg,#c77914,#ffc35c);color:#352007; }
.plan-card h3 { margin:0;font-size:17px; }
.plan-card .desc { color:var(--muted);font-size:11px;margin:4px 0 0;line-height:1.6; }
.plan-meta { display:flex;flex-wrap:wrap;gap:7px;margin:13px 0; }
.meta-pill { display:inline-flex;align-items:center;gap:5px;border:1px solid var(--stroke);background:rgba(5,12,24,.42);border-radius:10px;padding:6px 9px;color:#b5c5df;font-size:10px; }
.plan-bottom { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.plan-price strong { font-size:19px; }
.plan-price small { color:var(--muted);font-size:10px; }
.plan-buy { min-height:42px;border-radius:13px;padding:0 15px; }
.mini-badge { position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:10px;background:rgba(255,176,46,.14);border:1px solid rgba(255,176,46,.28);color:#ffc565;font-size:9px;font-weight:700; }

.builder { display:grid; gap:13px; }
.builder-card { padding:17px; }
.builder-card h3 { display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px; }
.builder-card h3 span { color:var(--cyan); }
.option-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:9px; }
.option { border:1px solid var(--stroke);background:rgba(6,13,25,.45);border-radius:16px;padding:13px;cursor:pointer;text-align:right; }
.option.selected { border-color:#37c8ff;background:linear-gradient(140deg,rgba(33,115,225,.33),rgba(51,39,133,.25));box-shadow:inset 0 0 0 1px rgba(22,217,255,.12),0 0 20px rgba(22,217,255,.08); }
.option strong { display:block;font-size:13px; }
.option small { color:var(--muted);font-size:10px; }
.summary-card { padding:18px;border-color:rgba(42,152,255,.45); }
.summary-row { display:flex;justify-content:space-between;gap:14px;padding:8px 0;color:#aabbd5;font-size:12px;border-bottom:1px dashed rgba(255,255,255,.07); }
.summary-row:last-child { border:0; }
.summary-row strong { color:white; }
.summary-total { display:flex;align-items:end;justify-content:space-between;margin-top:12px; }
.summary-total strong { font-size:26px; }
.summary-total small { color:var(--muted); }

.wallet-hero { min-height:180px;padding:22px;position:relative;overflow:hidden;background:radial-gradient(280px 180px at 15% 40%,rgba(36,125,255,.28),transparent 65%),linear-gradient(135deg,rgba(17,38,68,.96),rgba(8,17,31,.96)); }
.wallet-hero .big-icon { position:absolute;left:24px;top:35px;width:92px;height:92px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#1f75ff,#12d8ff);box-shadow:0 0 35px rgba(29,154,255,.3); }
.wallet-hero .big-icon svg { width:48px;height:48px; }
.wallet-hero .balance-value { margin-top:13px;font-size:34px; }
.wallet-note { margin-top:13px;color:#93a7c7;font-size:11px;line-height:1.7; }
.transactions { display:grid;gap:9px; }
.transaction { display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px;border:1px solid var(--stroke);background:rgba(9,18,33,.72);border-radius:17px; }
.tx-icon { width:39px;height:39px;border-radius:13px;display:grid;place-items:center; }
.tx-icon.credit{color:var(--green);background:rgba(44,227,154,.1)}
.tx-icon.debit{color:var(--red);background:rgba(255,87,120,.1)}
.transaction strong{font-size:12px}.transaction p{margin:3px 0 0;color:var(--muted);font-size:9px}.tx-amount{text-align:left;font-weight:800;font-size:12px}.tx-amount.credit{color:var(--green)}.tx-amount.debit{color:var(--red)}

.service-list { display:grid;gap:12px; }
.service-card { padding:16px; }
.service-head { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.status { display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:10px;font-size:9px;font-weight:800; }
.status.active{color:#51f4ae;background:rgba(44,227,154,.1);border:1px solid rgba(44,227,154,.28)}
.status.pending{color:#ffd37b;background:rgba(255,176,46,.1);border:1px solid rgba(255,176,46,.25)}
.status.failed,.status.expired{color:#ff8399;background:rgba(255,87,120,.1);border:1px solid rgba(255,87,120,.25)}
.service-title h3{margin:0;font-size:15px}.service-title p{margin:4px 0 0;color:var(--muted);font-size:10px;direction:ltr;text-align:right}.service-info{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.info-cell{background:rgba(5,12,24,.42);border:1px solid rgba(255,255,255,.055);border-radius:12px;padding:9px;text-align:center}.info-cell small{display:block;color:var(--muted);font-size:8px}.info-cell strong{display:block;margin-top:4px;font-size:10px}.service-actions{display:flex;gap:8px;margin-top:12px}.service-actions .btn{min-height:40px;flex:1;font-size:11px;padding:0 10px}
.config-box { margin-top:12px;padding:12px;border:1px solid rgba(80,137,229,.2);background:rgba(4,10,22,.62);border-radius:15px;direction:ltr;text-align:left;word-break:break-all;color:#aac7f5;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:110px;overflow:auto; }

.empty { padding:38px 20px;text-align:center;border:1px dashed rgba(124,153,201,.22);border-radius:24px;color:var(--muted); }
.empty .empty-icon { width:60px;height:60px;margin:0 auto 12px;display:grid;place-items:center;border-radius:20px;background:rgba(46,134,255,.1);color:#6db6ff; }
.empty .empty-icon svg{width:30px;height:30px}.empty strong{display:block;color:#e8effc}.empty p{font-size:11px;line-height:1.8;margin:7px auto 14px;max-width:280px}

.search-box { position:relative;margin-bottom:12px; }
.search-box input { width:100%;height:52px;padding:0 48px 0 14px;border:1px solid var(--stroke);border-radius:16px;background:rgba(9,18,34,.78);color:white;outline:none; }
.search-box input:focus{border-color:#4699ff;box-shadow:0 0 0 3px rgba(70,153,255,.1)}
.search-box svg{position:absolute;right:15px;top:15px;width:21px;color:#89a3cb}
.admin-tabs { display:flex;gap:8px;margin-bottom:14px; }
.admin-tabs button { flex:1;border:1px solid var(--stroke);background:rgba(9,18,34,.7);color:#9fb0cd;border-radius:13px;padding:10px;font-size:11px; }
.admin-tabs button.active{color:white;border-color:#4d8fff;background:rgba(42,111,229,.22)}
.admin-stats { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px; }
.admin-stat { padding:14px;border:1px solid var(--stroke);border-radius:18px;background:rgba(9,18,34,.75); }
.admin-stat small{color:var(--muted);font-size:9px}.admin-stat strong{display:block;font-size:20px;margin-top:7px}.admin-stat em{font-style:normal;color:#5fe1ff;font-size:9px}
.user-row { display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.055); }
.user-row:last-child{border-bottom:0}.user-row .avatar{width:42px;height:42px}.user-row strong{font-size:12px;display:block}.user-row small{color:var(--muted);font-size:9px}.user-balance{text-align:left}.user-balance b{font-size:11px;display:block}.user-balance button{margin-top:5px;border:1px solid rgba(44,227,154,.25);background:rgba(44,227,154,.08);color:#55eaae;border-radius:8px;font-size:9px;padding:5px 8px}
.admin-plan { display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px;border-bottom:1px solid rgba(255,255,255,.055)}.admin-plan:last-child{border:0}.admin-plan strong{font-size:12px}.admin-plan small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.admin-plan button{border:1px solid var(--stroke);background:rgba(255,255,255,.04);color:#b8c8e6;border-radius:9px;padding:7px 9px;font-size:9px}

.field { display:grid;gap:6px;margin:12px 0; }
.field label { color:#a8b9d5;font-size:10px; }
.field input,.field textarea,.field select { width:100%;border:1px solid var(--stroke);background:rgba(4,11,22,.7);color:white;border-radius:13px;padding:12px;outline:none; }
.field textarea{min-height:80px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#438fff;box-shadow:0 0 0 3px rgba(67,143,255,.08)}
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#b7c5dc;font-size:11px}.toggle-row input{accent-color:#4b8dff;width:18px;height:18px}

.bottom-nav { position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,720px);height:calc(76px + var(--safe-bottom));padding:8px 8px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(6,12,23,.91);border-top:1px solid rgba(111,151,211,.2);backdrop-filter:blur(24px);box-shadow:0 -20px 50px rgba(0,0,0,.28); }
.nav-item { height:60px;border:0;background:transparent;color:#7187aa;border-radius:18px;display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer; }
.nav-item svg{width:23px;height:23px}.nav-item em{font-style:normal;font-size:9px;font-weight:700}.nav-item.active{color:#46c9ff;background:linear-gradient(180deg,rgba(31,118,255,.18),rgba(16,65,135,.08));box-shadow:inset 0 0 0 1px rgba(53,154,255,.22)}
.nav-primary{position:relative}.primary-bubble{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#2a82ff,#14d7ff);color:#03152b;box-shadow:0 0 25px rgba(35,161,255,.25);margin-top:-22px}.nav-primary.active .primary-bubble{background:linear-gradient(145deg,#16dcff,#934fff);color:white}

.drawer-backdrop,.modal-backdrop { position:fixed;inset:0;z-index:100;background:rgba(2,5,12,.68);backdrop-filter:blur(8px); }
.drawer { position:absolute;top:calc(12px + var(--safe-top));right:12px;width:min(82vw,330px);padding:15px;border-radius:24px;animation:slideIn .2s ease; }
@keyframes slideIn{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.drawer-head{display:flex;align-items:center;gap:11px;padding:10px 7px 16px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:7px}.avatar{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#2f82ff,#8b4cff);font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.drawer-head strong{display:block;font-size:13px}.drawer-head small{color:var(--muted);font-size:10px;direction:ltr;display:block;text-align:right;margin-top:3px}.drawer>button{width:100%;border:0;background:transparent;color:#b8c7df;padding:12px;border-radius:13px;text-align:right;display:flex;align-items:center;gap:10px}.drawer>button:active{background:rgba(255,255,255,.05)}.drawer>button svg{width:20px;color:#6bb8ff}.drawer-version{text-align:center;color:#506582;font-size:9px;padding:16px 0 4px}

.modal-backdrop{display:grid;place-items:end center;padding:16px}.modal{width:min(100%,560px);max-height:85vh;overflow:auto;padding:22px 18px 18px;position:relative;border-radius:27px 27px 22px 22px;animation:modalUp .22s ease}@keyframes modalUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.modal-close{position:absolute;left:13px;top:11px;width:35px;height:35px;border:0;border-radius:12px;background:rgba(255,255,255,.05);color:#95a8c8;font-size:24px}.modal h2{margin:3px 0 7px;font-size:18px}.modal .modal-sub{color:var(--muted);font-size:10px;line-height:1.7;margin-bottom:14px}

.toast { position:fixed;z-index:150;left:50%;bottom:calc(92px + var(--safe-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100% - 34px);background:rgba(13,25,44,.96);border:1px solid var(--stroke-strong);border-radius:14px;padding:11px 15px;color:#e9f2ff;font-size:11px;box-shadow:0 18px 45px rgba(0,0,0,.35);animation:toastIn .18s ease; }
.toast.success{border-color:rgba(44,227,154,.35)}.toast.error{border-color:rgba(255,87,120,.38)}@keyframes toastIn{from{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.loading-overlay { position:fixed;inset:0;z-index:200;background:radial-gradient(500px 300px at 50% 20%,rgba(47,120,255,.18),transparent 65%),#050813;display:grid;place-items:center;align-content:center;gap:10px;text-align:center }.loading-overlay small{color:var(--muted);font-size:10px}.loader{width:54px;height:54px;border-radius:18px;border:2px solid rgba(76,139,255,.18);border-top-color:#27d8ff;border-right-color:#8750ff;animation:spin .8s linear infinite;box-shadow:0 0 30px rgba(39,216,255,.1)}@keyframes spin{to{transform:rotate(360deg)}}

.skeleton { border-radius:16px;min-height:80px;background:linear-gradient(100deg,rgba(255,255,255,.03) 20%,rgba(255,255,255,.07) 35%,rgba(255,255,255,.03) 50%);background-size:300% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-100% 0}}
.muted{color:var(--muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-cyan{color:var(--cyan)}.ltr{direction:ltr;text-align:left}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-12{margin-bottom:12px}

@media (max-width:390px){.hero h2{font-size:23px;max-width:75%}.hero p{max-width:78%}.hero-orb{width:105px;height:105px;left:12px}.quick-card{min-height:125px;padding:15px}.quick-card h4{font-size:15px}.balance-value{font-size:24px}.form-grid{grid-template-columns:1fr}.plan-meta{gap:5px}.meta-pill{padding:5px 7px}.nav-item em{font-size:8px}}
@media (min-width:721px){body{padding:16px 0}.app-shell{border:1px solid rgba(113,153,218,.16);border-radius:30px;overflow:hidden;min-height:calc(100vh - 32px);box-shadow:0 40px 100px rgba(0,0,0,.45)}.bottom-nav{bottom:16px;border-radius:0 0 30px 30px}.topbar{top:0}}