*{box-sizing:border-box}html,body,#root{color:#e5e7eb;background:#0b0d12;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:920px;margin:0 auto;padding:0 24px 80px}.nav{z-index:10;background:#0b0d12;border-bottom:1px solid #1f2937;align-items:center;gap:16px;margin-bottom:20px;padding:14px 0;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:8px;font-size:14px;display:flex}.nav-brand strong{color:#e5e7eb;font-weight:600}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ok{background:#10b981;box-shadow:0 0 0 3px #10b98133}.dot.off{background:#6b7280}.nav-tabs{flex:1;gap:2px;display:flex}.nav-tabs button{color:#9ca3af;background:0 0;border-radius:6px;padding:8px 14px;font-size:13px}.nav-tabs button:hover:not(:disabled){color:#e5e7eb;background:#1f2937}.nav-tabs button.active{color:#fbbf24;background:#1f2937}.nav-customer{color:#9ca3af;background:#1f2937;border-radius:10px;margin-left:4px;padding:2px 8px;font-size:12px}.nav-region{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:10px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600}.region-picker{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.region-btn{color:#d1d5db;background:#0b0d12;border:1px solid #1f2937;border-radius:8px;padding:8px 14px;font-size:13px}.region-btn:hover:not(:disabled){background:#1f2937}.region-btn.active{color:#fbbf24;cursor:default;background:#fbbf2414;border-color:#fbbf24}.region-btn.active:before{content:"✓ "}.balance-pill{background:#1f2937;border:1px solid #374151;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.balance-num{color:#fbbf24;font-family:Consolas,monospace;font-weight:600}.balance-coin{font-size:14px}.settings-grid{background:#0b0d12;border:1px solid #1f2937;border-radius:6px;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;padding:10px 14px;display:grid}.settings-grid strong{color:#fbbf24;font-size:16px}.page{flex-direction:column;gap:18px;display:flex}.card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:20px}.card h2{margin:0 0 12px;font-size:15px;font-weight:600}.card h3{color:#d1d5db;margin:0 0 6px;font-size:13px;font-weight:600}.empty-state{text-align:center;padding:60px 20px}.empty-state h2{margin:0 0 10px}.empty-state p{margin:0 0 20px}.order-form{grid-template-columns:1.2fr 1fr 2.5fr .8fr auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.order-form label{flex-direction:column;gap:4px;display:flex}.order-form label span{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.order-form input,.order-form select{color:#e5e7eb;background:#0b0d12;border:1px solid #374151;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.order-form button{white-space:nowrap;padding:8px 16px}.quick-templates{border-top:1px solid #1f2937;flex-direction:column;gap:8px;padding-top:12px;display:flex}.template-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#e5e7eb;cursor:pointer;background:#1f2937;border-radius:14px;padding:5px 10px;font-size:12px}.chip:hover:not(:disabled){background:#374151}.chip:disabled{opacity:.5;cursor:not-allowed}.chip .muted{color:#9ca3af}.cart-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cart-head h2{margin:0}.cart-table{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:13px}.cart-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1f2937;padding:8px;font-size:11px;font-weight:500}.cart-table td{border-bottom:1px solid #1f2937;padding:8px}.cart-table tfoot td{border-bottom:0;padding-top:10px}.cart-table code{color:#d1d5db;background:#0b0d12;border-radius:3px;padding:1px 6px;font-size:11px}.uid-check{border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.uid-checking{color:#bfdbfe;background:#1e3a8a;border:1px solid #1e40af}.uid-ok{color:#d1fae5;background:#064e3b;border:1px solid #065f46}.uid-ok strong{color:#34d399;font-size:14px}.uid-bad{color:#fecaca;background:#450a0a;border:1px solid #7f1d1d}.spin{animation:1s linear infinite rotate;display:inline-block}@keyframes rotate{to{transform:rotate(360deg)}}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1f2937;padding:8px;font-size:11px;font-weight:500}.history-table td{white-space:nowrap;border-bottom:1px solid #1f2937;padding:8px}.history-table tr:hover td{background:#3b82f60a}.history-table code{color:#d1d5db;background:#0b0d12;border-radius:3px;padding:1px 6px;font-size:11px}.sticky-header{z-index:5;background:#111827;border:1px solid #1f2937;position:sticky;top:68px}.order-header{grid-template-columns:1fr 1fr;gap:14px;display:grid}.order-header label{flex-direction:column;gap:4px;display:flex}.order-header label span{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.order-header input{color:#e5e7eb;background:#0b0d12;border:1px solid #374151;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.order-header input:focus{border-color:#3b82f6;outline:none}.products-grid-order{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:14px;display:grid}.prod-tile{cursor:pointer;text-align:center;background:#0b0d12;border:2px solid #1f2937;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px;transition:all .15s;display:flex}.prod-tile:hover{background:#0f1724;border-color:#374151}.prod-tile.selected{background:#ef444414;border-color:#ef4444;box-shadow:inset 0 0 0 1px #ef4444}.prod-tile.selected .prod-title{color:#ef4444}.region-flag{color:#fbbf24;letter-spacing:.5px;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.region-flag.inline{margin-right:4px;position:static}.prod-tile{position:relative}.prod-img{object-fit:contain;background:#111827;border-radius:6px;width:56px;height:56px}.prod-title{color:#e5e7eb;justify-content:center;align-items:center;min-height:34px;font-size:13px;font-weight:500;line-height:1.3;display:flex}.prod-price{color:#fbbf24;font-size:14px;font-weight:600}.prod-qty{background:#111827;border:1px solid #1f2937;border-radius:6px;align-items:center;gap:4px;margin-top:4px;padding:3px;display:flex}.qty-btn{color:#9ca3af;background:0 0;border-radius:4px;width:24px;height:24px;padding:0;font-size:16px;line-height:1}.qty-btn:hover:not(:disabled){color:#e5e7eb;background:#1f2937}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.prod-qty input{text-align:center;color:#e5e7eb;-moz-appearance:textfield;background:0 0;border:0;width:44px;padding:2px;font-family:Consolas,monospace;font-size:14px;font-weight:600}.prod-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.prod-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.total-pill{background:#0b0d12;border:1px solid #1f2937;border-radius:16px;padding:6px 14px;font-size:13px}.total-pill strong{color:#fbbf24;font-size:15px}.step{background:#111827;border:1px solid #1f2937;border-radius:12px;margin-bottom:18px;transition:border-color .2s;overflow:hidden}.step-ok{border-color:#065f46}.step-error{border-color:#7f1d1d}.step-running{border-color:#1e40af}.step header{background:#0f172a;border-bottom:1px solid #1f2937;align-items:center;gap:12px;padding:16px 20px;display:flex}.step header h2{flex:1;margin:0;font-size:15px;font-weight:600}.num{color:#9ca3af;background:#1f2937;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:flex}.step-ok .num{color:#d1fae5;background:#065f46}.step-error .num{color:#fecaca;background:#7f1d1d}.step .body{padding:20px}.help{color:#9ca3af;margin:0 0 14px;font-size:13px;line-height:1.5}.help code{background:#1f2937;border-radius:4px;padding:1px 6px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}input[type=text],input[type=password],input:not([type]){color:#e5e7eb;background:#0b0d12;border:1px solid #374151;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}input:focus{border-color:#3b82f6;outline:none}.grid3,.grid2{gap:12px;margin-bottom:12px;display:grid}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.grid3 label,.grid2 label{flex-direction:column;gap:4px;display:flex}.grid3 label span,.grid2 label span{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.session-summary{color:#d1d5db;background:#0b0d12;border:1px solid #1f2937;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;font-size:13px;display:flex}.session-summary strong{color:#34d399}button.ghost.inline{vertical-align:middle;margin-left:8px;display:inline-block}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:480px;margin-bottom:14px;padding:2px;display:grid;overflow-y:auto}.product{cursor:pointer;text-align:left;color:#e5e7eb;background:#0b0d12;border:1px solid #1f2937;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-family:inherit;transition:all .15s;display:flex}.product:hover{background:#0f1724;border-color:#3b82f6}.product.selected{background:#052e26;border-color:#10b981;box-shadow:inset 0 0 0 1px #10b981}.product img{object-fit:contain;background:#111827;border-radius:4px;flex-shrink:0;width:44px;height:44px}.p-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.p-title{color:#e5e7eb;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.p-meta{justify-content:space-between;align-items:center;font-size:11px;display:flex}.p-price{color:#fbbf24;font-weight:600}.p-pid{color:#6b7280;font-family:Consolas,monospace}.divider{border:0;border-top:1px solid #1f2937;margin:20px 0}.orders-table{background:#0b0d12;border:1px solid #1f2937;border-radius:8px;margin-bottom:14px;padding:10px}.orders-head,.orders-row{grid-template-columns:1.2fr .7fr 2.5fr .6fr 1fr 40px;align-items:center;gap:8px;padding:6px 4px;display:grid}.orders-head{text-transform:uppercase;color:#6b7280;letter-spacing:.5px;border-bottom:1px solid #1f2937;margin-bottom:4px;padding-bottom:8px;font-size:10px}.orders-row input,.orders-row select{color:#e5e7eb;background:#111827;border:1px solid #1f2937;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:12px}.orders-row select:focus,.orders-row input:focus{border-color:#3b82f6;outline:none}.orders-row .est-cost{color:#fbbf24;font-size:12px}button.ghost.sm{padding:4px 10px;font-size:16px;line-height:1}button.ghost.add-row{width:100%;margin-top:8px;padding:6px}.batch-controls{flex-wrap:wrap;align-items:center;gap:24px;padding:10px 0;display:flex}.batch-controls .check{margin:0}.batch-controls input[type=number]{color:#e5e7eb;background:#0b0d12;border:1px solid #1f2937;border-radius:4px;padding:4px 8px;font-size:12px}.batch-results{margin-top:16px}.batch-summary{background:#0b0d12;border:1px solid #1f2937;border-radius:6px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.batch-summary code{color:#9ca3af;font-size:11px}.attempts{border-collapse:collapse;background:#0b0d12;border:1px solid #1f2937;border-radius:6px;width:100%;font-size:12px;overflow:hidden}.attempts th,.attempts td{text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #1f2937;max-width:220px;padding:6px 8px;overflow:hidden}.attempts th{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;background:#0f172a;font-size:11px;font-weight:500}.attempts td code{color:#d1d5db;font-size:11px}.attempts small{color:#6b7280;margin-left:4px}.attempts tr.status-success{background:#065f4614}.attempts tr.status-failed{background:#7f1d1d1f}.attempts tr.status-skipped td{color:#9ca3af}.attempts tr.status-querying,.attempts tr.status-paying{background:#1e3a8a26}.result-cell{font-weight:500}.flowid-cell{color:#9ca3af;font-family:Consolas,monospace;font-size:11px}.muted.small{font-size:11px}.si{text-align:center;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.si-ok{color:#d1fae5;background:#065f46}.si-err{color:#fecaca;background:#7f1d1d}.si-skip{color:#9ca3af;background:#1f2937}.si-run{color:#bfdbfe;background:#1e3a8a;animation:1.5s ease-in-out infinite pulse}.si-pending{color:#6b7280;background:#1f2937}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.c-ok{color:#34d399}.c-err{color:#f87171}.c-skip{color:#9ca3af}.c-run{color:#60a5fa}.failed-summary{color:#fecaca;background:#450a0a;border:1px solid #7f1d1d;border-radius:6px;margin-top:12px;padding:10px 14px;font-size:13px}.charged-summary{color:#d1fae5;background:#064e3b;border:1px solid #065f46;border-radius:6px;margin-top:12px;padding:10px 14px;font-size:13px}.replayed-summary{color:#bfdbfe;background:#1e3a8a;border:1px solid #1e40af;border-radius:6px;margin-top:12px;padding:10px 14px;font-size:13px}.login-wrap{background:radial-gradient(circle at top,#1a2332 0%,#0b0d12 60%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#111827;border:1px solid #1f2937;border-radius:12px;flex-direction:column;gap:14px;width:340px;padding:32px;display:flex;box-shadow:0 10px 40px #0006}.login-card h1{margin:0;font-size:18px;font-weight:600}.login-card .muted{margin:0;font-size:13px}.login-err{color:#fecaca;text-align:center;background:#7f1d1d;border-radius:6px;padding:8px 12px;font-size:13px}.packages{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:14px;display:grid}.pkg-card{background:#0b0d12;border:1px solid #1f2937;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.pkg-head{justify-content:space-between;align-items:flex-start;display:flex}.pkg-head strong{color:#fbbf24;font-size:14px}.pkg-items-list{border-top:1px solid #1f2937;border-bottom:1px solid #1f2937;flex-direction:column;gap:4px;margin:0;padding:8px 0;list-style:none;display:flex}.pkg-items-list li{color:#d1d5db;font-size:12px}.pkg-items-list code{color:#fbbf24;background:#1f2937;border-radius:3px;padding:1px 6px;font-weight:600}.pkg-apply{gap:6px;display:flex}.pkg-apply input{color:#e5e7eb;background:#111827;border:1px solid #1f2937;border-radius:4px;flex:1;padding:5px 8px;font-size:12px}.pkg-apply button{padding:5px 12px;font-size:12px}.pkg-editor{background:#0b0d12;border:1px solid #1f2937;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:12px;padding:14px;display:flex}.pkg-items{flex-direction:column;gap:6px;display:flex}.pkg-item{grid-template-columns:1fr 80px 36px;align-items:center;gap:8px;display:grid}.pkg-item select,.pkg-item input{color:#e5e7eb;background:#111827;border:1px solid #1f2937;border-radius:4px;padding:6px 8px;font-size:12px}.review{background:#0b0d12;border:1px solid #1f2937;border-radius:8px;margin-bottom:14px;padding:12px 14px}.review-head{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;font-size:13px;display:flex}.review-head strong{color:#34d399}.total-cost{font-size:15px}.total-cost strong{color:#fbbf24}.review-group{border-bottom:1px dashed #1f2937;padding:8px 0}.review-group:last-child{border-bottom:0}.review-uid{color:#d1d5db;justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.review-uid code{color:#fbbf24;background:#1f2937;border-radius:3px;padding:1px 6px}.review-group ul{color:#d1d5db;flex-direction:column;gap:3px;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.review-group ul code{color:#fbbf24;background:#1f2937;border-radius:3px;padding:1px 6px;font-weight:600}.dup-warn{color:#fbbf24;background:#fbbf2414;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:12px}button{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}button:hover:not(:disabled){background:#2563eb}button:disabled{color:#6b7280;cursor:not-allowed;background:#374151}button.ghost{color:#9ca3af;background:0 0;border:1px solid #374151;padding:4px 10px;font-size:11px}button.ghost:hover{color:#e5e7eb;background:#1f2937}button.danger-btn{background:#dc2626}button.danger-btn:hover:not(:disabled){background:#b91c1c}button.danger-btn:disabled{color:#fca5a5;opacity:.5;background:#7f1d1d}button.primary-btn{color:#fff;background:#10b981;padding:10px 20px;font-size:14px;font-weight:600;box-shadow:0 0 0 1px #10b9814d}button.primary-btn:hover:not(:disabled){background:#059669;box-shadow:0 0 0 2px #10b98180}button.primary-btn:disabled{color:#6ee7b7;opacity:.55;box-shadow:none;background:#064e3b}.badge{text-transform:lowercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge.idle{color:#9ca3af;background:#1f2937}.badge.running{color:#bfdbfe;background:#1e3a8a}.badge.ok{color:#d1fae5;background:#065f46}.badge.error{color:#fecaca;background:#7f1d1d}.json{color:#d1d5db;background:#0b0d12;border:1px solid #1f2937;border-radius:6px;max-height:280px;margin:0;padding:12px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;overflow:auto}.result-highlight{color:#d1fae5;background:#064e3b;border:1px solid #065f46;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px}.result-highlight code{background:#0000004d;border-radius:3px;padding:1px 6px}.danger{border-radius:6px;margin-bottom:14px;padding:10px 14px;font-size:13px}.danger.safe{color:#d1fae5;background:#064e3b;border:1px solid #065f46}.danger.live{color:#dbeafe;background:#0f1e3a;border:1px solid #1e40af}.check{color:#d1d5db;cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.check input{accent-color:#3b82f6;width:auto}.live-confirm{color:#fecaca}.muted{color:#6b7280;font-size:12px}