:root{--bg: #0a0e17;--bg2: #0e1420;--panel: rgba(255, 255, 255, .03);--panel-solid: #141b28;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #eef2f8;--muted: #8592a6;--accent: #38bdf8;--accent2: #818cf8;--neg: #fb7185;--pos: #34d399;--gold: #fbbf24;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:radial-gradient(1200px 600px at 15% -10%,rgba(56,189,248,.1),transparent 60%),radial-gradient(1000px 500px at 100% 0%,rgba(129,140,248,.1),transparent 55%),var(--bg);min-height:100vh}button{font-family:inherit;cursor:pointer}code{background:#ffffff14;padding:1px 6px;border-radius:5px;font-size:.9em}.page{min-height:100vh;display:flex;flex-direction:column}.app{width:100%;max-width:820px;margin:0 auto;padding:32px 24px;flex:1}.foot{text-align:center;color:var(--muted);font-size:12px;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;letter-spacing:.2px}.logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018;font-size:15px}.signin-wrap{display:grid;place-items:center;padding:40px 0}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;cursor:pointer;border:1px solid var(--border)}.banner.ok{background:#34d3991f;border-color:#34d39959;color:#a7f3d0}.banner.warn{background:#fbbf241a;border-color:#fbbf244d;color:#fde68a}.banner-x{opacity:.6;font-size:18px}.hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 30px;border-radius:20px;margin-bottom:26px;background:linear-gradient(135deg,#38bdf824,#818cf81a),var(--panel-solid);border:1px solid var(--border-strong)}.hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);pointer-events:none}.hero-main{display:flex;flex-direction:column;gap:4px;z-index:1}.hero-label{color:var(--muted);font-size:13px;letter-spacing:.4px}.hero-number{font-size:56px;font-weight:750;line-height:1;letter-spacing:-1px;display:flex;align-items:baseline;gap:10px}.hero-icon{color:var(--accent);align-self:center;display:inline-flex}.pack-credits{display:inline-flex;align-items:center;gap:8px}.hero-unit{font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0}.hero-sub{color:var(--muted);font-size:13px;margin-top:6px}.hero-err{color:var(--neg);font-size:13px;margin-top:6px}.hero-actions{display:flex;gap:10px;z-index:1}.ghost{background:#ffffff0d;border:1px solid var(--border-strong);color:var(--text);padding:9px 16px;border-radius:10px;font-size:13px;transition:background .15s,border-color .15s}.ghost:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent)}.ghost:disabled{opacity:.5;cursor:default}.tabs{display:flex;gap:6px;margin-bottom:22px}.tabs button{background:none;border:none;color:var(--muted);padding:9px 16px;font-size:14px;border-radius:10px;transition:background .15s,color .15s}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);background:#ffffff0f}.hint{color:var(--muted);font-size:14px;margin-bottom:18px;line-height:1.6}.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.pack{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:22px;border-radius:16px;color:var(--text);text-align:left;background:var(--panel);border:1px solid var(--border);transition:transform .15s,border-color .15s,background .15s}.pack:hover:not(:disabled){transform:translateY(-3px);border-color:var(--accent);background:#38bdf80f}.pack:disabled{opacity:.55;cursor:default}.pack.featured{border-color:#818cf880;background:#818cf812}.pack-tag{position:absolute;top:12px;right:12px;font-size:11px;font-weight:600;color:#0a0e17;background:var(--gold);padding:2px 8px;border-radius:20px}.pack-credits{font-size:34px;font-weight:750;line-height:1.1}.pack-credits-unit{font-size:13px;color:var(--muted);margin-bottom:10px}.pack-price{font-size:15px;color:var(--text)}.pack-cta{margin-top:14px;font-size:13px;color:var(--accent);font-weight:600}.ents{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.ent{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:14px;background:var(--panel);border:1px solid var(--border)}.ent-top{display:flex;align-items:center;justify-content:space-between}.ent-plan{font-size:16px;font-weight:650}.ent-badge{font-size:11px;color:var(--pos);background:#34d39924;padding:3px 9px;border-radius:20px}.ent-meta{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px}.history{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}.history th,.history td{text-align:left;padding:12px 14px}.history thead th{color:var(--muted);font-weight:500;font-size:12px;letter-spacing:.3px;background:#ffffff05}.history tbody tr{border-top:1px solid var(--border)}.chip{font-size:12px;padding:2px 9px;border-radius:20px;background:#ffffff12;color:var(--muted)}.chip-grant{background:#34d39924;color:var(--pos)}.chip-spend{background:#fb718524;color:var(--neg)}.neg{color:var(--neg);font-variant-numeric:tabular-nums}.pos{color:var(--pos);font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:14px}.empty{color:var(--muted);font-size:14px;padding:32px 4px;text-align:center;line-height:1.6}.err{color:var(--neg);font-size:14px;margin-top:12px}