:root{--bg:#090b11;--card:#12151e;--card2:#171a24;--line:rgba(255,255,255,.08);--text:#f8f8fb;--muted:#8d94a6;--accent:#9d5cff;--accent2:#6e43ff;--good:#55d88a;--danger:#ff6d88}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#24133a 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.app-shell{width:min(100%,760px);margin:auto;padding:22px 16px 118px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:900;color:#a885e9;margin-bottom:8px}.topbar h1{font-size:30px;line-height:1.02;letter-spacing:-.045em;margin:0}.topbar h1 span{color:#888e9d}.balance-pill{border:1px solid var(--line);background:#151822;color:#fff;padding:10px 12px;border-radius:999px;display:flex;gap:6px;align-items:center;box-shadow:0 8px 26px rgba(0,0,0,.22)}.balance-pill span{color:#c6a8ff}.hero-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#181328,#11141c 60%);border-radius:26px;min-height:210px;padding:24px;margin-bottom:18px}.hero-copy{position:relative;z-index:2;width:72%}.badge{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.12em;padding:6px 8px;border-radius:999px;background:#fff;color:#111}.hero-card h2{font-size:27px;letter-spacing:-.03em;margin:14px 0 8px}.hero-card p{color:#b5b8c4;font-size:14px;line-height:1.45;margin:0 0 18px}.hero-orb{position:absolute;width:185px;height:185px;border-radius:50%;right:-35px;bottom:-48px;background:radial-gradient(circle at 35% 35%,#fff 0 2%,#b57cff 11%,#7c4cff 32%,#2b124f 68%,transparent 70%);filter:drop-shadow(0 0 28px rgba(153,89,255,.42))}.primary,.secondary,.danger-lite{border:0;color:#fff;font-weight:800;border-radius:14px;padding:12px 16px}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 30px rgba(167,82,238,.23)}.secondary{background:#202432;border:1px solid var(--line)}.danger-lite{background:#29151b;border:1px solid rgba(255,109,136,.24);color:#ffb0bf}.primary:active,.secondary:active{transform:scale(.985)}.wide{width:100%;padding:15px;margin-top:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#10121a;border:1px solid var(--line);border-radius:17px;padding:4px;margin:10px 0 22px}.seg{border:0;background:transparent;color:#8f95a5;padding:11px;border-radius:13px;font-weight:700}.seg.active{background:#202330;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.section-title h3{margin:0;font-size:20px;letter-spacing:-.02em}.section-title span,.muted{color:var(--muted)}.chips{display:flex;gap:8px;overflow:auto;padding:2px 0 14px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);background:#11131b;color:#9fa5b5;border-radius:999px;padding:9px 12px;font-size:13px}.chip.active{background:#fff;color:#101116}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{border:1px solid var(--line);background:var(--card);border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.12)}.thumb{aspect-ratio:9/12;position:relative;background:#222;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s transform}.card:active .thumb img{transform:scale(1.03)}.play{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.56);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16)}.price{position:absolute;right:10px;top:10px;background:rgba(10,10,14,.72);backdrop-filter:blur(10px);padding:7px 9px;border-radius:999px;font-weight:900;font-size:12px}.card-body{padding:12px}.card-body h4{margin:0 0 4px;font-size:15px}.card-body p{margin:0;color:#8e94a4;font-size:12px;line-height:1.35}.custom-card,.page-card{margin-top:18px;border:1px solid var(--line);background:var(--card);border-radius:22px;padding:17px}.custom-card textarea{width:100%;height:150px;margin:12px 0;background:#0c0e14;color:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;resize:none;outline:none}.orders,.ledger{display:grid;gap:9px}.order,.ledger-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;gap:10px}.order:first-child,.ledger-row:first-child{border-top:0;padding-top:0}.order b,.ledger-row b{font-size:13px}.order small,.ledger-row small{display:block;color:#878d9c;margin-top:3px}.status{font-size:11px;border-radius:999px;padding:6px 8px;background:#242734;color:#cbd0dd}.text-btn{border:0;background:transparent;color:#b79aff}.plus{color:var(--good)}.minus{color:#ff91a5}.wallet-card{border:1px solid rgba(184,130,255,.24);background:linear-gradient(135deg,#2a183d,#151521 65%);border-radius:27px;padding:22px;box-shadow:0 22px 60px rgba(0,0,0,.22)}.wallet-kicker{font-size:10px;letter-spacing:.15em;color:#c8a8ff;font-weight:900}.wallet-balance{display:flex;align-items:end;justify-content:space-between;margin:20px 0 12px}.wallet-balance span{color:#a8adba}.wallet-balance strong{font-size:38px;letter-spacing:-.05em}.wallet-card p{margin:0;color:#aaaeb8;font-size:13px;line-height:1.5}.topup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.topup-option{border:1px solid var(--line);background:#171a24;color:#fff;border-radius:17px;padding:15px;text-align:left}.topup-option span{display:block;font-size:21px;font-weight:900}.topup-option small{color:#848b9b}.custom-topup{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.custom-topup input,.field input{width:100%;background:#0c0e14;color:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;outline:none}.tiny{font-size:11px;color:#6f7688;line-height:1.45}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;width:min(calc(100% - 24px),736px);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;background:rgba(15,17,24,.9);border:1px solid var(--line);backdrop-filter:blur(18px);padding:8px;border-radius:22px;z-index:50}.nav{border:0;background:transparent;color:#727888;padding:7px 2px;font-size:19px}.nav span{display:block;font-size:9px;margin-top:2px}.nav.active{color:#fff}.hidden{display:none!important}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:100;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(5px)}.sheet{width:min(100%,760px);max-height:94vh;overflow:auto;background:#0d0f15;border-radius:28px 28px 0 0;border:1px solid var(--line);position:relative}.compact-sheet{max-width:540px}.sheet video{width:100%;aspect-ratio:16/10;background:#000;object-fit:cover;display:block}.close{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.55);color:#fff;font-size:24px}.sheet-body{padding:18px}.sheet-body h2{font-size:26px;margin:3px 0 6px}.source-line{color:#987fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.facts{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.facts span{background:#171a23;border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-size:12px;color:#c9ced9}#uploadArea{display:grid;gap:9px}.upload-box{display:flex;align-items:center;gap:12px;border:1px dashed rgba(180,151,255,.5);background:#13121e;padding:13px;border-radius:18px;position:relative}.upload-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#26203a;font-size:24px}.upload-box small{display:block;color:#858b9a;font-size:11px;margin-top:3px}.slot-preview{margin-left:auto;width:52px;height:52px;object-fit:cover;border-radius:13px}.checkout{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:12px}.checkout small{display:block;color:#888e9c}.checkout b{font-size:23px}.license-note{font-size:10px;line-height:1.45;color:#666d7c;margin-top:16px}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:92px;z-index:150;background:#fff;color:#101116;padding:11px 15px;border-radius:999px;font-weight:700;font-size:13px;box-shadow:0 12px 40px rgba(0,0,0,.4);max-width:92%;text-align:center}.pay-amount{font-size:38px;font-weight:950;letter-spacing:-.05em;margin:24px 0}.admin-hero{display:flex;justify-content:space-between;align-items:end;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#181d2b,#241633);border-radius:24px;padding:20px}.admin-hero h2{margin:0;font-size:28px}.admin-hero span{color:#8f95a5;font-size:11px}.field{display:block;margin:13px 0}.field span{display:block;font-size:12px;color:#9aa0ae;margin-bottom:7px}.admin-list{display:grid;gap:10px}.admin-template{display:grid;grid-template-columns:72px 1fr;gap:12px;border:1px solid var(--line);background:#0e1118;border-radius:17px;padding:10px}.admin-template img{width:72px;height:90px;border-radius:12px;object-fit:cover;background:#222}.admin-template-main b{font-size:14px}.admin-template-main small{display:block;color:#737b8c;margin:3px 0 10px}.price-editor{display:grid;grid-template-columns:90px auto 1fr;align-items:center;gap:7px}.price-editor input{width:100%;background:#171a23;color:#fff;border:1px solid var(--line);border-radius:10px;padding:9px}.price-editor button{border:0;background:#2a2140;color:#cdb7ff;border-radius:10px;padding:9px;font-weight:800}.switch-line{display:block;font-size:11px;color:#999fad;margin-top:10px}@media(min-width:620px){.grid{grid-template-columns:repeat(3,1fr)}.thumb{aspect-ratio:9/13}.topbar h1{font-size:38px}.topup-grid{grid-template-columns:repeat(4,1fr)}}