:root{--bg-page: #0a0a0f;--bg-surface: #12131a;--bg-surface-hover: #181924;--bg-card: #14151e;--bg-card-hover: #1a1b28;--bg-input: #0e0f16;--bg-nav: rgba(12, 13, 20, .82);--text-primary: #f0f2f5;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0a0a0f;--accent: #0054e9;--accent-hover: #2672ff;--accent-soft: rgba(0, 84, 233, .12);--accent-glow: rgba(0, 84, 233, .25);--green: #22c55e;--green-soft: rgba(34, 197, 94, .12);--red: #ef4444;--red-soft: rgba(239, 68, 68, .12);--yellow: #eab308;--yellow-soft: rgba(234, 179, 8, .12);--border: rgba(148, 163, 184, .12);--border-hover: rgba(148, 163, 184, .22);--border-accent: rgba(0, 84, 233, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container-width: 960px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}code,pre{font-family:var(--font-mono)}button{border:0;background:none;font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}#app{min-height:100vh;display:flex;flex-direction:column}.container{width:min(100% - 2rem,var(--container-width));margin:0 auto}.page-content{flex:1;padding:2rem 0 4rem}.site-nav{position:sticky;top:0;z-index:100;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);background:var(--bg-nav);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:3.75rem;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none}.brand svg{width:1.6rem;height:1.6rem;flex-shrink:0}.brand-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.15em .5em;border-radius:var(--radius-xs);background:var(--accent-soft);color:var(--accent-hover)}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.88rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:color .15s,background .15s}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-surface)}.nav-link.active{color:var(--accent-hover)}.nav-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.status-dot.connected{background:var(--green);box-shadow:0 0 6px var(--green)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s var(--ease-out)}.card:hover{border-color:var(--border-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.balance-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;transition:border-color .2s,transform .2s var(--ease-out)}.balance-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.balance-card.primary{border-color:var(--border-accent);background:linear-gradient(135deg,#0054e914,#0054e905)}.balance-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem}.balance-value{font-family:var(--font-mono);font-size:1.6rem;font-weight:600;color:var(--text-primary);line-height:1.2}.balance-value .unit{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-left:.3rem}.identity-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap}.identity-did{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);word-break:break-all;flex:1;min-width:0}.identity-did .did-label{font-family:var(--font-body);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-right:.5rem}.copy-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-xs);transition:all .15s;flex-shrink:0}.copy-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;border-radius:var(--radius-sm);transition:all .18s var(--ease-out);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-hover)}.btn-danger{background:var(--red-soft);color:var(--red);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef44442e}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-icon{width:2.2rem;height:2.2rem;padding:0;border-radius:var(--radius-sm)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:.45rem}.form-input{width:100%;padding:.7rem .9rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-input::placeholder{color:var(--text-muted)}.form-input.mono{font-family:var(--font-mono);font-size:.82rem}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.3rem}.form-error{font-size:.75rem;color:var(--red);margin-top:.3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:540px){.form-row{grid-template-columns:1fr}}.tx-list{display:flex;flex-direction:column;gap:0}.tx-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.tx-item:last-child{border-bottom:none}.tx-icon{width:2.2rem;height:2.2rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.tx-icon.sent{background:var(--red-soft);color:var(--red)}.tx-icon.received{background:var(--green-soft);color:var(--green)}.tx-icon.escrow{background:var(--yellow-soft);color:var(--yellow)}.tx-details{min-width:0}.tx-type{font-size:.88rem;font-weight:600;color:var(--text-primary)}.tx-addr{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-amount{font-family:var(--font-mono);font-size:.92rem;font-weight:600;text-align:right;white-space:nowrap}.tx-amount.sent{color:var(--red)}.tx-amount.received{color:var(--green)}.tx-amount.escrow{color:var(--yellow)}.tx-time{font-size:.72rem;color:var(--text-muted);text-align:right}.connect-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4rem);padding:2rem 1rem}.connect-card{width:min(100%,440px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem 2rem}.connect-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.connect-logo svg{width:2.4rem;height:2.4rem}.connect-logo-text{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.connect-title{text-align:center;font-size:.92rem;color:var(--text-secondary);margin-bottom:2rem}.tab-bar{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:1.5rem}.tab-btn{flex:1;padding:.55rem .75rem;font-size:.82rem;font-weight:600;color:var(--text-muted);border-radius:var(--radius-xs);text-align:center;transition:all .15s}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-primary);background:var(--bg-card);box-shadow:var(--shadow-sm)}.escrow-status{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-xs)}.escrow-status.active{background:var(--green-soft);color:var(--green)}.escrow-status.pending{background:var(--yellow-soft);color:var(--yellow)}.escrow-status.released{background:var(--accent-soft);color:var(--accent-hover)}.escrow-status.refunded{background:var(--red-soft);color:var(--red)}.escrow-list{display:flex;flex-direction:column;gap:.75rem}.escrow-item{padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out)}.escrow-item:hover{border-color:var(--border-hover);background:var(--bg-surface-hover)}.escrow-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.escrow-id{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.escrow-amounts{display:flex;gap:1.5rem;font-size:.82rem}.escrow-amounts span{color:var(--text-muted)}.escrow-amounts strong{color:var(--text-primary);font-weight:600}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.pagination-info{font-size:.8rem;color:var(--text-muted);margin:0 .5rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;min-width:280px;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.85rem;pointer-events:auto;animation:toast-in .3s var(--ease-spring)}.toast.success{border-color:#22c55e4d}.toast.error{border-color:#ef44444d}.toast.info{border-color:#0054e94d}.toast-icon{font-size:1.1rem;flex-shrink:0}.toast.leaving{animation:toast-out .25s var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(1rem) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(1rem) scale(.95)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .2s ease}.modal{width:min(90vw,500px);max-height:85vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);animation:modal-scale-in .25s var(--ease-spring)}.modal-title{font-size:1.1rem;font-weight:700;margin-bottom:1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.spinner{width:1.2rem;height:1.2rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-xs)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.empty-state-text{font-size:.92rem;margin-bottom:.5rem}.empty-state-hint{font-size:.8rem;color:var(--text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.quick-actions{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.quick-action{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .18s var(--ease-out)}.quick-action:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-1px)}.quick-action-icon{font-size:1.1rem}@media(max-width:640px){.balance-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.identity-bar{flex-direction:column;align-items:flex-start}.tx-item{gap:.6rem}.container{width:min(100% - 1.5rem,var(--container-width))}}@media(max-width:420px){.balance-grid{grid-template-columns:1fr}}