.terminal-shell{background-color:#050608;border:1px solid #1E2532;border-radius:12px;overflow:hidden;width:100%;font-family:SF Mono,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column}.terminal-header{background-color:#0f131b;border-bottom:1px solid #1E2532;padding:10px 16px;display:flex;align-items:center;position:relative}.terminal-dots{display:flex;gap:8px}.terminal-dots .dot{width:12px;height:12px;border-radius:50%}.dot-close{background-color:#ff5f56}.dot-minimize{background-color:#ffbd2e}.dot-maximize{background-color:#27c93f}.terminal-title{position:absolute;left:50%;transform:translate(-50%);color:#7c8494;font-size:13px;font-weight:500}.terminal-body{padding:16px 18px;height:auto;max-height:320px;overflow-y:auto;color:#e8eaf0;font-size:13px;line-height:1.6}.terminal-line{margin-bottom:6px;word-break:break-all;white-space:pre-wrap}.terminal-muted{color:#7c8494}.terminal-info{color:#93c5fd}.terminal-success{color:#34d399}.terminal-warning{color:#fbbf24}.terminal-error{color:#f87171}.terminal-accent{color:#c4b5fd}.terminal-command{color:#e8eaf0;font-weight:500}.terminal-cursor{display:inline-block;width:8px;height:16px;background-color:#e8eaf0;vertical-align:middle;animation:terminal-blink 1s step-end infinite;margin-left:4px}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}:root{--bg: #07090f;--bg-ink: #080b11;--bg-elevated: #0a0d14;--surface: #0f121a;--surface-2: #141824;--surface-3: #1a1f2e;--overlay: rgba(0, 0, 0, .6);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--text-primary: #f3f5fa;--text-secondary: #9aa3b5;--text-muted: #5f687a;--accent: #7c6cff;--accent-strong: #9386ff;--accent-soft: rgba(124, 108, 255, .14);--accent-text: #b1a6ff;--danger: #f0718c;--danger-soft: rgba(240, 113, 140, .12);--success: #4cd6a4;--success-soft: rgba(76, 214, 164, .12);--warning: #e6b15c;--brand-tiktok: #10131a;--brand-facebook: #1877f2;--brand-instagram-start: #833ab4;--brand-instagram-mid: #fd1d1d;--brand-instagram-end: #fcb045;--brand-x: #05070a;--brand-telegram: #26a5e4;--brand-youtube: #f1032b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 30px;--tracking-tight: -.02em;--tracking-label: .08em;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-pop: 0 16px 40px rgba(0, 0, 0, .45);--ease: cubic-bezier(.32, .72, .2, 1);--duration-fast: .14s;--duration-base: .22s;--app-max-width: 540px;--header-height: 56px;--nav-height: 60px}:root{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;min-height:100vh;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app{width:100%;max-width:var(--app-max-width);min-height:100dvh;margin:0 auto;position:relative;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 28px);background:var(--bg-elevated)}.page{padding:var(--space-4) var(--space-4) var(--space-6)}.topbar,.platform-header{height:calc(var(--header-height) + env(safe-area-inset-top,0px));display:grid;grid-template-columns:38px 1fr 38px;align-items:center;padding:env(safe-area-inset-top,0px) var(--space-3) 0;position:sticky;top:0;z-index:20;background:#0a0d14db;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.platform-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0}.platform-title strong{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-placeholder{width:38px;height:38px}.brand{display:flex;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight)}.brand-logo{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:13px;font-weight:800}.icon-button{width:38px;height:38px;border:0;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-secondary);background:transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease)}.icon-button:active{background:#ffffff0f}.notification{position:relative}.notification-dot{position:absolute;width:6px;height:6px;top:7px;right:7px;border-radius:50%;background:var(--danger);border:1.5px solid var(--bg-elevated)}.hero{padding:var(--space-5);display:grid;gap:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-card)}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.hero-main{display:grid;gap:var(--space-3);min-width:0}.hero-user{display:flex;flex-direction:column;gap:2px;min-width:0}.hero-brands{position:relative;width:96px;height:92px;flex:none}.hero-brands .icon-tile{position:absolute;box-shadow:var(--shadow-card);border:2px solid var(--surface-2)}.hero-brands .icon-tiktok{width:46px;height:46px;top:0;left:2px;border-radius:13px}.hero-brands .icon-tiktok svg{width:21px;height:21px}.hero-brands .icon-facebook{width:41px;height:41px;top:11px;right:0;border-radius:12px}.hero-brands .icon-facebook svg{width:19px;height:19px}.hero-brands .icon-youtube{width:39px;height:39px;bottom:0;left:27px;border-radius:11px}.hero-brands .icon-youtube svg{width:18px;height:18px}.hero-greeting{font-size:var(--text-sm);color:var(--text-secondary)}.hero-greeting strong{color:var(--text-primary);font-weight:600}.hero-id{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.hero-balance{display:grid;gap:2px}.hero-balance span{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}.hero-balance strong{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.hero-deposit{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;padding:9px 16px;border:0;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease),opacity var(--duration-fast) var(--ease)}.hero-deposit:active{transform:scale(.97);opacity:.9}.services-section{padding-top:var(--space-6)}.platform-services-page{padding-top:2px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:var(--space-3);margin-bottom:var(--space-3)}.section-label{display:block;color:var(--accent-text);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase}.section-header h2{margin:4px 0 0;font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight)}.view-all{padding:6px 0;border:0;color:var(--accent-text);background:transparent;font-size:var(--text-sm);font-weight:600;cursor:pointer}.service-list{display:grid;gap:var(--space-2)}.service-card{width:100%;min-height:72px;padding:11px 14px 11px 11px;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;background:var(--surface);box-shadow:var(--shadow-card);cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.service-card:active{transform:scale(.988);background:var(--surface-2)}.service-card:hover{border-color:var(--border-strong)}.service-info{min-width:0;display:flex;flex-direction:column;gap:3px}.service-info strong{font-size:var(--text-base);font-weight:600;letter-spacing:-.01em}.service-info span{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-arrow{color:var(--text-muted);flex:none}.icon-tile{display:grid;place-items:center;color:#fff;flex:none}.icon-tile--brand{border-radius:var(--radius-md)}.icon-tile--vector{border-radius:var(--radius-md);color:var(--accent-text);background:var(--accent-soft)}.icon-md{width:44px;height:44px}.icon-md svg{width:22px;height:22px}.icon-sm{width:32px;height:32px;border-radius:10px}.icon-sm svg{width:16px;height:16px}.icon-tiktok{background:var(--brand-tiktok)}.icon-facebook{background:var(--brand-facebook)}.icon-instagram{background:linear-gradient(135deg,var(--brand-instagram-start),var(--brand-instagram-mid),var(--brand-instagram-end))}.icon-x{background:var(--brand-x)}.icon-telegram{background:var(--brand-telegram)}.icon-youtube{background:var(--brand-youtube)}.panel{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.panel+.panel,.panel+section,.panel+.services-section{margin-top:var(--space-4)}.panel h2{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.wallet-balance-card{display:grid;gap:4px;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2)}.wallet-balance-card span{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label)}.wallet-balance-card strong{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight)}.menu-list{display:grid;gap:2px;margin-top:var(--space-4)}.menu-row{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:10px 8px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);text-align:left;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease)}.menu-row:active{background:var(--surface-2)}.menu-row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--accent-text);flex:none}.menu-row-chevron{margin-left:auto;color:var(--text-muted);flex:none}.form-block{display:grid;gap:var(--space-2)}.form-block label{color:var(--text-secondary);font-size:var(--text-sm)}.form-block input,.service-market-item input{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px;color:var(--text-primary);background:var(--bg-elevated);font:inherit;outline:none;transition:border-color var(--duration-fast) var(--ease)}.form-block input:focus,.service-market-item input:focus{border-color:var(--accent)}.form-block input::placeholder{color:var(--text-muted)}.form-block button,.service-market-item button{border:0;border-radius:var(--radius-md);padding:13px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:opacity var(--duration-fast) var(--ease)}.form-block button:active,.service-market-item button:active{opacity:.85}.form-block button:disabled,.service-market-item button:disabled{opacity:.5}.service-market-item button{padding:8px 18px;font-size:var(--text-sm)}.ghost-button{border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;color:var(--text-secondary);background:var(--surface-2);font-size:var(--text-sm);font-weight:500;cursor:pointer}.refund-button{padding:6px 10px;border:0;border-radius:var(--radius-sm);color:var(--danger);background:var(--danger-soft);font-size:var(--text-xs);font-weight:600;cursor:pointer}.list{display:grid;gap:var(--space-2)}.list-item{display:flex;justify-content:space-between;gap:var(--space-3);padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2)}.list-item div{display:grid;gap:3px;min-width:0}.list-item strong{font-size:var(--text-sm);font-weight:600}.list-item span,.list-item small{color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}.right{justify-items:end;text-align:right}.service-market-item .right{min-width:120px;gap:var(--space-2)}.service-market-item input{width:86px;text-align:center}.deposit-form{margin-top:var(--space-4)}.pay-card{margin-top:var(--space-5);display:grid;gap:var(--space-5);padding:var(--space-5) var(--space-4) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--accent-soft),transparent 60%),var(--surface-2);box-shadow:var(--shadow-card)}.pay-card-head{display:flex;align-items:center;gap:var(--space-3)}.pay-logo{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:800}.pay-head-text{display:grid;gap:2px;min-width:0}.pay-head-text h3{margin:0;font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-tight)}.pay-head-text p{margin:0;color:var(--text-muted);font-size:var(--text-xs)}.pay-amount{display:grid;gap:2px;justify-items:center}.pay-amount-label{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.pay-amount strong{font-size:30px;font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:1.15}.pay-qr-wrap{display:grid;place-items:center}.pay-qr{width:176px;height:176px;padding:10px;border-radius:var(--radius-md);background:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px #ffffff0f inset,0 10px 24px #00000047}.pay-qr-missing{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.pay-status{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) 0 0}.pay-status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--warning);box-shadow:0 0 #e6b15c73;animation:pay-pulse 1.8s var(--ease) infinite}@keyframes pay-pulse{0%{box-shadow:0 0 #e6b15c73}70%{box-shadow:0 0 0 7px #e6b15c00}to{box-shadow:0 0 #e6b15c00}}.pay-card.is-paid .pay-status-dot{background:var(--success);box-shadow:none;animation:none}.pay-card.is-failed .pay-status-dot,.pay-card.is-cancelled .pay-status-dot,.pay-card.is-expired .pay-status-dot{background:var(--text-muted);box-shadow:none;animation:none}.pay-status-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.pay-card.is-paid .pay-status-text{color:var(--success)}.deposit-info{margin-top:var(--space-4);display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.deposit-info-title{margin:0;font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-tight)}.deposit-info-rows{display:grid;gap:var(--space-3)}.deposit-info-row{display:grid;gap:2px;min-width:0}.deposit-info-row>span{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.02em}.deposit-info-row strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;min-width:0}.deposit-info-row strong.is-mono{font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:12.5px}.deposit-copy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.deposit-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deposit-copy-btn{flex:none;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.deposit-copy-btn:active{transform:scale(.96)}.deposit-copy-btn.is-copied{border-color:#4cd6a466;background:var(--success-soft);color:var(--success)}.deposit-status-text.is-pending{color:var(--warning)}.deposit-status-text.is-paid{color:var(--success)}.deposit-status-text.is-failed,.deposit-status-text.is-cancelled,.deposit-status-text.is-expired{color:var(--text-muted)}.deposit-note{margin-top:var(--space-4);display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.deposit-note strong{color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase}.deposit-note p{margin:0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.6}.info-error{margin-top:var(--space-3);color:var(--danger);font-size:var(--text-sm)}.info-muted{margin:6px 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.bottom-nav{width:min(var(--app-max-width),100%);height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding:0 var(--space-3) env(safe-area-inset-bottom,0px);position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:30;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);background:#0a0d14eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-item{border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);background:transparent;font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:color var(--duration-fast) var(--ease)}.nav-icon-wrap{width:34px;height:24px;display:grid;place-items:center;border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease)}.nav-item.active{color:var(--accent);font-weight:600}.nav-item.active .nav-icon-wrap{background:var(--accent-soft)}.nav-label{line-height:1}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;opacity:0;background:var(--overlay);transition:opacity var(--duration-base) var(--ease),visibility var(--duration-base)}.drawer.open{visibility:visible;opacity:1}.drawer-content{width:min(82%,320px);height:100%;padding:var(--space-4);transform:translate(-100%);border-right:1px solid var(--border);background:var(--bg-elevated);transition:transform var(--duration-base) var(--ease);display:flex;flex-direction:column}.drawer.open .drawer-content{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center}.drawer-header .brand{justify-content:flex-start}.drawer-menu{margin-top:var(--space-6);display:grid;gap:2px}.drawer-menu button{padding:11px 10px;border:0;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;text-align:left;font-weight:500;font-size:var(--text-base);cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.drawer-menu button:active{background:var(--surface-2);color:var(--text-primary)}.login-page{width:100%;max-width:var(--app-max-width);min-height:100dvh;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:max(28px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom));background:var(--bg-elevated)}.login-card{width:100%;position:relative;z-index:2}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-8)}.login-logo{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius-xl);background:var(--accent);color:#fff;font-size:30px;font-weight:800}.login-brand h1{margin:var(--space-4) 0 0;font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight)}.login-content{text-align:center}.login-label{color:var(--accent-text);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em}.login-content h2{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-2xl);line-height:1.15;letter-spacing:var(--tracking-tight)}.login-description{max-width:330px;margin:0 auto var(--space-8);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.google-login-button{width:100%;height:54px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;color:#10131a;background:#fff;font-size:var(--text-base);font-weight:700;cursor:pointer;transition:transform var(--duration-fast) var(--ease),opacity var(--duration-fast) var(--ease)}.google-login-button:active{transform:scale(.985);opacity:.92}.google-real-button{width:100%;min-height:52px;display:flex;justify-content:center;align-items:center}.login-security{margin-top:var(--space-4);display:flex;justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}.login-security svg{color:var(--accent)}.login-footer{margin-top:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}.login-footer div{display:flex;align-items:center;gap:var(--space-2)}.login-footer button{padding:0;border:0;color:var(--text-muted);background:transparent;font-size:var(--text-xs);cursor:pointer}.login-error{margin:var(--space-4) 0 0;color:var(--danger);font-size:var(--text-sm);text-align:center}@media(min-width:700px){body{padding:24px 0}.app{min-height:calc(100dvh - 48px);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:0 30px 100px #0000008c}.bottom-nav{bottom:24px}.login-page{min-height:calc(100dvh - 48px);margin:24px auto;border:1px solid var(--border);border-radius:28px;box-shadow:0 30px 100px #0000008c}}.tracking-page{width:100%;max-width:var(--app-max-width);min-height:100dvh;margin:0 auto;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 32px);background:var(--bg-elevated)}.tracking-brand{display:flex;align-items:center;gap:var(--space-2);height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tracking-brand-logo{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-size:var(--text-sm);font-weight:800}.tracking-brand>span:not(.tracking-brand-logo){font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-tight)}.tracking-brand-note{margin-left:auto;color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.tracking-center{display:grid;place-items:center;align-content:center;gap:var(--space-3);min-height:60dvh;padding:var(--space-6);text-align:center;color:var(--text-secondary)}.tracking-center h1{margin:0;font-size:var(--text-xl);color:var(--text-primary)}.tracking-center p{margin:0;max-width:280px;line-height:1.55}.tracking-spin{color:var(--accent-text);animation:tracking-spin 1s linear infinite}@keyframes tracking-spin{to{transform:rotate(360deg)}}.tracking-muted-icon{color:var(--text-muted)}.tracking-error{color:var(--danger)}.tracking-retry{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 18px;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.tracking-retry:active{background:var(--surface-3);transform:scale(.98)}.tracking-content{display:grid;gap:var(--space-4);padding:var(--space-4)}.tracking-hero{display:grid;gap:var(--space-3);padding:var(--space-5) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 160% at 100% 0%,var(--accent-soft),transparent 55%),var(--surface);box-shadow:var(--shadow-card)}.tracking-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.tracking-hero h1{margin:0;font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight)}.tracking-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;white-space:nowrap}.pill-accent{background:var(--accent-soft);color:var(--accent-text)}.pill-success{background:var(--success-soft);color:var(--success)}.pill-warning{background:#e6b15c24;color:var(--warning)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.tracking-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.tracking-code{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-amount{color:var(--text-primary);font-size:var(--text-lg);font-weight:800;letter-spacing:var(--tracking-tight);flex:none}.tracking-owner-tag{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:5px 10px;border-radius:var(--radius-full);background:var(--success-soft);color:var(--success);font-size:var(--text-xs);font-weight:600}.sla-panel{display:grid;gap:var(--space-3)}.sla-panel.is-expired{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:linear-gradient(var(--surface),color-mix(in srgb,var(--danger-soft) 55%,var(--surface)))}.sla-head{display:flex;align-items:center;gap:var(--space-2)}.sla-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--accent-text)}.sla-title{color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label)}.sla-countdown{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);padding:var(--space-2) 0}.sla-unit{display:grid;justify-items:center;gap:2px}.sla-unit strong{min-width:52px;font-size:var(--text-3xl);font-weight:800;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--text-primary)}.sla-unit span{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.sla-sep{color:var(--text-muted);font-size:var(--text-xl);font-weight:700;align-self:start;padding-top:6px}.sla-eta{margin:0;padding-top:var(--space-2);border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.sla-eta strong{color:var(--text-primary);font-weight:600}.sla-done-text,.sla-expired-text,.sla-none-text{margin:0;text-align:center;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.sla-expired-text{color:var(--danger)}.sla-done-text{color:var(--success)}.progress-timeline{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid}.progress-step{display:grid;grid-template-columns:28px 1fr;column-gap:var(--space-3);position:relative;min-height:56px}.progress-rail{grid-column:1;grid-row:1;position:relative;width:100%;display:flex;justify-content:center}.progress-line{position:absolute;top:22px;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--surface-3);transition:background var(--duration-base) var(--ease)}.progress-step.is-done .progress-line,.progress-step.is-current .progress-line{background:var(--accent)}.progress-node{grid-column:1;grid-row:1;z-index:1;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--success);transition:background var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease)}.progress-step.is-done .progress-node{background:color-mix(in srgb,var(--success) 18%,var(--surface-2));border-color:color-mix(in srgb,var(--success) 45%,transparent)}.progress-step.is-current .progress-node{background:var(--accent-soft);border-color:var(--accent)}.progress-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted)}.progress-step.is-current .progress-dot{width:10px;height:10px;background:var(--accent-strong)}.progress-dot.is-pulse{animation:tracking-pulse 1.8s var(--ease) infinite}@keyframes tracking-pulse{0%{box-shadow:0 0 #7c6cff73}70%{box-shadow:0 0 0 9px #7c6cff00}to{box-shadow:0 0 #7c6cff00}}.progress-copy{grid-column:2;display:grid;gap:2px;padding:5px 0 var(--space-4)}.progress-step.is-last .progress-copy{padding-bottom:0}.progress-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.progress-step.is-current .progress-label{color:var(--text-primary);font-weight:700}.progress-step.is-done .progress-label{color:var(--text-secondary)}.progress-sub{color:var(--text-muted);font-size:var(--text-xs);min-height:15px}.tracking-payment{display:grid;gap:var(--space-2)}.tracking-payment>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);background:var(--surface-2)}.tracking-payment-label{color:var(--text-muted);font-size:var(--text-xs)}.tracking-payment-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.activity-timeline{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid}.activity-item{display:grid;grid-template-columns:24px 1fr;column-gap:var(--space-3);position:relative;min-height:48px}.activity-rail{grid-column:1;grid-row:1;position:relative;display:flex;justify-content:center}.activity-rail:before{content:"";position:absolute;top:18px;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--surface-3)}.activity-item.is-last .activity-rail:before{display:none}.activity-node{grid-column:1;grid-row:1;z-index:1;width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-primary)}.activity-item.tone-accent .activity-node{color:var(--accent-text)}.activity-item.tone-success .activity-node{color:var(--success)}.activity-item.tone-warning .activity-node{color:var(--warning)}.activity-item.tone-danger .activity-node{color:var(--danger)}.activity-copy{grid-column:2;display:grid;gap:2px;padding:4px 0 var(--space-3)}.activity-item.is-last .activity-copy{padding-bottom:0}.activity-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.activity-time{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.activity-empty{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.tracking-section h2{font-size:var(--text-base)}.tracking-back{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-2) auto 0;padding:9px 18px;border:0;border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.tracking-back:active{background:var(--surface-3);color:var(--text-primary)}.invoice-page{width:100%;max-width:var(--app-max-width);min-height:100dvh;margin:0 auto;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 40px);background:var(--bg-elevated)}.invoice-content{display:grid;gap:var(--space-4);padding:var(--space-4)}.invoice-actions{display:flex;justify-content:center;gap:var(--space-3)}.invoice-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.invoice-action:active{background:var(--surface-3);color:var(--text-primary);transform:scale(.98)}.inv-document{display:grid;gap:var(--space-4)}.inv-document-body{display:grid;gap:var(--space-3)}.inv-header{display:grid;gap:var(--space-4);padding:var(--space-5) var(--space-4) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--accent-soft),transparent 55%),var(--surface)}.inv-brand{display:flex;align-items:center;gap:var(--space-2)}.inv-brand-logo{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-text)}.inv-brand-name{font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-tight)}.inv-doc-title{display:grid;gap:var(--space-2);justify-items:start}.inv-doc-kicker{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-label)}.inv-doc-title h1{margin:0;font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.25}.inv-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label)}.inv-pill.pill-success{background:var(--success-soft);color:var(--success)}.inv-pill.pill-warning{background:#e6b15c1f;color:var(--warning)}.inv-pill.pill-neutral{background:var(--surface-3);color:var(--text-secondary)}.inv-section{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.inv-section-head{display:grid;gap:2px}.inv-section-kicker{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-label)}.inv-section-title{margin:0;font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.inv-section-body{display:grid;gap:var(--space-3)}.inv-rows{display:grid;gap:var(--space-2)}.inv-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.inv-row-label{flex:0 0 auto;color:var(--text-muted);font-size:var(--text-sm);letter-spacing:.02em}.inv-row-value{flex:1 1 auto;min-width:0;color:var(--text-primary);font-size:var(--text-sm);text-align:right;word-break:break-word}.inv-row-value.is-mono{font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:12.5px}.inv-row-value.is-strong{font-weight:700}.inv-custom{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.inv-custom.is-emphasized{border-color:#7c6cff52;background:#7c6cff0d}.inv-custom-title{color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label)}.inv-subtext{margin:0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.6}.inv-qr{display:flex;align-items:center;gap:var(--space-4)}.inv-qr-code{flex:0 0 auto;padding:var(--space-2);border-radius:var(--radius-md);background:#fff}.inv-qr-copy{display:grid;gap:var(--space-2);min-width:0}.inv-qr-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.45}.inv-qr-url{color:var(--text-muted);font-size:var(--text-xs);font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,Consolas,monospace;word-break:break-all;line-height:1.5}.inv-verify{display:grid;gap:var(--space-4);padding:var(--space-5) var(--space-4);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius-lg);background:var(--surface)}.inv-verify-head{display:grid;gap:2px}.inv-verify-kicker{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-label)}.inv-verify-head h2{margin:0;font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.inv-verify-body{display:grid;gap:var(--space-4)}.inv-verify-rows{display:grid;gap:var(--space-2)}.inv-verify-seal{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--accent-text)}.inv-verify-seal>div{display:grid;gap:2px}.inv-verify-seal-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-tight)}.inv-verify-seal-sub{color:var(--text-muted);font-size:var(--text-xs);line-height:1.5}.inv-verify-note{margin:0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.6}.inv-accent-tiktok .inv-header{background:linear-gradient(160deg,rgba(37,244,238,.08),transparent 55%),var(--surface)}.inv-accent-tiktok .inv-brand-logo{background:#25f4ee1a;color:#25f4ee}@media print{.invoice-page,.invoice-content{background:#fff}.tracking-brand,.invoice-actions{display:none}.inv-document{gap:14px}.inv-header,.inv-section,.inv-verify,.inv-custom{border-color:#e5e7eb;background:#fff;color:#111827}.inv-section-kicker,.inv-verify-kicker,.inv-doc-kicker{color:#6b7280}.inv-section-title,.inv-doc-title h1,.inv-verify-head h2,.inv-row-value,.inv-brand-name,.inv-qr-title{color:#111827}.inv-row-label,.inv-verify-seal-sub,.inv-verify-note,.inv-subtext{color:#6b7280}.inv-pill.pill-success{background:#ecfdf5;color:#047857}.inv-pill.pill-warning{background:#fffbeb;color:#b45309}.inv-pill.pill-neutral{background:#f3f4f6;color:#4b5563}.inv-qr-code{background:#fff}}button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none}