*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#e8270a;--red-dim:#7a150320;--red-border:#e8270a40;--green:#0dbf6e;--green-dim:#0dbf6e18;--green-border:#0dbf6e40;--amber:#f59e0b;--bg:#0c0c0f;--surface:#13131a;--surface-2:#1a1a24;--border:#2a2a3a;--text-1:#f0f0f5;--text-2:#9090a8;--text-3:#55556a;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#root,body,html{background:#0c0c0f;background:var(--bg);color:#f0f0f5;color:var(--text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);height:100%}.app{min-height:100vh}.app,.header{display:flex;flex-direction:column}.header{align-items:center;gap:10px;padding:32px 48px 0}.header-eyebrow{color:#55556a;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.header-title{color:#f0f0f5;color:var(--text-1);font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.5px;text-align:center}.header-title span.red{color:#e8270a;color:var(--red)}.header-title span.green{color:#0dbf6e;color:var(--green)}.header-subtitle{color:#9090a8;color:var(--text-2);font-size:14px;line-height:1.6;max-width:540px;text-align:center}.subtitle-highlight{color:#f59e0b;color:var(--amber);font-weight:500}.delta-bar{background:#13131a;background:var(--surface);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:12px;gap:32px;justify-content:center;margin:20px 48px 0;padding:18px 48px}.delta-bar,.delta-stat{align-items:center;display:flex}.delta-stat{flex-direction:column;gap:2px}.delta-stat-value{font-size:clamp(20px,2.5vw,28px);font-weight:800;letter-spacing:-.5px}.delta-stat-value.red{color:#e8270a;color:var(--red)}.delta-stat-value.green{color:#0dbf6e;color:var(--green)}.delta-stat-value.amber{color:#f59e0b;color:var(--amber)}.delta-stat-label{color:#55556a;color:var(--text-3);font-size:11px;letter-spacing:1px;text-transform:uppercase}.delta-divider{background:#2a2a3a;background:var(--border);height:40px;width:1px}.delta-footnote{color:#55556a;color:var(--text-3);font-size:10px;letter-spacing:.2px;line-height:1.5;padding:6px 48px 0;text-align:center}.ab-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr;padding:20px 48px 32px}.panel{background:#13131a;background:var(--surface);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.panel-header{border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 20px}.panel-header,.panel-label{align-items:center;display:flex}.panel-label{gap:10px}.panel-letter{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:800;height:26px;justify-content:center;width:26px}.panel-letter.red{background:#7a150320;background:var(--red-dim);border:1px solid #e8270a40;border:1px solid var(--red-border);color:#e8270a;color:var(--red)}.panel-letter.green{background:#0dbf6e18;background:var(--green-dim);border:1px solid #0dbf6e40;border:1px solid var(--green-border);color:#0dbf6e;color:var(--green)}.panel-name{color:#f0f0f5;color:var(--text-1);font-size:13px;font-weight:700}.panel-tag{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px}.panel-tag.red{background:#7a150320;background:var(--red-dim);border:1px solid #e8270a40;border:1px solid var(--red-border);color:#e8270a;color:var(--red)}.panel-tag.green{background:#0dbf6e18;background:var(--green-dim);border:1px solid #0dbf6e40;border:1px solid var(--green-border);color:#0dbf6e;color:var(--green)}.panel-body{display:flex;flex:1 1;flex-direction:column;gap:0;padding:24px 20px}.order-context{align-items:center;background:#1a1a24;background:var(--surface-2);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:10px;color:#9090a8;color:var(--text-2);display:flex;font-size:12px;justify-content:space-between;margin-bottom:24px;padding:12px 14px}.order-context-item{color:#f0f0f5;color:var(--text-1);font-size:13px;font-weight:700}.order-context-right{text-align:right}.order-context-auth{color:#f59e0b;color:var(--amber);font-size:16px;font-weight:800}.order-context-actual{color:#55556a;color:var(--text-3);font-size:11px;margin-top:2px}.flow{display:flex;flex:1 1;flex-direction:column;gap:0}.step-wrap{align-items:stretch;display:flex;flex-direction:column;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.step-wrap.visible{opacity:1;transform:translateY(0)}.step{align-items:flex-start;border:1px solid #0000;border-radius:10px;display:flex;gap:12px;padding:12px 14px;transition:border-color .3s,background .3s}.step.active-red{background:#7a150320;background:var(--red-dim);border-color:#e8270a40;border-color:var(--red-border)}.step.active-green{background:#0dbf6e18;background:var(--green-dim);border-color:#0dbf6e40;border-color:var(--green-border)}.step.done{opacity:.55}.step-icon-wrap{align-items:center;background:#1a1a24;background:var(--surface-2);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:background .3s,border-color .3s;width:34px}.step.active-red .step-icon-wrap{background:#7a150320;background:var(--red-dim);border-color:#e8270a;border-color:var(--red)}.step.active-green .step-icon-wrap{background:#0dbf6e18;background:var(--green-dim);border-color:#0dbf6e;border-color:var(--green)}.step-text{flex:1 1;min-width:0}.step-title{color:#f0f0f5;color:var(--text-1);font-size:13px;font-weight:700;line-height:1.3}.step-desc{color:#9090a8;color:var(--text-2);font-size:11px;line-height:1.5;margin-top:3px}.step-badge{align-self:center;border-radius:20px;flex-shrink:0;font-size:11px;font-weight:700;padding:2px 8px}.step-badge.red{background:#7a150320;background:var(--red-dim);border:1px solid #e8270a40;border:1px solid var(--red-border);color:#e8270a;color:var(--red)}.step-badge.green{background:#0dbf6e18;background:var(--green-dim);border:1px solid #0dbf6e40;border:1px solid var(--green-border);color:#0dbf6e;color:var(--green)}.step-badge.amber{background:#f59e0b20;border:1px solid #f59e0b40;color:#f59e0b;color:var(--amber)}.step-badge.grey{background:#1a1a24;background:var(--surface-2);border:1px solid #2a2a3a;border:1px solid var(--border);color:#55556a;color:var(--text-3)}.step-connector{border-radius:2px;height:16px;margin:0 0 0 30px;transition:background .4s;width:2px}.step-connector.red{background:linear-gradient(180deg,#e8270a,#0000);background:linear-gradient(to bottom,var(--red),#0000)}.step-connector.green{background:linear-gradient(180deg,#0dbf6e,#0000);background:linear-gradient(to bottom,var(--green),#0000)}.step-connector.dim{background:#2a2a3a;background:var(--border)}.outcome{border:1px solid #0000;border-radius:12px;margin-top:20px;opacity:0;padding:16px;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.outcome.visible{opacity:1;transform:translateY(0)}.outcome.red{background:#7a150320;background:var(--red-dim);border-color:#e8270a40;border-color:var(--red-border)}.outcome.green{background:#0dbf6e18;background:var(--green-dim);border-color:#0dbf6e40;border-color:var(--green-border)}.outcome-title{font-size:13px;font-weight:800;margin-bottom:10px}.outcome.red .outcome-title{color:#e8270a;color:var(--red)}.outcome.green .outcome-title{color:#0dbf6e;color:var(--green)}.outcome-metrics{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.outcome-metric{background:#13131a;background:var(--surface);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.outcome-metric-value{font-size:18px;font-weight:800;letter-spacing:-.3px}.outcome.red .outcome-metric-value{color:#e8270a;color:var(--red)}.outcome.green .outcome-metric-value{color:#0dbf6e;color:var(--green)}.outcome-metric-label{color:#55556a;color:var(--text-3);font-size:10px;letter-spacing:.8px;margin-top:2px;text-transform:uppercase}.replay-wrap{display:flex;justify-content:center;padding:0 48px 32px}.replay-btn{background:#13131a;background:var(--surface);border:1px solid #2a2a3a;border:1px solid var(--border);border-radius:8px;color:#9090a8;color:var(--text-2);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:10px 24px;transition:border-color .2s,color .2s}.replay-btn:hover{border-color:#9090a8;border-color:var(--text-2);color:#f0f0f5;color:var(--text-1)}.ticker{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.5px}.ticker.red{color:#e8270a;color:var(--red)}.ticker.green{color:#0dbf6e;color:var(--green)}.scan-anim{align-items:center;display:inline-flex;gap:4px}.scan-bar{animation:scanBounce .6s ease-in-out infinite alternate;background:#0dbf6e;background:var(--green);border-radius:2px;width:3px}.scan-bar:first-child{animation-delay:0s;height:8px}.scan-bar:nth-child(2){animation-delay:.1s;height:14px}.scan-bar:nth-child(3){animation-delay:.2s;height:10px}.scan-bar:nth-child(4){animation-delay:.05s;height:16px}.scan-bar:nth-child(5){animation-delay:.15s;height:8px}@keyframes scanBounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 #e8270a66}50%{box-shadow:0 0 0 6px #e8270a00}}.step.active-red .step-icon-wrap{animation:pulse-red 1.5s infinite}
/*# sourceMappingURL=main.f9e484f7.css.map*/