:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f7f9fb;--surface-dim:#d8dadc;--surface-bright:#f7f9fb;--surface-container-lowest:#fff;--surface-container-low:#f2f4f6;--surface-container:#eceef0;--surface-container-high:#e6e8ea;--surface-container-highest:#e0e3e5;--on-surface:#191c1e;--on-surface-variant:#464555;--outline:#777587;--outline-variant:#c7c4d8;--primary:#3525cd;--primary-container:#4f46e5;--on-primary:#fff;--secondary:#505f76;--error:#ba1a1a;--error-container:#ffdad6;--success:#047857;--success-container:#d1fae5;--warning:#a16207;--warning-container:#fef3c7;--radius:8px;--shadow-soft:0 4px 6px -1px #00000014, 0 2px 4px -2px #00000014}*{box-sizing:border-box}body{background:var(--surface);color:var(--on-surface);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:20px}button,input{font:inherit}button{cursor:pointer}svg{flex:none;width:18px;height:18px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:32px}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand-row{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;height:64px;padding:0 24px;display:flex}.brand-mark,.auth-mark{border-radius:var(--radius);background:var(--primary-container);color:var(--on-primary);place-items:center;display:grid}.brand-mark{width:32px;height:32px}.brand-name{font-size:14px;font-weight:700;line-height:18px}.brand-caption{color:#64748b;font-size:12px;line-height:16px}.nav-list{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-item{border-radius:var(--radius);color:#475569;text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-height:38px;padding:9px 12px;font-size:13px;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex}.nav-item:hover{color:#0f172a;background:#f1f5f9}.nav-item.active{color:var(--primary-container);background:#eef2ff;font-weight:600}.sidebar-footer{color:#64748b;border-top:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px;font-size:13px;display:flex}.sidebar-action{width:100%}.main-area{min-width:0}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:24px;min-height:88px;padding:18px 24px;display:flex}.title-block{flex-direction:column;gap:2px;min-width:0;display:flex}.title-block p:last-child,.auth-copy,.ui-card-description,.muted{color:#64748b;font-size:13px;line-height:18px}.eyebrow,.form-stack label span,.definition-grid span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.topbar-actions{align-items:center;gap:10px;display:flex}.environment-chip{border-radius:var(--radius);color:#334155;background:#fff;border:1px solid #e2e8f0;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.live-dot{background:#10b981;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #10b9811f}.account-chip{border-left:1px solid #e2e8f0;align-items:center;gap:10px;padding-left:12px;display:flex}.account-chip strong,.account-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:170px;display:block;overflow:hidden}.account-chip strong{font-size:13px;font-weight:600}.account-chip span{color:#64748b;font-size:12px}.page-content{width:min(100%,1440px);padding:24px}.screen-stack,.side-stack,.form-stack,.protocol-list{flex-direction:column;gap:16px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.workflow-overview{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:stretch;gap:16px;padding:16px;display:grid;box-shadow:0 1px 2px #0f172a08}.workflow-copy{flex-direction:column;justify-content:center;gap:6px;min-width:0;display:flex}.workflow-copy h2{color:#0f172a;letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:28px}.workflow-copy p{color:#64748b;font-size:13px;line-height:18px}.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.workflow-step{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;grid-template-columns:28px minmax(0,1fr);gap:10px;min-width:0;padding:12px;display:grid}.workflow-step span{border-radius:var(--radius);color:#475569;background:#e2e8f0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.workflow-step strong{color:#0f172a;font-size:13px;font-weight:600}.workflow-step p{color:#64748b;margin-top:2px;font-size:13px;line-height:18px}.workflow-active{background:#fffbeb;border-color:#fde68a}.workflow-active span{color:#92400e;background:#fef3c7}.workflow-complete{background:#f0fdf4;border-color:#bbf7d0}.workflow-complete span{color:#047857;background:#dcfce7}.dashboard-grid,.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);align-items:start;gap:16px;display:grid}.invoice-review-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);align-items:start;gap:16px;display:grid}.public-invoice-page{background:#f7f9fb;min-height:100vh;padding:24px}.public-invoice-shell{flex-direction:column;gap:16px;width:min(1120px,100%);margin:0 auto;display:flex}.public-brand{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;height:auto;min-height:64px}.span-wide{min-width:0}.ui-card{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;min-width:0;box-shadow:0 1px 2px #0f172a08}.ui-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:16px;display:flex}.ui-card-title{color:#0f172a;font-size:16px;font-weight:600;line-height:24px}.ui-card-content{padding:16px}.ui-card-footer{border-top:1px solid #e2e8f0;padding:16px}.ui-button{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;display:inline-flex}.ui-button svg[data-icon]{width:16px;height:16px}.ui-button-default,.auth-link{background:var(--primary-container);color:#fff}.ui-button-default:hover,.auth-link:hover{background:var(--primary)}.ui-button-secondary{background:var(--surface-container-low);color:#0f172a}.ui-button-outline{color:#0f172a;background:#fff;border-color:#e2e8f0}.ui-button-outline:hover,.ui-button-ghost:hover{background:#f1f5f9}.ui-button-ghost{color:#475569;background:0 0}.ui-button-destructive{color:#be123c;background:#fff1f2;border-color:#fecdd3}.ui-button:disabled{cursor:not-allowed;opacity:.52}.ui-button-sm{min-height:32px;padding:0 10px}.ui-button-icon{width:38px;padding:0}.ui-input{border-radius:var(--radius);color:#0f172a;background:#fff;border:1px solid #e2e8f0;outline:none;width:100%;min-height:38px;padding:8px 10px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ui-input:focus{border-color:var(--primary-container);box-shadow:0 0 0 2px #4f46e533}.ui-badge{color:#475569;text-transform:capitalize;background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 8px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.status-badge span{background:currentColor;border-radius:999px;width:6px;height:6px}.status-linked,.status-paid,.status-approved,.status-validated,.status-approval_created,.status-completed,.status-received,.status-direct{background:var(--success-container);color:var(--success)}.status-open,.status-pending,.status-approval_pending,.status-sent,.status-agent{background:var(--warning-container);color:var(--warning)}.status-blocked,.status-denied,.status-rejected,.status-expired,.status-cancelled,.status-revoked{background:var(--error-container);color:var(--error)}.ui-table-wrap{width:100%;overflow-x:auto}.ui-table{border-collapse:collapse;width:100%}.ui-table-head{color:#64748b;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 12px;font-size:12px;font-weight:600;line-height:16px}.ui-table-cell{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:10px 12px}.ui-table.compact .ui-table-cell{padding:8px 12px}.ui-table-row:hover .ui-table-cell{background:#f8fafc}.ui-avatar{color:#334155;background:#e2e8f0;border-radius:999px;place-items:center;width:36px;height:36px;font-weight:700;display:grid;overflow:hidden}.ui-avatar-image{object-fit:cover;width:100%;height:100%}.ui-avatar-fallback{font-size:12px}.ui-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;display:flex}.ui-empty svg{width:28px;height:28px}.ui-empty-title{color:#475569;font-size:15px;font-weight:600}.ui-empty-description{color:#64748b;max-width:320px;font-size:13px}.ui-alert{border-radius:var(--radius);color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;gap:10px;padding:12px;display:flex}.ui-alert.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.ui-alert-title{font-size:13px;font-weight:600}.ui-alert-description{font-size:13px}.stat-card .ui-card-content{align-items:center;gap:12px;display:flex}.stat-card p{color:#64748b;font-size:13px}.stat-card strong,.metric-large{color:#0f172a;font-size:26px;font-weight:700;line-height:32px}.stat-icon{border-radius:var(--radius);place-items:center;width:40px;height:40px;display:grid}.accent-blue .stat-icon{color:#2563eb;background:#dbeafe}.accent-amber .stat-icon{color:#a16207;background:#fef3c7}.accent-emerald .stat-icon{color:#047857;background:#d1fae5}.accent-indigo .stat-icon{color:var(--primary-container);background:#eef2ff}.exposure-panel{flex-direction:column;gap:8px;display:flex}.exposure-panel p{color:#64748b;font-size:13px;line-height:18px}.wallet-balance-panel{grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:16px;display:grid}.wallet-balance-panel>div{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;min-width:0;padding:16px}.wallet-balance-panel span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.wallet-balance-panel strong{color:#0f172a;overflow-wrap:anywhere;margin-top:6px;font-size:30px;font-weight:750;line-height:36px;display:block}.wallet-balance-panel p,.transaction-party span{color:#64748b;font-size:13px}.transaction-party{flex-direction:column;gap:2px;min-width:0;display:flex}.transaction-party strong{color:#0f172a;font-weight:650}.recipient-list{flex-direction:column;gap:8px;display:flex}.recipient-button{border-radius:var(--radius);color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 10px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;display:grid}.recipient-button:hover,.recipient-button.selected{background:#eef2ff;border-color:#c7d2fe}.recipient-avatar{color:#334155;background:#e2e8f0;border-radius:999px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.recipient-button strong,.recipient-button small,.recipient-button em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recipient-button strong{font-size:13px;font-weight:650}.recipient-button small{color:#64748b;font-size:12px}.recipient-button em{color:#047857;font-size:12px;font-style:normal;font-weight:700}.transfer-timeline .timeline-item>span{background:#0ea5e9}.simulator-panel{border-radius:var(--radius);background:#fffbeb;border:1px solid #fde68a;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.simulator-panel>span{color:#92400e;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.developer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.endpoint-stack,.code-stack{flex-direction:column;gap:12px;display:flex}.endpoint-row{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;grid-template-columns:minmax(118px,.38fr) minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 8px 8px 10px;display:grid}.endpoint-row span,.copy-code-block>div strong{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.endpoint-row code{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:JetBrains Mono,Menlo,monospace;font-size:12px;line-height:18px;overflow:hidden}.tool-pill-list{flex-wrap:wrap;gap:8px;display:flex}.tool-pill{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:4px 8px;font-family:JetBrains Mono,Menlo,monospace;font-size:12px;line-height:16px}.copy-code-block{flex-direction:column;gap:8px;display:flex}.copy-code-block>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.copy-code-block .code-block{white-space:pre;max-height:360px;overflow:auto}.compact-definition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-review-content{flex-direction:column;gap:16px;display:flex}.invoice-total-panel{border-radius:var(--radius);background:#eff6ff;border:1px solid #dbeafe;padding:16px}.invoice-total-panel span,.review-checklist span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.invoice-total-panel strong{color:#0f172a;margin-top:6px;font-size:32px;font-weight:750;line-height:38px;display:block}.invoice-total-panel p{color:#475569;margin-top:4px;font-size:13px}.invoice-line-items{border-radius:var(--radius);border:1px solid #e2e8f0;overflow:hidden}.invoice-line{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 14px;display:flex}.invoice-line:last-child{border-bottom:0}.invoice-line span{color:#475569}.invoice-line strong{color:#0f172a;font-weight:650}.invoice-line.total{background:#f8fafc}.review-callout{border-radius:var(--radius);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:14px;display:grid}.review-callout strong{color:#0f172a;font-weight:650}.review-callout p{color:#475569;margin-top:2px;font-size:13px}.review-checklist{gap:12px;display:grid}.review-checklist div{border-bottom:1px solid #e2e8f0;min-width:0;padding-bottom:12px}.review-checklist div:last-child{border-bottom:0;padding-bottom:0}.review-checklist strong{color:#0f172a;overflow-wrap:anywhere;margin-top:4px;display:block}.decision-timeline{flex-direction:column;gap:12px;display:flex}.timeline-item{grid-template-columns:12px minmax(0,1fr);gap:10px;display:grid}.timeline-item>span{background:var(--primary-container);border-radius:999px;width:9px;height:9px;margin-top:6px}.timeline-item strong{color:#0f172a;font-size:13px;font-weight:650}.timeline-item p{color:#64748b;font-size:13px}.definition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.definition-grid div{min-width:0}.definition-grid strong,.definition-grid p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.definition-grid strong{color:#0f172a;margin-top:4px;font-size:14px;font-weight:600}.definition-grid p{color:#64748b;font-size:13px}.form-stack label{flex-direction:column;gap:6px;display:flex}.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.protocol-step{grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid}.protocol-dot{background:var(--primary-container);border-radius:999px;width:9px;height:9px;margin-top:6px;box-shadow:0 0 0 4px #eef2ff}.protocol-step strong{color:#0f172a;font-weight:600}.protocol-step p{color:#64748b;font-size:13px}.code-block,.mono{font-family:JetBrains Mono,Menlo,monospace;font-size:13px;line-height:20px}.code-block{border-radius:var(--radius);color:#e2e8f0;background:#0f172a;width:100%;padding:10px 12px}.link-card-content{flex-direction:column;gap:16px;display:flex}.link-session-grid{grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);gap:16px;display:grid}.link-method-panel{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.link-progress-panel{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.link-progress-step{border-right:1px solid #e2e8f0;grid-template-columns:24px minmax(0,1fr);gap:4px 10px;min-width:0;padding:14px;display:grid}.link-progress-step:last-child{border-right:0}.link-progress-step span{color:#475569;background:#e2e8f0;border-radius:999px;grid-row:span 2;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.link-progress-step.active span{color:var(--primary-container);background:#eef2ff}.link-progress-step strong{color:#0f172a;font-size:13px;font-weight:600}.link-progress-step p{color:#64748b;font-size:13px;line-height:18px}.link-method-heading{grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid}.link-method-heading h3{color:#0f172a;font-size:14px;font-weight:600;line-height:20px}.link-method-heading p{color:#64748b;font-size:13px;line-height:18px}.qr-frame{aspect-ratio:1;border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;align-self:center;place-items:center;width:100%;max-width:224px;padding:10px;display:grid}.qr-frame img{object-fit:contain;width:100%;height:100%;display:block}.qr-pending{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.link-code{border-radius:var(--radius);text-align:center;background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;min-height:72px;padding:12px;display:flex}.link-code-value{color:#0f172a;letter-spacing:0;overflow-wrap:anywhere;font-family:JetBrains Mono,Menlo,monospace;font-size:24px;font-weight:700;line-height:32px}.link-code-missing,.link-expiry{color:#64748b;font-size:13px}.link-actions{flex-wrap:wrap;gap:8px;display:flex}.link-expiry{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.connected-panel{border-radius:var(--radius);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px;display:grid}.connected-mark{border-radius:var(--radius);background:#dcfce7;place-items:center;width:44px;height:44px;display:grid}.connected-panel h3,.recovery-panel h3{color:#0f172a;font-size:16px;font-weight:600;line-height:24px}.connected-panel p,.recovery-panel p{color:#475569;font-size:13px;line-height:18px}.connection-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.connection-summary-grid div{border-radius:var(--radius);background:#f8fafc;border:1px solid #e2e8f0;min-width:0;padding:14px}.connection-summary-grid span{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.connection-summary-grid strong,.connection-summary-grid p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.connection-summary-grid strong{color:#0f172a;margin-top:4px;font-size:14px;font-weight:600}.connection-summary-grid p{color:#64748b;font-size:13px}.recovery-panel{border-radius:var(--radius);background:#fff7ed;border:1px solid #fed7aa;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.recovery-panel>svg{color:#c2410c}.auth-page{background:linear-gradient(180deg, #ffffffb8, #f7f9fbf0), var(--surface);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(100%,420px);box-shadow:var(--shadow-soft);background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.auth-mark{width:44px;height:44px}.auth-card h1{margin-top:6px}.auth-copy{margin-top:8px}.auth-actions{flex-direction:column;gap:10px;display:flex}.auth-actions .ui-button{width:100%}.loading-inline{color:#64748b;align-items:center;gap:10px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.stat-grid,.definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.content-grid,.invoice-review-grid,.developer-grid,.workflow-overview,.workflow-steps{grid-template-columns:1fr}}@media (width<=760px){.app-shell{display:block}.sidebar{height:auto;position:static}.nav-list{flex-direction:row;overflow-x:auto}.nav-item{flex:none}.sidebar-footer{display:none}.topbar{flex-direction:column}.topbar-actions{flex-wrap:wrap}.environment-chip{order:3;justify-content:center;width:100%}.account-chip{border-left:0;padding-left:0}.page-content,.public-invoice-page{padding:16px}.stat-grid,.definition-grid{grid-template-columns:1fr}.invoice-line{flex-direction:column;align-items:flex-start;gap:4px}.link-session-grid,.link-progress-panel,.wallet-balance-panel,.connection-summary-grid,.recovery-panel,.compact-definition-grid{grid-template-columns:1fr}.endpoint-row{grid-template-columns:minmax(0,1fr) auto}.endpoint-row span{grid-column:1/-1}.simulator-panel{flex-direction:column;align-items:flex-start}.link-progress-step{border-bottom:1px solid #e2e8f0;border-right:0}.link-progress-step:last-child{border-bottom:0}}