:root{color:#111827;background:#eef1f5;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--line-tight: 1.1;--line-default: 1.45;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--color-bg: #eef1f5;--color-surface: #ffffff;--color-surface-raised: #f5f7fa;--color-surface-muted: #edf0f4;--color-ink: #111827;--color-muted: #4b5563;--color-subtle: #9ca3af;--color-line: #e3e7ee;--color-line-strong: #cbd2dc;--color-brand: #2563eb;--color-brand-strong: #1d4ed8;--color-brand-soft: #e8effc;--color-success: #15803d;--color-success-soft: #e7f5ec;--color-warning: #986a0e;--color-warning-soft: #fff5d8;--color-danger: #c24d3f;--color-danger-soft: #fff0ec;--color-info: #2563eb;--color-info-soft: #e8effc;--shadow-panel: 0 1px 2px rgba(16, 24, 40, .06);--shadow-toast: 0 14px 30px rgba(24, 32, 42, .16);--control-height-sm: 34px;--control-height-md: 42px;--control-height-lg: 48px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-family-sans);font-size:var(--text-md);line-height:var(--line-default)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.app-shell{display:flex;min-height:100vh;flex-direction:column}.topnav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-10)}.brand-mark{display:flex;align-items:center;gap:var(--space-3);color:var(--color-ink)}.brand-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius-md);background:var(--color-brand);color:#fff}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{font-size:var(--text-lg)}.brand-mark small{color:var(--color-muted);font-size:var(--text-xs)}.topnav-links{display:flex;align-items:center;gap:var(--space-6)}.topnav-link,.mobile-nav-link{color:var(--color-muted);text-decoration:none}.topnav-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600}.topnav-link:hover,.topnav-link.active{color:var(--color-ink)}.workspace{min-width:0;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-10) 0}.topbar h1{margin:var(--space-1) 0 0;font-size:var(--text-2xl);line-height:var(--line-tight)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.network-control{display:flex;align-items:center;gap:var(--space-2)}.network-control__select{min-height:var(--control-height-sm);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:600}.network-control__select:focus{border-color:var(--color-brand);outline:3px solid rgba(37,99,235,.15)}.network-control__warning{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-warning);font-size:var(--text-xs);font-weight:800}.route-surface{padding:var(--space-6) var(--space-10) var(--space-10)}.mobile-nav{display:none}.section-kicker,.ui-kicker{color:var(--color-brand);font-size:var(--text-xs);font-weight:800;letter-spacing:0;text-transform:uppercase}.ui-display-text{display:block;font-size:var(--text-2xl);line-height:var(--line-tight)}.ui-title-text{display:block;color:var(--color-ink);font-weight:800}.ui-muted-text,.ui-meta-text{color:var(--color-muted);font-size:var(--text-sm)}.ui-meta-text{display:block;font-size:var(--text-xs);font-weight:750}.ui-error-text{color:var(--color-danger);font-size:var(--text-sm);font-weight:700}.ui-link{color:var(--color-brand);font-weight:600;text-decoration:none}.ui-link:hover{text-decoration:underline}.ui-stack{display:grid}.ui-stack--xs{gap:var(--space-1)}.ui-stack--sm{gap:var(--space-2)}.ui-stack--md{gap:var(--space-4)}.ui-stack--lg{gap:var(--space-6)}.ui-stack--xl{gap:var(--space-8)}.ui-inline{display:flex;flex-wrap:wrap}.ui-inline--xs{gap:var(--space-1)}.ui-inline--sm{gap:var(--space-2)}.ui-inline--md{gap:var(--space-4)}.ui-inline--lg{gap:var(--space-6)}.ui-inline--xl{gap:var(--space-8)}.ui-inline--align-start{align-items:flex-start}.ui-inline--align-center{align-items:center}.ui-inline--align-end{align-items:flex-end}.ui-inline--justify-start{justify-content:flex-start}.ui-inline--justify-center{justify-content:center}.ui-inline--justify-end{justify-content:flex-end}.ui-inline--justify-between{justify-content:space-between}.ui-grid{display:grid;gap:var(--space-5)}.ui-grid--page{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr)}.ui-grid--metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.ui-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-list-item{display:grid;align-items:center;gap:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.ui-list-item--three{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto}.ui-panel{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel);padding:var(--space-6)}.ui-panel--subtle{background:var(--color-surface-raised);box-shadow:none}.ui-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.ui-panel__header h2{margin:0;font-size:var(--text-lg);line-height:var(--line-tight)}.ui-panel__header p{max-width:60ch;margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.ui-panel__actions{flex:0 0 auto}.ui-detail-list{display:grid;gap:var(--space-3);margin:0}.ui-detail-list__item{border-bottom:1px solid var(--color-line);padding-bottom:var(--space-3)}.ui-detail-list dt{color:var(--color-muted);font-size:var(--text-sm);font-weight:750}.ui-detail-list dd{margin:var(--space-1) 0 0;color:var(--color-ink);font-weight:800;overflow-wrap:anywhere}.contract-id-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.contract-id-row__value{display:block;overflow-wrap:anywhere;color:var(--color-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--text-sm)}.receive-address-block{display:grid;gap:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-4)}.receive-address-block code{overflow-wrap:anywhere;color:var(--color-ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--text-sm);font-weight:750}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-pill);font-weight:700;line-height:1;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button--sm{min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.ui-button--md{min-height:var(--control-height-md);padding:0 var(--space-4)}.ui-button--lg{min-height:var(--control-height-lg);padding:0 var(--space-5)}.ui-button--full{width:100%}.ui-button--primary{background:var(--color-brand);color:#fff}.ui-button--primary:hover:not(:disabled){background:var(--color-brand-strong)}.ui-button--secondary{border-color:var(--color-line);background:var(--color-surface);color:var(--color-ink)}.ui-button--secondary:hover:not(:disabled){border-color:var(--color-line-strong);background:var(--color-surface-muted)}.ui-button--ghost{background:transparent;color:var(--color-muted)}.ui-button--ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-ink)}.ui-button--danger{background:var(--color-danger);color:#fff}.ui-field{display:grid;gap:var(--space-2)}.ui-field__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-muted);font-size:var(--text-sm);font-weight:750}.ui-field__action{color:var(--color-brand);font-size:var(--text-xs)}.ui-input{width:100%;min-height:var(--control-height-lg);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);padding:0 var(--space-3)}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:var(--space-8)}.ui-input:focus{border-color:var(--color-brand);outline:3px solid rgba(15,143,132,.15)}.ui-field__message{color:var(--color-muted);font-size:var(--text-xs)}.ui-field__message--error{color:var(--color-danger)}.ui-status-badge{display:inline-flex;min-height:28px;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--tone-bg, var(--color-surface-muted));color:var(--tone-fg, var(--color-muted));padding:0 10px;font-size:var(--text-xs);font-weight:800;text-transform:capitalize}.ui-status-badge__dot{width:7px;height:7px;border-radius:var(--radius-pill);background:currentcolor}.tone-brand{--tone-bg: var(--color-brand-soft);--tone-fg: var(--color-brand);--tone-line: #b7ddd8}.tone-success{--tone-bg: var(--color-success-soft);--tone-fg: var(--color-success);--tone-line: #b8dec8}.tone-warning{--tone-bg: var(--color-warning-soft);--tone-fg: var(--color-warning);--tone-line: #eed999}.tone-danger{--tone-bg: var(--color-danger-soft);--tone-fg: var(--color-danger);--tone-line: #f0c5ba}.tone-info{--tone-bg: var(--color-info-soft);--tone-fg: var(--color-info);--tone-line: #c8d8f2}.tone-neutral{--tone-bg: var(--color-surface-muted);--tone-fg: var(--color-muted);--tone-line: var(--color-line)}.ui-segmented{display:inline-flex;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-raised);padding:var(--space-1)}.ui-segmented__option{border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600}.ui-segmented__option:hover:not(:disabled){color:var(--color-ink)}.ui-segmented__option.is-active{background:var(--color-brand);color:#fff}.ui-sidepanel{display:grid;align-content:start;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--color-brand-soft);padding:var(--space-6)}.ui-sidepanel__header{display:flex;align-items:center;gap:var(--space-3);color:var(--color-brand)}.ui-sidepanel__header h2{margin:0;color:var(--color-ink);font-size:var(--text-md);line-height:var(--line-tight)}.ui-sidepanel__body{display:grid;gap:var(--space-3)}.ui-balance{display:block;color:var(--color-ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--text-xl);font-weight:800}.payment-list{display:grid}.payment-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.payment-row+.payment-row{border-top:1px solid var(--color-line)}.payment-row__icon{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success)}.payment-row__body{display:grid;min-width:0;flex:1;gap:2px}.payment-row__amount{display:grid;gap:2px;justify-items:end;text-align:right}.payment-row__amount strong{color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:800}.payment-row__amount.is-muted strong{color:var(--color-muted)}.ui-empty-state{display:grid;gap:var(--space-2);justify-items:center;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-subtle);padding:var(--space-10) var(--space-5);text-align:center;font-size:var(--text-sm)}.ui-toast-stack{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:50;display:grid;width:min(360px,calc(100vw - 32px));gap:var(--space-3)}.ui-toast{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--space-3);border:1px solid var(--tone-line, var(--color-line));border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-toast);color:var(--tone-fg, var(--color-ink));padding:var(--space-4)}.ui-toast strong{display:block;color:var(--color-ink)}.ui-toast p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--text-sm)}@media (max-width: 920px){.app-shell{grid-template-columns:1fr;padding-bottom:72px}.topnav{padding:var(--space-4) var(--space-5)}.topnav-links{display:none}.topbar,.route-surface{padding:var(--space-5)}.ui-grid--page,.ui-grid--cards,.ui-grid--metrics{grid-template-columns:1fr}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-line);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav-link{display:grid;min-height:64px;place-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);font-size:11px;font-weight:750}.mobile-nav-link.active{color:var(--color-brand)}}@media (max-width: 640px){.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:var(--text-xl)}.topbar-actions{width:100%;justify-content:space-between}.ui-panel{padding:var(--space-4)}.ui-panel__header,.ui-inline--justify-between{align-items:flex-start;flex-direction:column}.ui-list-item--three{grid-template-columns:1fr}.contract-id-row{align-items:flex-start;flex-direction:column}.ui-toast-stack{right:var(--space-4);bottom:calc(72px + var(--space-4));left:var(--space-4);width:auto}}
