:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07101d;--navy:#0a1628;--surface:#0d1e35;--surface-2:#112444;--surface-3:#162c52;--border:#ffffff0f;--border-strong:#ffffff1c;--border-hover:#ffffff2e;--text:#edf4ff;--text-muted:#6e97c4;--text-dim:#49688b;--green:#00e676;--amber:#ffab00;--red:#ff5c62;--blue:#4d8dff;--teal:#00b0ff;--purple:#ce93d8;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 20% 20%, #00b0ff0a, transparent 45%), radial-gradient(circle at 80% 80%, #00e67606, transparent 45%), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}#root{min-height:100vh}.dashboard-shell{flex-direction:column;min-height:100vh;display:flex}.top-bar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1628f7;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;padding:0 20px;display:grid;position:relative;box-shadow:0 10px 30px #0000001f}.logo-mark{background:var(--teal);color:#00111d;letter-spacing:-.04em;border-radius:7px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.top-bar__title{color:var(--text-muted);text-align:center;margin:0;font-size:13px;font-weight:700}.network-select{justify-self:end;align-items:center;gap:9px;display:flex}.network-select label{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:800}.network-select__control{border:1px solid var(--border-strong);background:var(--surface);border-radius:7px;align-items:center;width:190px;transition:background-color .12s,border-color .12s;display:flex;position:relative}.network-select__control:hover,.network-select__control:focus-within{border-color:var(--border-hover);background:var(--surface-2)}.network-select__dot{z-index:1;pointer-events:none;border-radius:50%;width:7px;height:7px;position:absolute;left:10px}.network-select select{appearance:none;width:100%;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;outline:0;padding:6px 28px 6px 25px;font-size:10px;font-weight:700}.network-select option{background:var(--surface);color:var(--text)}.network-select__chevron{width:12px;height:12px;color:var(--text-dim);pointer-events:none;position:absolute;right:9px}.network-select__chevron path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.api-status{border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-muted);padding:7px 20px;font-size:11px}.api-status--error{color:var(--red);background:#ff525214}.api-status--loading{color:var(--teal);background:#00b0ff12}.summary-strip{z-index:4;border-bottom:1px solid var(--border);background:var(--navy);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.summary-card{border-right:1px solid var(--border);align-items:center;gap:12px;min-width:0;padding:10px 18px;display:flex}.summary-card:last-child{border-right:0}.summary-card>div{flex:auto;min-width:0}.summary-card__icon{width:19px;height:19px;color:var(--text-muted);opacity:.85;flex:none}.summary-card__value{font-family:var(--mono);font-size:18px;line-height:1;display:block}.summary-card__value--error{color:var(--red)}.summary-card__label{color:var(--text-dim);margin-top:3px;font-size:10px}.summary-card__meta{align-items:baseline;gap:5px;min-width:0;margin-top:1px;display:flex}.summary-card__detail{min-width:0;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.summary-card__detail--positive{color:var(--green)}.summary-card__detail--error{color:var(--red)}.summary-card__timestamp{color:var(--text-dim);font-family:var(--mono);white-space:nowrap;flex:none;font-size:8px}.dashboard-layout{flex:auto;grid-template-columns:220px minmax(0,1fr) 380px;min-height:0;display:grid}.filter-sidebar{border-right:1px solid var(--border);background:var(--navy);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex-direction:column;gap:12px;min-height:0;padding:14px 12px 22px;display:flex;overflow-y:auto}.filter-heading{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px;font-size:9px;font-weight:800;display:block}.view-list,.filter-options{flex-direction:column;gap:4px;display:flex}.view-button,.filter-option{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;transition:background-color .12s,border-color .12s,color .12s}.view-button{border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 10px;display:flex}.view-button:hover,.filter-option:hover{border-color:var(--border);background:var(--surface)}.view-button--active,.filter-option--active{border-color:var(--border-strong);background:var(--surface-2)}.view-button__icon{width:19px;height:19px;color:var(--text-muted);flex:none}.view-button__label,.view-button__description{display:block}.view-button__label{color:var(--text-muted);font-size:12px;font-weight:700}.view-button--active .view-button__label{color:var(--text)}.view-button__description{color:var(--text-dim);margin-top:1px;font-size:9px}.filter-section{border-top:1px solid var(--border);padding-top:12px}.search-control{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;align-items:center;gap:7px;padding:7px 9px;display:flex}.search-control:focus-within{border-color:#00b0ff6b}.search-control__icon{width:15px;height:15px;color:var(--text-dim);flex:none}.search-control input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:11px}.search-control input::placeholder{color:var(--text-dim)}.filter-option{min-height:29px;color:var(--text-dim);border-radius:7px;align-items:center;gap:7px;padding:5px 9px;font-size:10px;display:flex}.filter-option--active{color:var(--text)}.filter-option__dot{border-radius:50%;flex:none;width:6px;height:6px}.filter-option__dot--all{background:var(--text)}.filter-option__dot--action{background:var(--teal);opacity:.65}.filter-option code{font-family:var(--mono);text-overflow:ellipsis;font-size:9px;overflow:hidden}.filter-option__count{color:var(--text-dim);font-family:var(--mono);margin-left:auto;font-size:9px}.filter-option--active .filter-option__count{color:var(--green)}.data-panel{background:#07101d66;flex-direction:column;min-width:0;min-height:0;display:flex}.data-panel__header{border-bottom:1px solid var(--border);background:var(--navy);flex:none;justify-content:space-between;align-items:center;min-height:45px;padding:8px 16px 8px 18px;display:flex}.data-panel__header>div{align-items:baseline;gap:10px;display:flex}.data-panel__header h2{margin:0;font-size:12px;font-weight:750}.data-panel__header span{color:var(--text-dim);font-family:var(--mono);font-size:10px}.quiet-button{border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.quiet-button:hover{border-color:var(--border-hover);background:var(--surface-2);color:var(--text)}.quiet-button svg{width:12px;height:12px}.data-panel__body{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex:auto;min-height:0;overflow:auto}.table-scroll{min-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-dim);text-align:left;white-space:nowrap;padding:0;position:sticky;top:0}th:not(:has(.sort-button)){letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;font-size:8px;font-weight:800}.sort-button{width:100%;color:inherit;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:8px 14px;font-size:8px;font-weight:800;display:inline-flex}.sort-button:hover{color:var(--text-muted)}.sort-indicator{color:var(--text-dim);opacity:.38;font-size:10px}.sort-indicator--active{color:var(--teal);opacity:1}td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:9px 14px}tbody tr{transition:background-color .12s}tbody tr:hover{background:var(--surface)}tbody tr.selected-row{background:var(--surface-2);box-shadow:inset 2px 0 var(--teal)}.selectable-row{cursor:pointer}.selectable-row:focus-visible{z-index:1;outline:2px solid var(--teal);outline-offset:-2px;position:relative}tbody tr.error-row{background:#ff525214}tbody tr.error-row:hover,tbody tr.error-row.selected-row{background:#ff525221}.strong-cell{font-weight:650}.mono-cell{font-family:var(--mono);font-size:9px}.muted-cell{color:var(--text-dim)}.secondary-cell{max-width:190px;color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.accent-cell{color:var(--teal)}.pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-family:var(--mono);white-space:nowrap;border-radius:4px;align-items:center;padding:2px 6px;font-size:8px;font-weight:750;line-height:1.25;display:inline-flex}.pill--green{color:var(--green);background:#00e67614;border-color:#00e67633}.pill--amber{color:var(--amber);background:#ffab0014;border-color:#ffab0038}.pill--red{color:var(--red);background:#ff52521a;border-color:#ff525242}.pill--blue{color:var(--blue);background:#2979ff17;border-color:#2979ff3d}.pill--teal{color:var(--teal);background:#00b0ff17;border-color:#00b0ff3d}.pill__count{opacity:.68;margin-left:3px}.action-label{align-items:center;gap:4px;display:inline-flex}.action-badge{font-family:var(--mono);white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:9px;line-height:1.35;display:inline-block}.action-badge--select{color:var(--purple);background:#ce93d817}.action-badge--init,.action-badge--confirm{color:var(--green);background:#00e67614}.action-badge--status{color:var(--blue);background:#2979ff1a}.action-badge--reconcile{color:var(--amber);background:#ffab001a}.action-badge--catalogue{background:var(--surface-2);color:var(--text-dim)}.action-badge--error{color:var(--red);background:#ff52521c}.action-suffix{color:var(--text-dim);font-family:var(--mono);font-size:8px}.empty-results{min-height:140px;color:var(--text-dim);place-items:center;font-size:11px;display:grid}.transaction-list,.catalog-list{min-width:620px}.transaction-sort,.catalog-sort{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:5px;padding:7px 16px;display:flex;position:sticky;top:0}.transaction-sort>span,.catalog-sort>span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-right:3px;font-size:8px;font-weight:800}.transaction-sort button,.catalog-sort button{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;padding:3px 7px;font-size:9px}.transaction-sort button:hover,.transaction-sort button.transaction-sort__active,.catalog-sort button:hover,.catalog-sort button.catalog-sort__active{color:var(--teal);background:#00b0ff14;border-color:#00b0ff40}.transaction{border-bottom:1px solid var(--border)}.transaction__header{background:var(--surface);cursor:pointer;text-align:left;border:0;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 16px;display:flex}.transaction__header:hover,.transaction__header--expanded{background:var(--surface-2)}.transaction__id{color:var(--teal);font-family:var(--mono);flex:none;font-size:10px;font-weight:650}.transaction__route{min-width:0;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:10px;overflow:hidden}.transaction__count{color:var(--text-dim);font-family:var(--mono);font-size:9px}.transaction__chevron{width:13px;height:13px;color:var(--text-dim);transition:transform .15s}.transaction__chevron--open{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.transaction__chevron{transition:none}}.transaction__messages{background:#0000002e}.transaction-message{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff09;grid-template-columns:58px minmax(150px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 16px 8px 30px;display:grid}.transaction-message:hover,.transaction-message--selected{background:var(--surface-2);box-shadow:inset 2px 0 var(--teal)}.transaction-message--error{box-shadow:inset 2px 0 var(--red)}.transaction-message--error.transaction-message--selected{background:#ff52521a}.transaction-message__offset,.transaction-message__id{color:var(--text-dim);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.catalog-group{border-bottom:1px solid var(--border)}.catalog-group__header{background:var(--surface);cursor:pointer;text-align:left;border:0;grid-template-columns:minmax(0,1fr) auto auto 14px;align-items:center;gap:12px;width:100%;min-height:56px;padding:9px 16px;display:grid}.catalog-group__header:hover,.catalog-group__header--expanded{background:var(--surface-2)}.catalog-group__identity{min-width:0}.catalog-group__identity strong,.catalog-group__identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.catalog-group__identity strong{color:var(--text);font-size:11px;font-weight:700}.catalog-group__identity span{color:var(--text-dim);font-family:var(--mono);margin-top:4px;font-size:8px}.catalog-group__count{color:var(--text-dim);font-family:var(--mono);white-space:nowrap;font-size:9px}.catalog-group__chevron{width:13px;height:13px;color:var(--text-dim);transition:transform .15s}.catalog-group__chevron--open{transform:rotate(90deg)}.catalog-group__catalogs{background:#0000002e}.catalog-item{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff09;grid-template-columns:minmax(0,1fr) 76px 62px;align-items:center;gap:14px;width:100%;min-height:52px;padding:8px 30px;display:grid}.catalog-item:hover,.catalog-item--selected{background:var(--surface-2);box-shadow:inset 2px 0 var(--teal)}.catalog-item__identity{min-width:0}.catalog-item__identity strong,.catalog-item__identity code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.catalog-item__identity strong{color:var(--text-muted);font-size:10px;font-weight:650}.catalog-item__identity code{color:var(--text-dim);font-family:var(--mono);margin-top:4px;font-size:8px}.catalog-item__metric{color:var(--text-dim);font-family:var(--mono);text-align:right;font-size:8px}.catalog-item__metric strong{color:var(--teal);margin-bottom:2px;font-size:10px;display:block}.inspector{border-left:1px solid var(--border);background:var(--navy);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.inspector__header{border-bottom:1px solid var(--border);flex:none;min-height:76px;padding:11px 16px 9px}.inspector__header h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:11px;font-weight:750;overflow:hidden}.inspector__header>code{color:var(--text-dim);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.inspector-tabs{gap:4px;margin-top:8px;display:flex}.inspector-tabs button{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;padding:3px 8px;font-size:9px;font-weight:700}.inspector-tabs button:hover,.inspector-tabs button.inspector-tab--active{color:var(--teal);background:#00b0ff14;border-color:#00b0ff38}.inspector__body{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.inspector-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100%;padding:40px 24px;display:flex}.inspector-empty svg{width:28px;height:28px;color:var(--text-dim);opacity:.25}.inspector-empty p{max-width:220px;color:var(--text-dim);margin:0;font-size:11px;line-height:1.65}.context-list{flex-direction:column;gap:5px;margin:0;padding:12px 16px;display:flex}.context-row{border:1px solid var(--border);background:var(--bg);font-family:var(--mono);border-radius:6px;grid-template-columns:104px minmax(0,1fr);gap:9px;padding:7px 9px;font-size:9px;display:grid}.context-row dt{color:var(--text-muted)}.context-row dd{overflow-wrap:anywhere;min-width:0;color:var(--text);margin:0}.context-row__value--ok{color:var(--green)!important}.context-row__value--error{color:var(--red)!important}.error-detail{background:#ff525217;border:1px solid #ff525240;border-radius:9px;flex-direction:column;gap:7px;margin:12px 12px 0;padding:13px;display:flex}.error-detail strong{color:var(--red);font-family:var(--mono);font-size:12px}.error-detail p{margin:0;font-size:11px;line-height:1.5}.error-detail code{color:var(--amber);font-family:var(--mono);font-size:9px}.error-detail span{color:var(--text-muted);font-size:10px;line-height:1.55}.json-sections{flex-direction:column;display:flex}.json-sections section+section{border-top:1px solid var(--border)}.json-sections h3{z-index:1;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:8px 16px;font-size:9px;position:sticky;top:0}.json-view{color:#a5d6a7;font-family:var(--mono);overflow-wrap:normal;tab-size:2;margin:0;padding:14px 16px;font-size:9px;line-height:1.8}.json-view code{font:inherit}.json-status{color:var(--text-muted);margin:0;padding:14px 16px;font-size:11px;line-height:1.6}.json-status--error{color:var(--red)}.toast{z-index:20;border:1px solid var(--border-strong);background:var(--surface-2);max-width:calc(100vw - 32px);color:var(--text);opacity:0;pointer-events:none;border-radius:8px;padding:8px 14px;font-size:11px;transition:transform .18s,opacity .18s;position:fixed;bottom:18px;left:50%;transform:translate(-50%,70px);box-shadow:0 12px 30px #00000059}.toast--visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast,.catalog-group__chevron{transition:none}}@media (width>=1101px){body{overflow:hidden}.dashboard-shell{height:100vh}}@media (width<=1240px){.dashboard-layout{grid-template-columns:205px minmax(0,1fr) 330px}.summary-card{padding-inline:13px}.context-row{grid-template-columns:88px minmax(0,1fr)}}@media (width<=1100px){.dashboard-layout{grid-template-rows:minmax(560px,1fr) 340px;grid-template-columns:205px minmax(0,1fr)}.filter-sidebar,.data-panel{grid-row:1}.inspector{border-top:1px solid var(--border);border-left:0;grid-area:2/1/auto/-1}.inspector__body{background:#07101d33}.context-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=760px){.top-bar{padding-inline:12px}.network-select{gap:6px}.network-select__control{width:170px}.summary-strip{grid-template-columns:repeat(5,minmax(145px,1fr));overflow-x:auto}.dashboard-layout{display:block}.filter-sidebar{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.filter-sidebar>section:first-child{grid-column:1/-1}.view-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.view-button{align-items:flex-start;padding:8px}.view-button__description{display:none}.data-panel{min-height:540px}.inspector{border-top:1px solid var(--border);border-left:0;min-height:360px}.context-list{display:flex}}@media (width<=520px){.top-bar{grid-template-columns:auto 1fr;gap:12px}.top-bar__title{display:none}.network-select{width:100%}.network-select label{margin-left:auto}.network-select__control{width:min(170px,100%)}.filter-sidebar{grid-template-columns:1fr}.filter-sidebar>section:first-child{grid-column:auto}.view-list{grid-template-columns:repeat(2,minmax(0,1fr))}.data-panel__header{align-items:flex-start}.data-panel__header>div{flex-direction:column;align-items:flex-start;gap:3px}}