:root{--bg: #0a0b0d;--bg-2: #0e1013;--surface: #121417;--surface-2: #181b1f;--surface-3: #20242a;--border: #26292f;--border-2: #34383f;--text: #f1f3f2;--text-2: #9ba3a0;--text-3: #626a67;--accent: #2dd4bf;--accent-2: #f43f5e;--accent-fg: #062a25;--accent-soft: rgba(45, 212, 191, .14);--accent-soft-2: rgba(45, 212, 191, .3);--glow-rgb: 45, 212, 191;--green: #34d399;--green-bg: rgba(52, 211, 153, .12);--red: #fb7185;--red-bg: rgba(251, 113, 133, .12);--yellow: #fbbf24;--yellow-bg: rgba(251, 191, 36, .12);--blue: #818cf8;--blue-bg: rgba(129, 140, 248, .12);--radius: 18px;--radius-sm: 12px;--radius-full: 999px;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px rgba(0, 0, 0, .45);--shadow-lift: 0 4px 12px rgba(0, 0, 0, .55), 0 18px 44px rgba(0, 0, 0, .55);--glow: 0 0 14px rgba(45, 212, 191, .18);--glow-soft: 0 0 8px rgba(45, 212, 191, .14);--nav-bg: rgba(14, 16, 19, .88);--nav-fg: #ffffff;--nav-fg-dim: rgba(230, 234, 232, .55);--safe-b: env(safe-area-inset-bottom, 0px);--nav-h: 66px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-accent=amber]{--accent: #e8b45a;--accent-soft: rgba(232, 180, 90, .16);--accent-soft-2: rgba(232, 180, 90, .3);--glow-rgb: 232, 180, 90;--accent-fg: #241a06}[data-accent=ice]{--accent: #7cd5f2;--accent-soft: rgba(124, 213, 242, .16);--accent-soft-2: rgba(124, 213, 242, .3);--glow-rgb: 124, 213, 242;--accent-fg: #062330}[data-accent=violet]{--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .16);--accent-soft-2: rgba(167, 139, 250, .3);--glow-rgb: 167, 139, 250;--accent-fg: #1d1440}[data-theme=light]{--bg: #f4f2ed;--bg-2: #edeae3;--surface: #fbfaf7;--surface-2: #f3f1ec;--surface-3: #e9e6df;--border: #ddd9d0;--border-2: #cbc6bb;--text: #1d2023;--text-2: #5a605d;--text-3: #8b918d;--nav-bg: rgba(251, 250, 247, .9);--nav-fg: #ffffff;--nav-fg-dim: rgba(255, 255, 255, .72);--shadow: 0 1px 2px rgba(28, 30, 28, .08), 0 10px 30px rgba(28, 30, 28, .1);--shadow-lift: 0 4px 12px rgba(28, 30, 28, .1), 0 18px 44px rgba(28, 30, 28, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1000px 460px at 88% -12%,rgba(var(--glow-rgb),.04),transparent 55%),radial-gradient(860px 440px at -12% 10%,rgba(var(--glow-rgb),.06),transparent 55%),var(--bg);var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}body{min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#26292f;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#34383f}#app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid transparent;transition:border-color .2s ease}.topbar.scrolled{border-bottom-color:var(--border)}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.topbar-logo{width:34px;height:34px;border-radius:10px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border-2);flex-shrink:0}.topbar-logo-fallback{width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:var(--glow-soft)}.topbar-title{font-weight:800;font-size:15px;letter-spacing:-.2px;line-height:1.1;background:linear-gradient(90deg,#5eead4,#99f6e4);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar-sub{font-size:11px;color:var(--text-3);line-height:1.2}.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);display:grid;place-items:center;cursor:pointer;position:relative;transition:transform .12s ease,box-shadow .15s ease,background .15s ease}.icon-btn:active{transform:scale(.94);background:var(--surface-3);box-shadow:var(--glow-soft)}.icon-btn .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--accent-2);border:2px solid var(--surface)}main{flex:1;padding:4px 16px calc(var(--nav-h, 66px) + 34px + var(--safe-b))}.page{display:none;animation:fade .22s ease}.page.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin:22px 4px 10px}.card{background:linear-gradient(160deg,rgba(45,212,191,.05),transparent 42%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.card-flush{padding:0;overflow:hidden}.card-row{display:flex;align-items:center;gap:12px}.balance-card{position:relative;overflow:hidden;background:radial-gradient(140% 120% at 100% 0%,rgba(45,212,191,.07),transparent 55%),radial-gradient(120% 120% at 0% 100%,rgba(255,255,255,.04),transparent 55%),linear-gradient(150deg,#101517,#0d1113 60%,#0f1416);color:#fff;border:1px solid rgba(45,212,191,.28);border-radius:22px;padding:20px;box-shadow:0 18px 44px #00000080,inset 0 1px #ffffff0f}.balance-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(75% 90% at 50% 0%,#000 25%,transparent 78%);mask-image:radial-gradient(75% 90% at 50% 0%,#000 25%,transparent 78%)}.balance-card:after{content:"";position:absolute;inset:-40% -20% auto auto;width:240px;height:240px;background:radial-gradient(circle,rgba(45,212,191,.1),transparent 62%);pointer-events:none}.balance-label{font-size:12px;opacity:.72;display:flex;align-items:center;gap:6px;position:relative}.balance-amount{font-size:32px;font-weight:800;letter-spacing:-1px;margin:6px 0 2px;position:relative;font-variant-numeric:tabular-nums}.balance-user{font-size:12px;opacity:.72;position:relative}.balance-actions{display:flex;gap:8px;margin-top:16px;position:relative;z-index:1}.balance-actions button{flex:1;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;padding:10px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.balance-actions button:active{background:#2dd4bf2e;border-color:#2dd4bf66}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease}.stat:hover{border-color:#2dd4bf73;box-shadow:var(--glow-soft)}.stat-label{font-size:11px;color:var(--text-3);margin-bottom:4px}.stat-value{font-size:17px;font-weight:700;letter-spacing:-.3px}.product{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease}.product:active{transform:scale(.99);border-color:#2dd4bf80;box-shadow:var(--glow)}.product-icon{width:46px;height:46px;border-radius:14px;background:#2dd4bf17;display:grid;place-items:center;font-size:20px;flex-shrink:0;border:1px solid var(--border-2)}.product-body{flex:1;min-width:0}.product-title{font-weight:700;font-size:14.5px;letter-spacing:-.2px}.product-desc{font-size:12.5px;color:var(--text-2);margin-top:3px;line-height:1.45}.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.product-price{font-weight:700;font-size:13.5px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);letter-spacing:.02em;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.badge-green{background:var(--green-bg);color:var(--green);border-color:#34d39959}.badge-red{background:var(--red-bg);color:var(--red);border-color:#fb718559}.badge-yellow{background:var(--yellow-bg);color:var(--yellow);border-color:#fbbf2459}.badge-blue{background:var(--blue-bg);color:var(--blue);border-color:#818cf859}.badge-dark{background:var(--accent);color:var(--accent-fg);border-color:transparent;box-shadow:var(--glow-soft)}.feature{display:flex;gap:12px;align-items:center;padding:13px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px}.feature-icon{width:34px;height:34px;border-radius:10px;background:#2dd4bf17;display:grid;place-items:center;flex-shrink:0;font-size:15px;border:1px solid var(--border-2)}.feature-icon svg{width:16px;height:16px}.feature-title{font-weight:650;font-size:13.5px}.feature-desc{font-size:12px;color:var(--text-2);margin-top:2px}.field{margin-bottom:14px}.label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}.input,.select,.textarea{width:100%;padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2dd4bf24}.textarea{resize:vertical;min-height:90px}.hint{font-size:11.5px;color:var(--text-3);margin-top:6px;line-height:1.45}.btn{width:100%;padding:14px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:14.5px;cursor:pointer;transition:transform .12s ease,opacity .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 4px 14px #2dd4bf29}.btn:hover{background:#38dcc9}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--border-2);box-shadow:none}.btn-danger{background:var(--red);color:#fff;box-shadow:0 8px 22px #fb71854d}.btn-sm{padding:9px 14px;font-size:13px;width:auto}.btn-row{display:flex;gap:8px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.amount-chip{padding:11px 4px;border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);font-weight:600;font-size:12.5px;cursor:pointer;text-align:center;transition:all .13s ease}.amount-chip.active,.amount-chip:active{background:#2dd4bf21;color:#ccfbf1;border-color:var(--accent);box-shadow:var(--glow-soft)}.tx{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px}.tx-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:16px;flex-shrink:0;background:#2dd4bf14;border:1px solid rgba(45,212,191,.3)}.tx-icon svg{width:17px;height:17px}.tx-icon svg[stroke]{color:#99f6e4}.tx-body{flex:1;min-width:0}.tx-title{font-weight:650;font-size:13.5px}.tx-meta{font-size:11.5px;color:var(--text-3);margin-top:2px;font-family:var(--mono)}.tx-amount{font-weight:700;font-size:14px;text-align:right;white-space:nowrap}.tx-time{font-size:11px;color:var(--text-3);margin-top:3px;font-weight:400;text-align:right}.filters{display:flex;gap:7px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{padding:7px 14px;border-radius:var(--radius-full);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .14s ease}.filter.active{background:#2dd4bf24;color:#ccfbf1;border-color:var(--accent);box-shadow:var(--glow-soft)}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--border);background:var(--surface);transition:background .14s ease}.menu-item:last-child{border-bottom:none}.menu-item:active{background:var(--surface-2)}.menu-icon{width:34px;height:34px;border-radius:10px;background:#2dd4bf14;display:grid;place-items:center;font-size:15px;flex-shrink:0;border:1px solid rgba(45,212,191,.3)}.menu-icon svg{width:16px;height:16px;color:#99f6e4}.menu-body{flex:1;min-width:0}.menu-title{font-weight:650;font-size:13.5px}.menu-desc{font-size:11.5px;color:var(--text-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{position:fixed;z-index:50;left:50%;transform:translate(-50%);bottom:calc(14px + var(--safe-b));width:min(calc(100% - 24px),536px);height:var(--nav-h, 66px);background:var(--nav-bg);color:var(--nav-fg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--border-2);border-radius:var(--radius-full);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;box-shadow:0 14px 38px #0000008c,inset 0 1px #ffffff0d;padding:0 6px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--nav-fg-dim);cursor:pointer;font-size:10.5px;font-weight:600;letter-spacing:.01em;padding:8px 2px;transition:color .16s ease,transform .16s ease;border-radius:var(--radius-full)}.nav-item svg{width:21px;height:21px;stroke-width:1.9}.nav-item.active{color:#fff;filter:drop-shadow(0 0 6px rgba(45,212,191,.45))}.nav-item.active svg{transform:translateY(-1px)}.nav-item:active{transform:scale(.94)}.overlay{position:fixed;inset:0;z-index:100;background:#03040ca8;backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center}.overlay.open{display:flex}.sheet{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border-2);border-bottom:none;border-radius:24px 24px 0 0;padding:22px 18px calc(22px + var(--safe-b));max-height:92dvh;overflow-y:auto;animation:slideUp .26s cubic-bezier(.16,1,.3,1);box-shadow:0 -14px 50px #0009,0 0 26px #2dd4bf1f}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.sheet-handle{width:38px;height:4px;border-radius:4px;background:var(--border-2);margin:0 auto 16px}.sheet-title{font-size:17px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.sheet-sub{font-size:13px;color:var(--text-2);margin-bottom:16px}.drawer-overlay{position:fixed;inset:0;z-index:110;background:#03040c99;backdrop-filter:blur(4px);display:none;justify-content:flex-end}.drawer-overlay.open{display:flex}.drawer{width:min(84vw,340px);height:100%;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border-2);padding:16px 14px calc(16px + var(--safe-b));animation:drawerIn .24s cubic-bezier(.16,1,.3,1);box-shadow:-12px 0 40px #0000008c,0 0 24px #2dd4bf1a}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:none}}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-title{font-size:16px;font-weight:800;letter-spacing:-.3px}.drawer .card{margin-top:12px}.drawer .card-flush{padding:2px 0}.drawer .menu-item{padding:11px 12px;border-radius:12px}.drawer .menu-item:active{background:var(--surface-3)}.qr-wrap{background:radial-gradient(90% 80% at 50% 0%,rgba(45,212,191,.1),transparent 70%),var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);padding:16px;text-align:center;margin-bottom:14px;box-shadow:0 0 16px #2dd4bf14}.qr-wrap img{width:100%;max-width:260px;border-radius:12px;background:#fff;padding:10px;display:block;margin:0 auto;box-shadow:0 0 20px #2dd4bf29}.qr-timer{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text);background:var(--surface);padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-2)}.qr-timer.urgent{color:var(--red);border-color:var(--red);box-shadow:0 0 12px #fb718566}.kv{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--border-2);font-size:13.5px}.kv:last-child{border-bottom:none}.kv-k{color:var(--text-2)}.kv-v{font-weight:650;text-align:right;word-break:break-all}.kv-v.mono{font-family:var(--mono);font-size:12.5px}.copy-box{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px dashed rgba(45,212,191,.35);border-radius:var(--radius-sm);padding:10px 12px;margin-top:8px}.copy-box code{flex:1;font-family:var(--mono);font-size:12px;color:#99f6e4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-box button{background:var(--accent);color:var(--accent-fg);border:none;border-radius:8px;padding:6px 11px;font-size:11.5px;font-weight:700;cursor:pointer;flex-shrink:0}.auth-screen{position:fixed;inset:0;z-index:200;background:radial-gradient(700px 380px at 80% 0%,rgba(45,212,191,.08),transparent 65%),radial-gradient(600px 360px at 10% 20%,rgba(45,212,191,.13),transparent 65%),var(--bg);display:none;flex-direction:column;overflow-y:auto}.auth-screen.open{display:flex}.auth-inner{max-width:420px;width:100%;margin:auto;padding:32px 22px calc(32px + var(--safe-b))}.auth-logo{width:62px;height:62px;border-radius:20px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-weight:800;font-size:26px;margin:0 auto 18px;box-shadow:0 10px 30px #00000080}.auth-title{font-size:23px;font-weight:800;letter-spacing:-.6px;text-align:center}.auth-sub{font-size:13.5px;color:var(--text-2);text-align:center;margin:6px 0 26px;line-height:1.5}.auth-switch{text-align:center;font-size:13px;color:var(--text-2);margin-top:18px}.auth-switch b{color:#5eead4;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-3);font-size:11.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}#toast{position:fixed;left:50%;transform:translate(-50%) translateY(120%);bottom:calc(var(--nav-h, 66px) + 28px + var(--safe-b));z-index:300;background:var(--surface-3);color:var(--text);padding:12px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:600;max-width:calc(100% - 40px);text-align:center;border:1px solid rgba(45,212,191,.4);box-shadow:0 0 18px #2dd4bf40,var(--shadow-lift);transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s ease;opacity:0;pointer-events:none}#toast.show{transform:translate(-50%) translateY(0);opacity:1}#toast.error{background:var(--red-bg);color:var(--red);border-color:#fb718573}.empty{text-align:center;padding:48px 20px;color:var(--text-3)}.empty-icon{font-size:34px;margin-bottom:10px;opacity:.55}.empty-icon svg{width:34px;height:34px}.empty-text{font-size:13.5px;line-height:1.5}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .42s cubic-bezier(.21,.78,.34,1) both}.rise-1{animation-delay:.04s}.rise-2{animation-delay:.09s}.rise-3{animation-delay:.14s}.rise-4{animation-delay:.19s}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sheet-open{animation:sheetIn .3s cubic-bezier(.21,.78,.34,1) both}@media(hover:none){.tx:active,.quick:active,.service:active,.nav-item:active{transform:scale(.98)}}[data-theme=light] .eye-btn{background:#0000000f;border-color:#0000002e}[data-theme=light] .spinner{border-color:#0003;border-top-color:var(--accent-fg)}[data-theme=light] .splash{background:var(--bg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--text-3);font-size:12.5px}.mono{font-family:var(--mono);font-size:12.5px}.text-green{color:var(--green)}.text-red{color:var(--red)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.hidden{display:none!important}@media(min-width:600px){main{padding-left:20px;padding-right:20px}.stat-grid{grid-template-columns:repeat(4,1fr)}}#btnTheme{display:none!important}.bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:var(--nav-h, 66px);border:1px solid rgba(45,212,191,.3);background:linear-gradient(180deg,#14172beb,#0b0d1ceb);box-shadow:0 14px 38px #0009,0 0 26px #2dd4bf2e,inset 0 1px #ffffff0d}.nav-item{position:relative;padding:6px 2px}.nav-item:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%) scaleX(0);width:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:transform .2s ease}.nav-item.active:before{transform:translate(-50%) scaleX(1)}.nav-item.active{color:#fff}.nav-item.active svg{transform:translateY(-1px);color:#5eead4;filter:drop-shadow(0 0 5px rgba(45,212,191,.4))}.nav-admin:not(.hidden) svg{color:#5eead4}.nav-admin.active{color:#fff}.nav-admin.active:before{background:linear-gradient(90deg,#818cf8,#5eead4);box-shadow:0 0 10px #f0abfcd9}.nav-admin.active svg{color:#5eead4;filter:drop-shadow(0 0 7px rgba(240,171,252,.85))}.cs-fab{position:fixed;z-index:60;right:max(14px,calc(50% - 266px));bottom:calc(var(--nav-h, 66px) + 20px + var(--safe-b));width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 28px #2dd4bf2e;transition:transform .14s ease,box-shadow .15s ease}.cs-fab:before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgba(244,63,94,.32);animation:csPulse 2.4s ease-out infinite;pointer-events:none}@keyframes csPulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.28);opacity:0}to{transform:scale(1.28);opacity:0}}.cs-fab svg{width:24px;height:24px;filter:drop-shadow(0 0 5px rgba(255,255,255,.55))}.cs-fab:active{transform:scale(.92)}.section-title{display:flex;align-items:center;gap:9px;letter-spacing:.1em}.section-title:before{content:"";width:4px;height:15px;border-radius:4px;flex-shrink:0;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:none}.stat,.product,.feature{transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease}.stat:hover,.product:hover,.feature:hover{border-color:#2dd4bf6b;box-shadow:0 0 16px #2dd4bf1f,var(--shadow)}.product:active,.feature:active{transform:scale(.99)}.stat-value{font-variant-numeric:tabular-nums}.menu-item{transition:background .14s ease}.menu-item:hover{background:var(--surface-2)}.menu-item:hover .menu-icon{border-color:#2dd4bf8c;box-shadow:0 0 8px #2dd4bf24}.topbar{border-bottom:1px solid rgba(45,212,191,.16)}.topbar.scrolled{border-bottom-color:#2dd4bf47;box-shadow:0 8px 26px #00000059}.skeleton{border:1px solid rgba(var(--glow-rgb),.12)}.balance-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative}.eye-btn{width:34px;height:34px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .12s ease}.eye-btn:active{transform:scale(.92);background:#ffffff38}.balance-amount.hidden-amount{filter:blur(7px);user-select:none}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 4px}.quick{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 4px 11px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);cursor:pointer;font-weight:600;font-size:11.5px;color:var(--text-2);transition:transform .13s ease,border-color .15s ease,box-shadow .15s ease}.quick:active{transform:scale(.95)}.quick:hover{border-color:#2dd4bf73;box-shadow:var(--glow-soft)}.quick-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:18px;background:#2dd4bf17;border:1px solid rgba(45,212,191,.3)}.quick-icon svg{width:19px;height:19px;color:#99f6e4}.quick:hover .quick-icon svg{color:#ccfbf1;filter:drop-shadow(0 0 4px rgba(45,212,191,.25))}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px;cursor:pointer;transition:transform .13s ease,border-color .15s ease,box-shadow .15s ease}.service:active{transform:scale(.98)}.service:hover{border-color:#2dd4bf73;box-shadow:var(--glow-soft)}.service-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;background:#2dd4bf17;border:1px solid var(--border-2);margin-bottom:10px}.service-icon svg{width:20px;height:20px;color:#99f6e4}.service:hover .service-icon svg{color:#ccfbf1;filter:drop-shadow(0 0 4px rgba(45,212,191,.25))}.service-title{font-weight:700;font-size:13.5px;letter-spacing:-.2px}.service-desc{font-size:11.5px;color:var(--text-2);margin-top:3px;line-height:1.45;min-height:33px}.service-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px}.service-price{font-weight:700;font-size:11.5px;color:var(--text-2)}.see-all{width:100%;margin:4px 0 0;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-weight:600;font-size:12.5px;cursor:pointer;transition:all .14s ease}.see-all:hover{border-color:#2dd4bf73;color:var(--text)}.splash{position:fixed;inset:0;z-index:500;background:radial-gradient(700px 380px at 80% 0%,rgba(45,212,191,.1),transparent 65%),radial-gradient(600px 360px at 10% 20%,rgba(45,212,191,.17),transparent 65%),var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:opacity .45s ease,visibility .45s ease}.splash.done{opacity:0;visibility:hidden;pointer-events:none}.splash-logo{width:84px;height:84px;border-radius:26px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:38px;box-shadow:0 16px 40px #0000008c;animation:splashPop .7s cubic-bezier(.16,1,.3,1) both}.splash-name{margin-top:18px;font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#5eead4,#99f6e4);-webkit-background-clip:text;background-clip:text;color:transparent;animation:splashFade .8s .15s ease both}.splash-tag{font-size:12px;color:var(--text-3);letter-spacing:.22em;text-transform:uppercase;animation:splashFade .8s .3s ease both}.splash-bar{margin-top:26px;width:150px;height:3px;border-radius:3px;background:#2dd4bf2e;overflow:hidden;animation:splashFade .8s .4s ease both}.splash-bar span{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:none;animation:splashLoad 1.2s ease-in-out infinite}@keyframes splashLoad{0%{transform:translate(-110%)}to{transform:translate(280%)}}@keyframes splashPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes splashFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wd-ewallets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.wd-chip{padding:10px 16px;border-radius:var(--radius-full);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);font-weight:700;font-size:12.5px;cursor:pointer;transition:all .13s ease}.wd-chip.active{background:#2dd4bf21;color:#ccfbf1;border-color:var(--accent);box-shadow:var(--glow-soft)}.wd-summary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 14px;margin-top:4px}.wd-summary .kv{padding:9px 0}.banner-neon{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;background:radial-gradient(120% 160% at 100% 0%,rgba(45,212,191,.1),transparent 55%),radial-gradient(120% 160% at 0% 100%,rgba(255,255,255,.04),transparent 55%),linear-gradient(140deg,#10171a,#0e1214 60%,#101619);border:1px solid rgba(45,212,191,.26);border-radius:var(--radius);padding:15px 16px;margin-bottom:12px;box-shadow:0 12px 32px #00000073,inset 0 1px #ffffff0d}.banner-neon:before{content:"";position:absolute;inset:0;pointer-events:none;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:22px 22px;-webkit-mask-image:radial-gradient(80% 100% at 50% 0%,#000 30%,transparent 80%);mask-image:radial-gradient(80% 100% at 50% 0%,#000 30%,transparent 80%)}.banner-neon:after{content:"";position:absolute;top:-60px;right:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.12),transparent 62%);pointer-events:none}.banner-icon{width:42px;height:42px;border-radius:13px;flex-shrink:0;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.5);display:grid;place-items:center;font-size:19px;box-shadow:0 0 14px #2dd4bf4d;position:relative}.banner-icon svg{width:20px;height:20px;color:#ccfbf1;filter:drop-shadow(0 0 4px rgba(45,212,191,.3))}.banner-body{flex:1;min-width:0;position:relative}.banner-title{font-weight:800;font-size:14px;letter-spacing:-.2px;color:#fff}.banner-desc{font-size:12px;color:var(--text-2);margin-top:3px;line-height:1.45}.banner-cta{position:relative;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.02em;color:#ccfbf1;cursor:pointer;background:#2dd4bf24;border:1px solid rgba(244,63,94,.32);border-radius:var(--radius-full);padding:7px 12px;box-shadow:none;transition:transform .12s ease,box-shadow .15s ease}.banner-cta:active{transform:scale(.95)}@media(max-width:380px){.banner-neon{flex-wrap:wrap}.banner-cta{margin-left:55px}}
