:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171a1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#171a1f;--muted:#687076;--panel:#fff;--line:#d9d6cc;--line-strong:#c4beb0;--green:#0d8b67;--green-dark:#09664d;--amber:#b87312;--red:#b54848;--charcoal:#23272d;--teal-soft:#dff4ec;--amber-soft:#fff1d6;--blue-soft:#e1eff8;--radius:8px;background:#f4f2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffffc2,#f4f2edf0),repeating-linear-gradient(90deg,#171a1f09 0 1px,#0000 1px 96px);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9f7f1f0;border-bottom:1px solid #171a1f1f;align-items:center;gap:20px;min-height:72px;padding:12px clamp(16px,3vw,34px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.brand-mark{color:#fff;background:#171a1f;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 -10px 18px #0d8b6759}.brand strong,.brand small{display:block}.brand strong{font-size:.98rem;line-height:1.1}.brand small{color:var(--muted);margin-top:3px;font-size:.76rem}nav{flex:1;align-items:center;gap:6px;display:flex}.nav-button,.topbar-cta,.icon-button,.primary-action,.secondary-action{border:1px solid #0000;border-radius:8px;min-height:40px;transition:background .15s,border-color .15s,transform .15s,color .15s}.nav-button{color:#3e444c;background:0 0;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.nav-button:hover,.nav-button[data-active=true]{color:var(--ink);border-color:var(--line);background:#fff}.topbar-cta{color:#fff;background:var(--green-dark);white-space:nowrap;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.topbar-cta:hover,.primary-action:hover{transform:translateY(-1px)}.content{flex:1;width:min(1440px,100%);margin:0 auto;padding:clamp(18px,3vw,34px)}.status-strip{color:#fff;background:linear-gradient(135deg,#23272df5,#161f1ef5),radial-gradient(circle at 30% 20%,#0d8b6747,#0000 32%);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);align-items:end;gap:clamp(18px,3vw,30px);margin-bottom:18px;padding:clamp(20px,4vw,34px);display:grid;overflow:hidden}.status-strip h1{letter-spacing:0;max-width:760px;margin:8px 0 10px;font-size:4.2rem;line-height:.95}.status-strip h1 span{display:block}.status-strip p{color:#ffffffc7;max-width:760px;margin:0;font-size:1.08rem;line-height:1.6}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:800}.status-strip .eyebrow{color:#6ee0b1}.strip-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-card{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;align-items:flex-start;gap:11px;min-height:104px;padding:14px;display:flex}.metric-card svg{color:var(--green);flex:none}.status-strip .metric-card svg{color:#6ee0b1}.metric-card span,.metric-card small{color:var(--muted);font-size:.78rem;display:block}.status-strip .metric-card span,.status-strip .metric-card small{color:#ffffffa8}.metric-card strong{margin:4px 0 3px;font-size:1.24rem;display:block}.trade-grid{grid-template-columns:minmax(300px,.86fr) minmax(420px,1.5fr) minmax(280px,.75fr);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 22px 55px #171a1f14}.ticket-panel,.quote-panel,.execution-panel,.protocol-panel,.makers-panel,.report-tab{padding:clamp(18px,2vw,24px)}.panel-heading{margin-bottom:20px}.panel-heading.compact{margin-bottom:16px}.panel-heading h2,.quote-header h2{letter-spacing:0;margin:5px 0 0;font-size:1.84rem;line-height:1.12}.panel-heading p{max-width:850px;color:var(--muted);margin:10px 0 0;line-height:1.65}.field{gap:7px;margin-bottom:14px;display:grid}.field>span:first-child{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.field input,.field select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fbfaf7;border-radius:8px}.field input{padding:8px 12px;font-size:1.35rem;font-weight:750}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;padding:8px 38px 8px 12px}.select-wrap svg{pointer-events:none;color:var(--muted);position:absolute;top:50%;right:13px;transform:translateY(-50%)}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.swap-summary{color:var(--muted);grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:8px;margin:4px 0 16px;display:grid}.asset-badge{border:1px solid var(--line);border-radius:8px;gap:3px;min-width:0;padding:11px;display:grid}.asset-badge span{font-weight:850}.asset-badge small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.asset-eth,.asset-btc{background:var(--blue-soft)}.asset-sol,.asset-op{background:var(--teal-soft)}.asset-arb,.asset-usdc,.asset-usdt{background:var(--amber-soft)}.terms-grid{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.terms-grid div{border:1px solid var(--line);background:#fbfaf7;border-radius:8px;min-height:74px;padding:12px}.terms-grid span,.receipt-card span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:700;display:block}.terms-grid strong,.receipt-card strong{margin-top:6px;line-height:1.18;display:block}.primary-action,.secondary-action{justify-content:center;align-items:center;gap:9px;width:100%;padding:11px 14px;font-weight:800;display:inline-flex}.primary-action{color:#fff;background:var(--green-dark);border-color:var(--green-dark)}.primary-action.slim{width:auto}.secondary-action{color:var(--ink);border-color:var(--line-strong);background:#fff}.fine-print{color:var(--muted);margin:12px 0 0;font-size:.82rem;line-height:1.55}.quote-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.icon-button{width:40px;min-width:40px;color:var(--ink);border-color:var(--line);background:#fff;place-items:center;display:grid}.icon-button:disabled{opacity:.6;cursor:wait}.price-source{color:#3b424a;border:1px solid var(--line);background:#fbfaf7;border-radius:8px;align-items:center;gap:8px;min-height:34px;margin-bottom:12px;padding:7px 10px;font-size:.84rem;display:flex}.dot{background:var(--green);border-radius:50%;width:8px;height:8px}.dot.warning{background:var(--amber)}.quote-table{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.quote-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:68px;color:var(--ink);text-align:left;background:#fff;grid-template-columns:minmax(170px,1.1fr) minmax(150px,1fr) minmax(76px,.58fr) minmax(82px,.55fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.quote-row:last-child{border-bottom:0}.quote-head{color:#5e666f;letter-spacing:.08em;text-transform:uppercase;background:#f5f3ee;min-height:42px;font-size:.74rem;font-weight:800}.quote-row:not(.quote-head,.public-row):hover,.quote-row[data-selected=true]{background:#f1fbf6}.quote-row[data-selected=true]{box-shadow:inset 4px 0 0 var(--green)}.maker-name strong{align-items:center;gap:6px;display:flex}.quote-row small,.maker-name small{color:var(--muted);margin-top:3px;font-size:.74rem;display:block}.positive{color:var(--green-dark);font-weight:850}.negative{color:var(--red);font-weight:850}.public-row{min-height:48px;color:var(--muted);background:#fbfaf7;font-size:.9rem}.quote-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.quote-actions .secondary-action{width:auto}.execution-panel{position:sticky;top:90px}.receipt-card{gap:10px;display:grid}.receipt-card div{border:1px solid var(--line);background:#fbfaf7;border-radius:8px;padding:13px}.audit-list{gap:10px;margin-top:16px;display:grid}.audit-list div,.callout{color:#3b424a;align-items:flex-start;gap:9px;line-height:1.45;display:flex}.audit-list svg,.callout svg{color:var(--green);flex:none;margin-top:2px}.timeline{gap:12px;display:grid}.timeline-step{border:1px solid var(--line);background:#fbfaf7;border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:15px;display:grid}.timeline-step>span{color:#fff;background:var(--charcoal);border-radius:8px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.timeline-step strong{margin-bottom:4px;display:block}.timeline-step p,.three-columns p,.maker-card p{color:var(--muted);margin:0;line-height:1.55}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.three-columns div{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:150px;padding:18px}.three-columns h3{margin:0 0 8px}.maker-grid{grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;display:grid}.maker-card{border:1px solid var(--line);background:#fbfaf7;border-radius:8px;gap:16px;min-height:210px;padding:16px;display:grid}.maker-card strong,.maker-card span{display:block}.maker-card span{color:var(--muted);margin-top:5px;line-height:1.45}.maker-card dl{gap:8px;margin:0;display:grid}.maker-card div:has(dt){justify-content:space-between;gap:10px;display:flex}.maker-card dt{color:var(--muted);font-size:.78rem}.maker-card dd{margin:0;font-weight:800}.callout{background:var(--teal-soft);border:1px solid #b8dccf;border-radius:8px;margin-top:16px;padding:14px}.callout p{margin:0}.report-document{gap:16px;display:grid}.report-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.report-download{flex:none;width:auto}.report-banner,.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.report-banner div{border:1px solid var(--line);background:#fbfaf7;border-radius:8px;min-height:92px;padding:15px}.report-banner span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.report-banner strong{overflow-wrap:anywhere;margin-top:8px;font-size:1.1rem;display:block}.report-kpis .metric-card{color:var(--ink);background:#fff}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.detail-grid div{border:1px solid var(--line);background:#fbfaf7;border-radius:8px;min-height:94px;padding:15px}.detail-grid span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.detail-grid strong{overflow-wrap:anywhere;margin-top:8px;display:block}.evidence-list{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:16px;display:grid}.evidence-list h3{margin:0 0 2px}.evidence-list div{color:#3b424a;align-items:flex-start;gap:9px;line-height:1.45;display:flex}.evidence-list svg{color:var(--green);flex:none;margin-top:2px}.empty-state{min-height:240px;color:var(--muted);border:1px dashed var(--line-strong);text-align:center;border-radius:8px;place-items:center;display:grid}.footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:18px clamp(16px,3vw,34px);font-size:.82rem;display:flex}@media (width<=1180px){.trade-grid{grid-template-columns:1fr 1.35fr}.execution-panel{grid-column:1/-1;position:static}.receipt-card{grid-template-columns:repeat(3,minmax(0,1fr))}.maker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.topbar{flex-direction:column;align-items:stretch;gap:12px}.brand{min-width:0}nav{width:100%;padding-bottom:2px;overflow-x:auto}.topbar-cta{width:100%}.status-strip h1{font-size:3rem;line-height:1.02}.panel-heading h2,.quote-header h2{font-size:1.55rem}.status-strip,.strip-metrics,.trade-grid,.field-row,.three-columns,.report-banner,.report-kpis,.detail-grid{grid-template-columns:1fr}.report-heading{flex-direction:column}.report-download{width:100%}.quote-row{grid-template-columns:1fr;gap:7px}.quote-head{display:none}.quote-actions,.footer{flex-direction:column}.quote-actions .secondary-action,.primary-action.slim{width:100%}.receipt-card{grid-template-columns:1fr}}@media (width<=560px){.content{padding:12px}.status-strip{padding:20px}.status-strip h1{font-size:1.92rem;line-height:1.08}nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.nav-button{justify-content:center;min-width:0}.terms-grid,.maker-grid{grid-template-columns:1fr}.status-strip p{font-size:1rem}}