:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f4ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#090b0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#1c2422eb,#090b0cfa 380px),#090b0c;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}code,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0cd1;border-bottom:1px solid #8c99912e;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px clamp(16px,4vw,34px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#80e7b9;background:#101716;border:1px solid #80e7b970;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand h1,.brand p,.auth-panel h2,.auth-panel p,.table-toolbar h2,.table-toolbar p{margin:0}.brand h1{font-size:17px;line-height:1.15}.brand p{color:#9aa6a0;margin-top:3px;font-size:13px}.dashboard{gap:18px;width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:22px clamp(14px,3vw,30px) 34px;display:grid}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.volume-panel{background:#0d0f10e0;border:1px solid #8c999133;border-radius:8px;min-width:0;padding:16px;overflow:hidden;box-shadow:0 20px 80px #0000002e}.volume-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.volume-header strong{color:#f2f4ef;margin-top:7px;font-size:28px;line-height:1;display:block}.section-kicker{color:#9aa6a0;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.section-kicker svg{color:#80e7b9}.volume-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.volume-controls select{color:#d7ded8;min-height:32px;font:inherit;background:#111616;border:1px solid #8c99912e;border-radius:8px;font-size:12px;font-weight:800}.segmented-control{background:#ffffff09;border:1px solid #8c99912e;border-radius:8px;gap:3px;padding:3px;display:inline-flex}.segmented-control button{color:#9aa6a0;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:26px;padding:0 9px;font-size:11px;font-weight:900}.segmented-control button.active{color:#9ff3ca;background:#80e7b921}.volume-chart-wrap{background:#090b0c6b;border:1px solid #8c99911f;border-radius:8px;min-width:0;overflow:hidden}.volume-chart-wrap svg{width:100%;height:238px;display:block}.volume-axis{stroke:#8c999133}.volume-grid{stroke:#8c999114}.volume-y-label,.volume-x-label{fill:#7f8b85;font-size:10px;font-weight:800}.volume-bucket{outline:none}.volume-hit-area{fill:#0000;cursor:crosshair}.volume-bar{fill:#80e7b9;opacity:.82;pointer-events:none}.volume-bucket:hover .volume-bar,.volume-bucket:focus .volume-bar{opacity:1}.volume-tooltip{opacity:0;pointer-events:none;transition:opacity 80ms ease-out}.volume-bucket:hover .volume-tooltip,.volume-bucket:focus .volume-tooltip{opacity:1}.volume-tooltip rect{fill:#f2f4ef;stroke:#070a0a33}.volume-tooltip-value{fill:#0d0f10;font-size:13px;font-weight:900}.volume-tooltip-meta{fill:#57615b;font-size:10px;font-weight:800}.volume-empty{color:#77817b;border:1px dashed #8c999129;border-radius:8px;place-items:center;min-height:238px;font-size:13px;display:grid}.metric{background:#131616d1;border:1px solid #8c99912e;border-radius:8px;align-items:center;gap:14px;min-height:82px;padding:16px;display:flex}.metric-icon{color:#80e7b9;background:#80e7b91a;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.metric span{color:#9aa6a0;font-size:12px;display:block}.metric strong{margin-top:4px;font-size:24px;line-height:1;display:block}.metric em{color:#77817b;margin-top:5px;font-size:11px;font-style:normal;display:block}.metric.warning .metric-icon{color:#f6c86b;background:#f6c86b1c}.metric.danger .metric-icon{color:#ff7a7a;background:#ff7a7a1f}.metric.success .metric-icon{color:#80e7b9;background:#80e7b921}.orders-surface,.auth-panel{background:#0d0f10e0;border:1px solid #8c999133;border-radius:8px;min-width:0;box-shadow:0 20px 80px #00000038}.orders-surface{overflow:hidden}.system-toast{color:#ffb6b6;background:#46181aeb;border:1px solid #ff7a7a5c;border-radius:8px;justify-self:end;align-items:flex-start;gap:10px;width:max-content;max-width:min(460px,100%);padding:12px 14px;display:flex;box-shadow:0 16px 48px #00000052}.system-toast svg{flex:none;margin-top:1px}.system-toast strong,.system-toast span{display:block}.system-toast strong{color:#ffe0e0;font-size:13px}.system-toast span{color:#ffb6b6;margin-top:2px;font-size:12px}.table-toolbar{border-bottom:1px solid #8c999124;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.table-toolbar-actions{align-items:center;gap:12px;min-width:0;display:flex}.table-controls{background:#ffffff05;border-bottom:1px solid #8c99911f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.table-toolbar h2{font-size:18px}.table-toolbar p{color:#9aa6a0;margin-top:4px;font-size:12px}.table-scroll{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.order-tabs,.filter-buttons{background:#ffffff09;border:1px solid #8c99912e;border-radius:8px;flex:none;gap:3px;padding:3px;display:inline-flex}.order-tabs button,.filter-buttons button{color:#9aa6a0;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;min-height:30px;padding:0 11px;font-size:12px;font-weight:800}.order-tabs button:hover,.filter-buttons button:hover{color:#d5ede1}.order-tabs button.active,.filter-buttons button.active{color:#9ff3ca;background:#80e7b921}.order-search{color:#7f8b85;background:#090b0c7a;border:1px solid #8c99912e;border-radius:8px;grid-template-columns:auto minmax(220px,390px) auto auto;align-items:center;min-width:min(100%,430px);display:grid;overflow:hidden}.order-search.active{border-color:#80e7b952}.order-search svg{margin-left:10px}.order-search input{color:#f2f4ef;min-width:0;height:34px;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.order-search input::placeholder{color:#68746e}.order-search button{color:#9ff3ca;cursor:pointer;background:#80e7b917;border:0;border-left:1px solid #8c999124;height:34px;font-size:12px;font-weight:800}.order-search .search-clear{color:#9aa6a0;background:0 0;place-items:center;width:34px;display:grid}.order-search .search-clear svg{margin:0}.pagination-sentinel{color:#77817b;border-top:1px solid #8c99911a;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:12px;display:flex}.orders-table{border-collapse:collapse;table-layout:fixed;width:100%}.orders-table th{color:#9aa6a0;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding:11px 12px;font-size:11px;font-weight:700;overflow:hidden}.orders-table td{vertical-align:middle;border-top:1px solid #8c99911a;min-width:0;padding:13px 12px;overflow:hidden}.orders-table th:first-child,.orders-table td:first-child{width:4%;padding-left:6px;padding-right:6px}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:9%}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:6%}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:15%}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:7%}.orders-table th:nth-child(6),.orders-table td:nth-child(6),.orders-table th:nth-child(7),.orders-table td:nth-child(7){width:14%}.orders-table th:nth-child(8),.orders-table td:nth-child(8){width:11%}.orders-table th:nth-child(9),.orders-table td:nth-child(9){width:20%;padding-right:18px}.orders-table td>time{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.order-row{cursor:pointer;transition:background .16s,border-color .16s}.order-row:hover{background:#80e7b90b}.order-row.flash{animation:1s ease-out row-flash}@keyframes row-flash{0%{background:#80e7b933;box-shadow:inset 3px 0 #80e7b9e6}to{background:0 0;box-shadow:inset 3px 0 #80e7b900}}.expand-button,.icon-button{color:#d7ded8;cursor:pointer;background:#121616;border:1px solid #8c999133;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.expand-button:hover,.icon-button:hover{color:#80e7b9;border-color:#80e7b97a}.compact-id{color:#d5ede1;font-size:12px}.copy-id-button{color:#d5ede1;cursor:copy;background:0 0;border:0;align-items:center;gap:7px;width:max-content;max-width:100%;padding:0;display:inline-flex}.copy-id-button svg{color:#80e7b9;opacity:0;flex:none;transition:opacity .14s}.copy-id-button:hover svg,.copy-id-button:focus-visible svg,.copy-id-button.copied svg{opacity:1}.copy-id-button.copied svg{color:#9ff3ca}.route-cell{align-items:center;gap:7px;min-width:0;max-width:100%;display:flex}.route-arrow{color:#77817b;flex:none;font-size:12px}.route-cell .asset-label{flex:0 auto}.asset-label{gap:3px;min-width:0;display:grid}.asset-label span{color:#f2f4ef;font-size:13px;font-weight:700}.asset-label code{color:#9aa6a0;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.asset-label code.known-asset{color:#d5ede1;font-family:inherit;font-weight:800}.asset-label a,.explorer-link{color:inherit;text-decoration:none}.asset-label a:hover code,.explorer-link:hover code{color:#9ff3ca;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.kind-pill,.limit-state-pill,.status-pill,.stream-badge{color:#d7ded8;text-overflow:ellipsis;white-space:nowrap;background:#ffffff09;border:1px solid #8c99912e;border-radius:999px;align-items:center;gap:7px;max-width:100%;min-height:28px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.limit-state{gap:4px;min-width:0;display:grid}.limit-state em{color:#8b9791;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.limit-state-pill.neutral{color:#d7ded8;background:#ffffff09;border-color:#8c99912e}.limit-state-pill.success{color:#9ff3ca;background:#80e7b91a;border-color:#80e7b957}.limit-state-pill.warning{color:#f7d58c;background:#f6c86b1a;border-color:#f6c86b52}.limit-state-pill.danger{color:#faa;background:#ff7a7a1c;border-color:#ff7a7a59}.status-pill.success,.stream-badge.live{color:#9ff3ca;background:#80e7b91a;border-color:#80e7b957}.status-pill.danger,.stream-badge.error,.stream-badge.closed{color:#faa;background:#ff7a7a1c;border-color:#ff7a7a59}.status-pill.active,.stream-badge.connecting{color:#a8cbff;background:#7db4ff1c;border-color:#7db4ff59}.status-pill.waiting,.stream-badge.idle{color:#f7d58c;background:#f6c86b1a;border-color:#f6c86b52}.status-pill.neutral{color:#d7ded8;background:#ffffff09;border-color:#8c99912e}.quote-cell{color:#9aa6a0;gap:4px;min-width:0;font-size:12px;display:grid;overflow:hidden}.quote-cell span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.quote-cell code{color:#f2f4ef}.quote-cell.placeholder{color:#77817b;max-width:150px;font-style:normal}.usd-value{color:#9ff3ca;white-space:nowrap;margin-left:6px;font-size:11px;font-weight:800}.progress-cell{gap:5px;min-width:0;display:grid}.progress-cell>span{color:#d7ded8;font-size:12px;font-weight:700}.progress-cell em{color:#9aa6a0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-style:normal;overflow:hidden}.progress-bar{background:#232929;border-radius:999px;height:7px;overflow:hidden}.progress-bar span{border-radius:inherit;height:100%;display:block}.progress-bar.success span{background:#80e7b9}.progress-bar.warning span{background:#f6c86b}.progress-bar.danger span{background:#ff7a7a}.details-row td{background:#090b0c9e;padding:0;overflow:visible}.details-loading{color:#9aa6a0;justify-content:center;align-items:center;gap:9px;min-height:120px;font-size:13px;display:flex}.details-grid{grid-template-columns:1fr 1fr minmax(280px,.8fr);gap:14px;padding:18px;display:grid}.detail-block{background:#131616c2;border:1px solid #8c999129;border-radius:8px;min-width:0;padding:15px}.detail-block h3{color:#f2f4ef;text-transform:uppercase;margin:0 0 14px;font-size:13px}.detail-block h4{color:#d7ded8;text-transform:uppercase;margin:16px 0 10px;font-size:12px}.timeline-block{grid-column:span 2}.timeline-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.timeline-header h3{margin-bottom:5px}.timeline-header p{color:#8b9791;margin:0;font-size:12px}.timeline-list{gap:0;display:grid}.timeline-item{grid-template-columns:46px minmax(0,1fr);min-width:0;display:grid}.timeline-rail{justify-content:center;display:flex;position:relative}.timeline-rail:after{content:"";background:linear-gradient(#80e7b96b,#80e7b90f);width:1px;position:absolute;top:38px;bottom:-10px}.timeline-rail:before{z-index:1;content:"";border-top:5px solid #80e7b96b;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;bottom:2px}.timeline-item:last-child .timeline-rail:before,.timeline-item:last-child .timeline-rail:after{display:none}.timeline-dot{z-index:1;color:#9ff3ca;background:#101615;border:1px solid #80e7b947;border-radius:999px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.timeline-dot.root{background:#80e7b9;width:18px;height:18px;margin-top:8px;box-shadow:0 0 0 6px #80e7b917}.timeline-card{background:#090b0c70;border:1px solid #8c999124;border-radius:8px;gap:13px;min-width:0;margin-bottom:14px;padding:14px;display:grid}.timeline-card.root{background:#090b0c70;border-color:#8c999129}.timeline-card-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.timeline-card-header strong,.timeline-card-header span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.timeline-card-header strong{color:#f2f4ef;font-size:14px}.timeline-card-header span{color:#9aa6a0;font-size:12px}.timeline-route{color:#7f8b85;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.timeline-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.timeline-compare.single{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.timeline-amount-group{background:#0e1112a3;border:1px solid #8c99911f;border-radius:8px;align-content:start;gap:8px;min-width:0;padding:12px;display:grid}.timeline-amount-group h4{color:#d7ded8;letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px}.timeline-amount-group.muted{opacity:.72;border-style:dashed}.timeline-amount-row{grid-template-columns:64px minmax(0,auto) minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:10px;min-width:0;display:grid}.timeline-amount-row>span:first-child,.timeline-placeholder{color:#7f8b85;text-transform:uppercase;font-size:11px}.timeline-amount-row code{color:#f2f4ef;text-overflow:ellipsis;overflow:hidden}.timeline-amount-row .asset-label{align-items:baseline;gap:4px;display:inline-flex}.timeline-amount-row .asset-label span,.timeline-amount-row .asset-label code{font-size:11px}.timeline-amount-row .asset-label code{max-width:78px}.timeline-amount-row em{color:#68746e;font-size:11px;font-style:normal}.timeline-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:24px;display:flex}.timeline-card-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.delta-pill{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.delta-pill.positive{color:#9ff3ca;background:#80e7b921}.delta-pill.negative{color:#ffb0b0;background:#ff7a7a21}.delta-pill.neutral{color:#b8c2bc;background:#8c99911f}.timeline-guardrails{flex-wrap:wrap;gap:6px;display:flex}.timeline-guardrails span{color:#9aa6a0;border:1px solid #8c99911f;border-radius:999px;padding:4px 7px;font-size:11px}.timeline-guardrails code{color:#d5ede1}.timeline-actions{flex-wrap:wrap;justify-content:flex-start;gap:7px;width:100%;display:flex}.timeline-actions.empty{color:#68746e;font-size:12px}.timeline-funding-addresses{gap:7px;display:grid}.timeline-action{color:#9aa6a0;background:#ffffff08;border:1px solid #8c99911f;border-radius:8px;flex-wrap:wrap;justify-self:start;align-items:center;gap:9px;width:fit-content;max-width:100%;padding:9px;font-size:11px;display:inline-flex}.timeline-action-identifier,.timeline-action-endpoint{flex:0 auto;align-items:center;gap:5px;min-width:0;display:inline-flex}.timeline-action-identifier>span:first-child,.timeline-action-endpoint>span:first-child{color:#77817b;text-transform:uppercase;font-size:10px;font-weight:900}.timeline-action-flow{flex-wrap:wrap;flex:0 auto;align-items:center;gap:8px;min-width:0;display:inline-flex}.timeline-action-arrow{color:#77817b;stroke-width:2.4px;flex:none}.timeline-action-address-group{align-items:center;gap:4px;min-width:0;max-width:190px;display:inline-flex}.timeline-inline-value{color:#d5ede1;text-overflow:ellipsis;white-space:nowrap;background:#80e7b90f;border:1px solid #80e7b924;border-radius:999px;align-items:center;min-width:0;max-width:142px;padding:3px 7px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:11px;font-weight:800;line-height:1.35;text-decoration:none;display:inline-flex;overflow:hidden}.timeline-inline-value.missing{color:#77817b;background:#8c99910f;border-color:#8c99911f;font-family:inherit;font-weight:700}.timeline-references{flex-wrap:wrap;gap:7px;padding-top:1px;display:flex}.timeline-reference{color:#87938d;background:#80e7b90d;border:1px solid #8c99911a;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:4px 7px;font-size:11px;display:inline-flex}.timeline-reference .explorer-link,.timeline-reference code{color:#d5ede1}.timeline-empty{color:#7f8b85;border:1px dashed #8c99912e;border-radius:8px;margin-left:46px;padding:14px;font-size:13px}.metadata code,.metadata .explorer-link{color:#d5ede1}.metadata dl{gap:10px;margin:0;display:grid}.metadata dt{color:#9aa6a0;text-transform:uppercase;font-size:11px;font-weight:700}.metadata dd{min-width:0;margin:0}.metadata code,.metadata .explorer-link{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.metadata time{color:#d7ded8;font-size:12px}.metadata .status-pill{width:max-content}.empty,.empty-detail{color:#77817b;text-align:center}.empty-detail{padding:18px 0}.center-stage{place-items:center;min-height:calc(100vh - 76px);padding:28px;display:grid}.auth-panel{text-align:center;justify-items:center;gap:16px;width:min(440px,100%);padding:34px;display:grid}.auth-panel.wide{width:min(600px,100%)}.auth-icon,.loading-mark{color:#80e7b9;background:#80e7b91c;border-radius:12px;place-items:center;width:58px;height:58px;display:grid}.auth-icon.danger{color:#ff7a7a;background:#ff7a7a1f}.auth-icon.warning{color:#f6c86b;background:#f6c86b1f}.auth-panel h2{font-size:28px}.auth-panel p{color:#9aa6a0;overflow-wrap:anywhere;max-width:360px;font-size:14px}.primary-button,.secondary-button{color:#f2f4ef;cursor:pointer;background:#1b3f35;border:1px solid #80e7b96b;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-weight:800;display:inline-flex}.secondary-button{background:#171a1a;border-color:#8c999138}.primary-button:hover,.secondary-button:hover{filter:brightness(1.08)}.notice{color:#f2f4ef;background:#131616db;border:1px solid #8c99912e;border-radius:8px;padding:12px 14px}.notice.error{color:#ffb6b6;background:#ff7a7a1a;border-color:#ff7a7a5c}.missing-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.missing-list code{color:#f7d58c;background:#f6c86b17;border:1px solid #f6c86b42;border-radius:8px;padding:7px 9px}.user-menu{align-items:center;gap:10px;min-width:0;display:flex}.user-chip{color:#d7ded8;text-overflow:ellipsis;white-space:nowrap;background:#121616;border:1px solid #8c99912e;border-radius:8px;max-width:min(280px,28vw);padding:8px 10px;font-size:13px;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.metrics,.details-grid{grid-template-columns:1fr 1fr}.volume-header{flex-direction:column}.volume-controls{justify-content:flex-start}.timeline-block{grid-column:1/-1}}@media (width<=720px){.topbar,.user-menu{flex-direction:column;align-items:flex-start}.metrics,.details-grid,.timeline-compare,.timeline-compare.single{grid-template-columns:1fr}.timeline-item{grid-template-columns:34px minmax(0,1fr)}.user-chip{max-width:100%}.auth-panel{padding:26px 18px}}