*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0c14;--surface:#10131e;--surface-2:#161b28;--border:#1e2438;--border-2:#252d44;--primary:#26c7c3;--primary-2:#8354aa;--primary-dim:#26c7c31f;--gradient:linear-gradient(135deg, #26c7c3 0%, #8354aa 100%);--green:#22c55e;--green-dim:#22c55e1a;--red:#ef4444;--red-dim:#ef44441a;--amber:#f59e0b;--amber-dim:#f59e0b1a;--text-1:#f1f5f9;--text-2:#94a3b8;--text-3:#566078;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;padding:0 15%;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:100%;height:60px;display:flex}.logo{color:var(--text-1);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{flex-shrink:0;width:auto;height:28px;display:block}.logo-text{letter-spacing:-.02em;color:var(--text-1);font-size:19px;font-weight:700}.logo-divider{background:var(--border-2);width:1px;height:18px;margin:0 8px}.logo-sub{color:var(--text-3);font-size:14px;font-weight:400}.api-badge{letter-spacing:.02em;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.api-badge-live{color:#26c7c3;background:#26c7c314;border-color:#26c7c34d}.api-badge-mock{color:#fbbf24;background:#fbbf2414;border-color:#fbbf244d}.api-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}.app-main{flex:1;padding:28px 15%}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:500;transition:all .12s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:13px 20px;font-size:15px;font-weight:600;transition:opacity .12s;display:flex}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:400;transition:background .12s;display:inline-flex}.btn-secondary:hover{background:var(--border);color:var(--text-1)}.btn-ghost{color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:all .12s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-2);color:var(--text-1)}.badge{border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:14px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--amber-dim);color:var(--amber)}.badge-blue{background:var(--primary-dim);color:var(--primary)}.badge-gray{color:var(--text-2);background:#64748b1a}.form-container{max-width:100%;margin:0}.page-title{color:var(--text-1);letter-spacing:-.02em;margin-bottom:6px;font-size:25px;font-weight:700}.page-sub{color:var(--text-3);margin-bottom:24px;font-size:15px}.pipeline-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:0;margin-bottom:20px;display:flex;overflow:hidden}.pipeline-step{border-right:1px solid var(--border);color:var(--text-3);flex:1;align-items:flex-start;gap:8px;padding:11px 10px;display:flex}.pipeline-step:last-child{border-right:none}.pipeline-step-num{background:var(--border-2);width:20px;height:20px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:14px;font-weight:700;display:flex}.pipeline-step-label{line-height:1.35}.pipeline-step-name{color:var(--text-2);font-size:14px;font-weight:500}.pipeline-step-desc{color:var(--text-3);margin-top:1px;font-size:12px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.form-section{border-bottom:1px solid var(--border);padding:20px 24px}.form-section:last-child{border-bottom:none}.form-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin-bottom:14px;font-size:11px;font-weight:600}.tab-bar{background:var(--bg);border-radius:var(--radius-sm);gap:2px;width:fit-content;margin-bottom:16px;padding:4px;display:flex}.tab{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:7px 16px;font-size:14px;transition:all .12s}.tab.active{background:var(--surface-2);color:var(--text-1);font-weight:500}.tab:hover:not(.active){color:var(--text-2)}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:16px;display:grid}.demo-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:4px;padding:14px 16px;transition:all .12s;display:flex}.demo-card:hover{border-color:var(--border-2);background:var(--surface-2)}.demo-card.selected{border-color:var(--primary);background:#26c7c314}.demo-card-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.demo-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:32px;height:32px;color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-card.selected .demo-icon{background:var(--gradient);color:#fff}.demo-card-id{color:var(--text-1);font-size:14px;font-weight:600}.demo-card-type{color:var(--text-3);margin-top:1px;font-size:14px}.snapshot-grid{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.snapshot-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.snapshot-item:nth-child(2n){border-right:none}.snapshot-item:nth-last-child(-n+2){border-bottom:none}.snapshot-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:14px}.snapshot-value{color:var(--text-1);font-size:14px;font-weight:500}.json-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-1);resize:vertical;outline:none;padding:14px;font-family:Menlo,Fira Code,monospace;font-size:14px;line-height:1.6}.json-input:focus{border-color:var(--primary)}.json-input.error{border-color:var(--red)}.field-error{color:var(--red);margin-top:6px;font-size:14px}.alert-error{background:var(--red-dim);border-radius:var(--radius-sm);color:#fca5a5;border:1px solid #ef444433;margin-top:12px;padding:12px 16px;font-size:14px}.processing-container{flex-direction:column;gap:16px;max-width:100%;margin:0;padding-bottom:48px;display:flex}.processing-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:20px 24px;display:flex}.spinner{border:2px solid var(--border-2);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:.8s linear infinite spin}.processing-title{color:var(--text-1);margin-bottom:3px;font-size:16px;font-weight:600}.processing-merchant{color:var(--primary);margin-bottom:2px;font-size:14px;font-weight:500}.processing-current{color:var(--text-3);font-size:14px}.live-transcript-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:0 2px;font-size:14px;font-weight:600}.debate-list{flex-direction:column;gap:8px;display:flex}.report-container{max-width:100%;margin:0}.decision-row{border-radius:var(--radius-md);border:1px solid;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.decision-row.green{background:var(--green-dim);border-color:#22c55e33}.decision-row.red{background:var(--red-dim);border-color:#ef444433}.decision-row.amber{background:var(--amber-dim);border-color:#f59e0b33}.decision-icon{flex-shrink:0}.decision-icon.green{color:var(--green)}.decision-icon.red{color:var(--red)}.decision-icon.amber{color:var(--amber)}.decision-main{flex:1;min-width:0}.decision-label{color:var(--text-1);font-size:16px;font-weight:600}.decision-sub{color:var(--text-2);margin-top:2px;font-size:14px}.decision-amount{letter-spacing:-.02em;color:var(--text-1);font-size:22px;font-weight:700}.decision-meta{color:var(--text-3);text-align:right;font-size:14px;line-height:1.5}.mock-badge{color:var(--amber)}.report-grid{grid-template-columns:400px 1fr;align-items:start;gap:24px;display:grid}.scores-column{flex-direction:column;gap:12px;display:flex}.score-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px}.score-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.score-card-title{color:var(--text-2);align-items:center;gap:7px;font-size:15px;font-weight:500;display:flex}.score-num{letter-spacing:-.02em;color:var(--text-1);font-size:32px;font-weight:700}.score-num span{color:var(--text-3);font-size:16px;font-weight:400}.score-bar-track{background:var(--border-2);border-radius:2px;height:3px;margin-bottom:12px;overflow:hidden}.score-bar-fill{border-radius:2px;height:100%;transition:width .5s}.score-rows{flex-direction:column;display:flex}.score-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.score-row:last-child{border-bottom:none}.score-row-label{color:var(--text-3)}.score-row-value{color:var(--text-1);font-weight:500}.flag-list{flex-direction:column;gap:4px;margin-top:10px;display:flex}.flag-item{color:var(--amber);background:var(--amber-dim);border-radius:var(--radius-sm);align-items:flex-start;gap:6px;padding:6px 10px;font-size:14px;line-height:1.4;display:flex}.flag-item svg{flex-shrink:0;margin-top:2px}.terms-list{flex-direction:column;display:flex}.term-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;font-size:14px;display:flex}.term-row:last-child{border-bottom:none}.term-label{color:var(--text-3)}.term-value{color:var(--text-1);text-align:right;font-weight:500}.conditions-list{flex-direction:column;gap:5px;margin-top:10px;display:flex}.condition-item{color:var(--green);align-items:flex-start;gap:6px;padding:4px 0;font-size:14px;display:flex}.comparison-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;padding:18px 20px}.comparison-strip-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.comparison-strip-title{color:var(--text-2);font-size:14px;font-weight:600}.comparison-strip-sub{color:var(--text-3);font-size:14px}.comparison-grid{grid-template-columns:1fr 56px 1fr;align-items:center;gap:0;display:grid}.comp-card{border-radius:var(--radius-sm);border:1px solid;padding:14px 16px}.comp-card.baseline{background:var(--red-dim);border-color:#ef444426}.comp-card.multi{background:var(--green-dim);border-color:#22c55e26}.comp-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px;font-size:14px;font-weight:600}.comp-decision{margin-bottom:4px;font-size:15px;font-weight:700}.comp-decision.green{color:var(--green)}.comp-decision.red{color:var(--red)}.comp-decision.amber{color:var(--amber)}.comp-amount{color:var(--text-2);margin-bottom:4px;font-size:14px}.comp-meta{color:var(--text-3);margin-bottom:8px;font-size:14px}.comp-note{color:var(--text-3);font-size:14px;line-height:1.5}.comp-vs{flex-direction:column;align-items:center;gap:6px;display:flex}.comp-vs-pill{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-3);border-radius:20px;padding:4px 10px;font-size:14px;font-weight:700}.comp-vs-sub{color:var(--text-3);text-align:center;font-size:14px;line-height:1.3}.debate-col-header{margin-bottom:14px}.debate-col-title{color:var(--text-1);margin-bottom:2px;font-size:16px;font-weight:600}.debate-col-sub{color:var(--text-3);font-size:14px}.round-divider{text-transform:uppercase;letter-spacing:.08em;color:var(--amber);align-items:center;gap:10px;margin:12px 0 8px;font-size:14px;font-weight:700;display:flex}.round-divider:before,.round-divider:after{content:"";background:#f59e0b33;flex:1;height:1px}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);border-left:3px solid;overflow:hidden}.agent-card-header{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.agent-card-header:hover{background:#ffffff04}.agent-card-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.agent-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:flex}.agent-icon-wrap{color:var(--text-3);flex-shrink:0}.agent-card-name{color:var(--text-1);align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.agent-card-role{color:var(--text-3);margin-top:2px;font-size:14px}.msg-type-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:14px;font-weight:600}.agent-card-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.confidence-tag{font-size:14px;font-weight:600}.rec-tag{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:14px;overflow:hidden}.chevron{color:var(--text-3);transition:transform .15s}.chevron.open{transform:rotate(180deg)}.agent-card-body{border-top:1px solid var(--border);padding:12px 14px 14px}.agent-card-message{color:var(--text-2);white-space:pre-wrap;font-size:14px;line-height:1.75}.agent-card-ts{color:var(--text-3);margin-top:8px;font-size:14px}.report-footer{border-top:1px solid var(--border);gap:10px;margin-top:24px;padding-top:20px;display:flex}@media (width<=900px){.report-grid,.demo-grid{grid-template-columns:1fr}.pipeline-row{flex-wrap:wrap}.comparison-grid{grid-template-columns:1fr}.comp-vs{display:none}}