:root{--bg: #05040A;--bg-deep: #000000;--surface: #0E0B16;--surface-2: #15111F;--surface-3: #1C1730;--border: #241C33;--border-strong: #342A48;--primary: #7C3AED;--primary-600: #6D28D9;--primary-400: #9B6CF5;--primary-300: #AE5DFF;--primary-200: #C9AEFF;--primary-glow: rgba(124, 58, 237, .35);--grad-brand: linear-gradient(135deg, #C9AEFF 0%, #8250F0 55%, #7C3AED 100%);--grad-button: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--grad-heading: linear-gradient(90deg, #E9DBFF 0%, #B78CFF 55%, #7C3AED 100%);--text: #F5F1FB;--text-muted: #8B8496;--text-dim: #575163;--success: #2FD8C3;--warning: #F4B740;--danger: #FF5D6C;--radius-sm: 12px;--radius: 16px;--radius-lg: 20px;--radius-xl: 26px;--shadow-card: 0 8px 30px rgba(0,0,0,.45);--glow: 0 0 40px var(--primary-glow);--font-sans: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(124,58,237,.18),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100%;padding:16px 16px 88px;display:flex;flex-direction:column;gap:16px}.header{display:flex;align-items:center;gap:12px;padding:8px 2px}.header img{width:40px;height:40px}.header .brand{font-weight:700;font-size:20px;letter-spacing:.2px;background:var(--grad-heading);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header .sub{color:var(--text-muted);font-size:12px}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card)}.balance-card{background:radial-gradient(600px 200px at 80% -40%,var(--primary-glow),transparent 60%),var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:20px}.balance-label{color:var(--text-muted);font-size:13px}.balance-value{font-family:var(--font-mono);font-size:34px;font-weight:700;margin-top:6px;letter-spacing:-.5px}.vcard{position:relative;aspect-ratio:1.6 / 1;border-radius:var(--radius-lg);padding:18px;color:#fff;overflow:hidden;background:var(--grad-brand);box-shadow:0 12px 40px #7c3aed59}.vcard .brandmark{position:absolute;top:16px;right:18px;font-weight:700;opacity:.9}.vcard .pan{font-family:var(--font-mono);font-size:18px;letter-spacing:2px;margin-top:52px}.vcard .row{display:flex;justify-content:space-between;margin-top:14px;font-size:12px;opacity:.9}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:background .15s,transform .1s}.tile:active{transform:scale(.97)}.tile:hover{background:var(--surface-3)}.tile .ic{display:flex;color:var(--primary-300)}.tile .label{font-size:12px;color:var(--text)}.tile.soon .ic,.tile.soon .label{color:var(--text-dim)}.tile .badge{font-size:9px;color:var(--primary-200);border:1px solid var(--border-strong);border-radius:999px;padding:1px 6px}.btn{width:100%;border:none;cursor:pointer;border-radius:var(--radius);padding:14px;font-size:15px;font-weight:600;color:#fff;background:var(--grad-button);box-shadow:var(--glow);transition:transform .1s,filter .15s}.btn:active{transform:scale(.98)}.btn:disabled{filter:grayscale(.5) opacity(.6);cursor:default}.btn.secondary{background:var(--surface-3);box-shadow:none;color:var(--text)}.section-title{font-size:14px;color:var(--text-muted);margin:4px 2px}.hist-item{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid var(--border)}.hist-item:last-child{border-bottom:none}.hist-kind{font-size:13px;color:var(--text)}.hist-date{font-size:11px;color:var(--text-dim)}.amt-pos{color:var(--success);font-family:var(--font-mono)}.amt-neg{color:var(--text);font-family:var(--font-mono)}.field{width:100%;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:14px;color:var(--text);font-size:16px;font-family:var(--font-mono)}.field:focus{outline:none;border-color:var(--primary-400)}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#0e0b16e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.tab{background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.tab.active{color:var(--primary-300)}.tab .ico{display:flex}.support{display:flex;flex-direction:column;gap:12px}.chat-head{display:flex;flex-direction:column;gap:6px}.link-btn{background:none;border:none;color:var(--primary-300);font-size:13px;cursor:pointer;align-self:flex-start;padding:0}.chat-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--text)}.badge-status{font-size:11px;padding:2px 10px;border-radius:999px;font-weight:600}.badge-status.open{color:var(--success);border:1px solid rgba(47,216,195,.4)}.badge-status.closed{color:var(--text-muted);border:1px solid var(--border-strong)}.chat{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100dvh - 320px);min-height:200px;padding:4px 2px}.msg{max-width:82%;padding:10px 12px;border-radius:16px}.msg.support{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:5px}.msg.user{align-self:flex-end;background:linear-gradient(135deg,#7c3aed8c,#7c3aed52);border-bottom-right-radius:5px}.msg-from{color:var(--primary-300);font-size:12px;font-weight:600;margin-bottom:3px}.msg-body{color:var(--text);font-size:14px;white-space:pre-wrap;word-break:break-word}.msg-time{color:var(--text-dim);font-size:10px;margin-top:4px;text-align:right}.status-pill{align-self:center;background:var(--surface-3);color:var(--text-muted);font-size:12px;padding:6px 14px;border-radius:999px;margin:4px 0}.chat-input{display:flex;gap:8px;align-items:flex-end}.chat-field{flex:1;resize:none;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:16px;padding:12px 14px;color:var(--text);font-size:14px;font-family:var(--font-sans);max-height:120px}.chat-field:focus{outline:none;border-color:var(--primary-400)}.send-btn{flex:0 0 auto;width:44px;height:44px;border:none;border-radius:14px;background:var(--grad-button);color:#fff;display:grid;place-items:center;cursor:pointer}.send-btn:disabled{filter:opacity(.5) grayscale(.4);cursor:default}.ticket-row{display:flex;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--border);cursor:pointer}.ticket-row:last-child{border-bottom:none}.ticket-row:hover{background:var(--surface-2)}.ticket-main{min-width:0}.ticket-title{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px;font-weight:600}.ticket-preview{color:var(--text-muted);font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.ticket-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}.ticket-date{color:var(--text-dim);font-size:11px}.dot{width:8px;height:8px;border-radius:50%;background:var(--danger);display:inline-block}.muted{color:var(--text-muted);font-size:13px}.legal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:12px 6px 2px;margin-top:4px}.legal-footer a{color:var(--text-dim);font-size:11px;text-decoration:none}.legal-footer a:hover{color:var(--primary-300)}.notice{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:12px;color:var(--warning);font-size:12px}.stack{display:flex;flex-direction:column;gap:12px}.center{display:grid;place-items:center;min-height:60vh;color:var(--text-muted)}