@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;650;700&family=Space+Grotesk:wght@400;500;600;650;700&display=swap";
:root{--xyra-bg:#0b0e14;--xyra-panel:#111827;--xyra-border:#1f2937;--xyra-text:#e5e7eb;--xyra-muted:#9ca3af;--xyra-primary:#6366f1;--xyra-primaryHover:#4f46e5;--xyra-success:#22c55e;--xyra-warning:#f59e0b;--xyra-danger:#ef4444;--xyra-primaryBorder:#6366f159;--xyra-successBorder:#22c55e59;--xyra-warningBorder:#f59e0b59;--xyra-dangerBorder:#ef444473;--xyra-dangerBg:#ef44441a;--xyra-xrpl:#00aae4;--xyra-xahau:#8b5cf6;--xyra-accent-gradient:linear-gradient(90deg,var(--xyra-primary),var(--xyra-xahau),var(--xyra-xrpl));--xyra-accent-opacity:.85;--xyra-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;--xyra-font-display:"Space Grotesk",Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;--xyra-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--xyra-radius-sm:10px;--xyra-radius-md:12px;--xyra-radius-lg:16px;--xyra-radius-pill:999px;--xyra-shadow-sm:0 6px 18px #00000040;--xyra-shadow-md:0 12px 32px #00000059;--xyra-shadow-lg:0 20px 60px #00000073;--xyra-focus:0 0 0 3px #6366f159;--xyra-selection-bg:#6366f159;--xyra-selection-fg:var(--xyra-text)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--xyra-bg);color:var(--xyra-text);font-family:var(--xyra-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.5}::selection{background:var(--xyra-selection-bg);color:var(--xyra-selection-fg)}a{color:var(--xyra-primary);text-decoration:none}a:hover{color:var(--xyra-primaryHover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--xyra-focus);border-radius:8px;outline:none}h1,h2,h3,h4{font-family:var(--xyra-font-display);margin:0}h1{letter-spacing:-.02em;font-size:clamp(28px,5vw,44px);font-weight:650;line-height:1.08}h2{letter-spacing:-.015em;font-size:28px;font-weight:650;line-height:1.15}h3{letter-spacing:-.01em;font-size:20px;font-weight:650;line-height:1.2}h4{letter-spacing:-.005em;font-size:16px;font-weight:650;line-height:1.25}.xyra-accentLine{background:var(--xyra-accent-gradient);width:54px;height:2px;opacity:var(--xyra-accent-opacity);border-radius:999px}.xyra-accentLine--animate{background-size:200% 100%;animation:6.5s ease-in-out infinite xyra-accent-shift}.xyra-brandMark{flex-direction:column;align-items:flex-start;gap:6px;display:inline-flex}.xyra-container{width:100%;max-width:1100px;margin:0 auto;padding:24px}.xyra-muted{color:var(--xyra-muted)}.xyra-mono{font-family:var(--xyra-font-mono)}.xyra-page{min-height:100vh}.xyra-card{background:var(--xyra-panel);border:1px solid var(--xyra-border);border-radius:var(--xyra-radius-lg);box-shadow:var(--xyra-shadow-sm)}.xyra-cardHeader{border-bottom:1px solid var(--xyra-border);padding:16px;position:relative}.xyra-cardHeader:after{content:"";background:var(--xyra-accent-gradient);opacity:.55;border-radius:999px;width:44px;height:2px;position:absolute;bottom:-1px;left:16px}.xyra-cardBody{padding:16px}.xyra-badge{border-radius:var(--xyra-radius-pill);border:1px solid var(--xyra-border);color:var(--xyra-text);white-space:nowrap;background:#ffffff08;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.xyra-badgeDot{border-radius:var(--xyra-radius-pill);opacity:.85;background:currentColor;width:8px;height:8px}.xyra-btn{appearance:none;border:1px solid var(--xyra-border);color:var(--xyra-text);border-radius:var(--xyra-radius-md);cursor:pointer;background:0 0;padding:10px 12px;font-size:13px;font-weight:600;line-height:1;transition:background .14s,border-color .14s,transform 90ms}.xyra-btn:disabled{opacity:.55;cursor:not-allowed}.xyra-btn:active{transform:translateY(1px)}.xyra-btnPrimary{background:var(--xyra-primary);color:#0b0e14;border-color:#ffffff14}.xyra-btnPrimary:hover{background:var(--xyra-primaryHover)}.xyra-btnSecondary{background:#ffffff0a}.xyra-btnSecondary:hover{background:#ffffff12}.xyra-btnDanger{color:#fecaca;background:#ef444429;border-color:#ef444459}.xyra-btnDanger:hover{background:#ef444438}.xyra-input,.xyra-select,.xyra-textarea{border:1px solid var(--xyra-border);width:100%;color:var(--xyra-text);border-radius:var(--xyra-radius-md);background:#ffffff08;padding:10px 12px}.xyra-input::placeholder,.xyra-textarea::placeholder{color:#e5e7eb8c}.xyra-tableWrap{border-radius:var(--xyra-radius-lg);border:1px solid var(--xyra-border);overflow-x:auto}.xyra-table{border-collapse:collapse;width:100%}.xyra-table th{text-align:left;color:var(--xyra-muted);border-bottom:1px solid var(--xyra-border);background:#ffffff05;padding:12px;font-size:12px;font-weight:650}.xyra-table td{color:var(--xyra-text);border-bottom:1px solid #ffffff0f;padding:12px;font-size:13px}.xyra-modalOverlay{background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.xyra-modal{background:var(--xyra-panel);border:1px solid var(--xyra-border);border-radius:var(--xyra-radius-lg);width:min(520px,100%);box-shadow:var(--xyra-shadow-lg);flex-direction:column;max-height:min(90vh,780px);display:flex;overflow:hidden}.xyra-modalHeader{border-bottom:1px solid var(--xyra-border);padding:16px;position:relative}.xyra-modalHeader:after{content:"";background:var(--xyra-accent-gradient);opacity:.65;border-radius:999px;width:44px;height:2px;position:absolute;bottom:-1px;left:16px}.xyra-modalKicker{color:var(--xyra-muted);font-size:12px}.xyra-modalTitle{font-size:18px;font-weight:650}.xyra-modalBody{min-height:0;padding:16px;overflow:auto}.xyra-modalFooter{border-top:1px solid var(--xyra-border);background:#ffffff03;padding:16px}.xyra-toastViewport{pointer-events:none;z-index:50000;justify-items:end;gap:8px;display:grid;position:fixed;top:12px;left:12px;right:12px}.xyra-toast{pointer-events:auto;border-radius:var(--xyra-radius-lg);border:1px solid var(--xyra-border);width:min(440px,100%);color:var(--xyra-text);box-shadow:var(--xyra-shadow-md);background:#111827f5;overflow:hidden}.xyra-toastInner{align-items:flex-start;gap:12px;padding:12px;display:flex}.xyra-toastTitle{font-size:13px;font-weight:650;line-height:1.2}.xyra-toastMessage{color:#e5e7ebe0;margin-top:4px;font-size:12px;line-height:1.25}.xyra-toastClose{color:var(--xyra-text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:6px 8px;line-height:1}.xyra-toast--success{border-color:var(--xyra-successBorder)}.xyra-toast--error{border-color:var(--xyra-dangerBorder)}.xyra-toast--info{border-color:var(--xyra-primaryBorder)}@media (pointer:fine){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}}@keyframes xyra-accent-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes xyra-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.xyra-skeleton{background:linear-gradient(90deg,var(--xyra-panel)25%,var(--xyra-border)50%,var(--xyra-panel)75%);background-size:200% 100%;animation:1.5s linear infinite xyra-skeleton-shimmer}@media (prefers-reduced-motion:reduce){.xyra-accentLine--animate,.xyra-skeleton{animation:none}}.xyra-dashboard{flex-direction:column;min-height:100vh;display:flex}.xyra-dashboard-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.xyra-wallet-header{background:var(--xyra-panel);border-bottom:1px solid var(--xyra-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.xyra-wallet-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.xyra-address{background:var(--xyra-bg);border:1px solid var(--xyra-border);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex}.xyra-tabs{background:var(--xyra-panel);border-bottom:1px solid var(--xyra-border);-webkit-overflow-scrolling:touch;gap:4px;padding:0 24px;display:flex;overflow-x:auto}.xyra-tabs::-webkit-scrollbar{height:2px}.xyra-tabs::-webkit-scrollbar-track{background:0 0}.xyra-tabs::-webkit-scrollbar-thumb{background:var(--xyra-border);border-radius:2px}.xyra-tab{color:var(--xyra-muted);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--xyra-font-sans);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 20px;transition:color .2s;position:relative}.xyra-tab:hover{color:var(--xyra-text)}.xyra-tab.active{color:var(--xyra-primary)}.xyra-tab.active:after{content:"";background:var(--xyra-accent-gradient);height:2px;position:absolute;bottom:-2px;left:0;right:0}.xyra-tab-content{gap:24px;display:grid}.xyra-balance-card{grid-column:1/-1}.xyra-balance-amount{font-size:32px;font-weight:650;font-family:var(--xyra-font-display);margin:8px 0;line-height:1.2}.xyra-grid-1{grid-template-columns:1fr;gap:16px;display:grid}.xyra-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.xyra-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.xyra-quick-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.xyra-session-info{flex-direction:column;gap:12px;margin-top:12px;display:flex}.xyra-info-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.xyra-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.xyra-section-header h3{margin:0}.xyra-token-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.xyra-token-info h4{font-size:16px;font-weight:650;font-family:var(--xyra-font-display);margin-bottom:4px}.xyra-token-issuer{color:var(--xyra-muted);font-size:11px;font-family:var(--xyra-font-mono);word-break:break-all}.xyra-token-balance{text-align:right;white-space:nowrap;font-size:18px;font-weight:600}.xyra-activity-list{flex-direction:column;margin-top:16px;display:flex}.xyra-activity-item{border-bottom:1px solid var(--xyra-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.xyra-activity-item:last-child{border-bottom:none;padding-bottom:0}.xyra-activity-desc{margin-bottom:4px;font-size:13px}.xyra-activity-desc strong{color:var(--xyra-text);font-weight:600}.xyra-activity-time{color:var(--xyra-muted);font-size:12px}.xyra-transaction-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.xyra-transaction-item{flex-direction:column;gap:12px;display:flex}.xyra-transaction-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.xyra-transaction-type{margin-bottom:4px;font-size:14px;font-weight:600}.xyra-transaction-time{color:var(--xyra-muted);font-size:12px}.xyra-transaction-details{justify-content:space-between;align-items:center;gap:12px;display:flex}.xyra-transaction-amount{font-size:16px;font-weight:600}.xyra-transaction-address{color:var(--xyra-muted);word-break:break-all;font-size:12px}.xyra-transaction-footer{border-top:1px solid var(--xyra-border);justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.xyra-filters{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.xyra-connection-prompt{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.xyra-empty-state{text-align:center;padding:32px 24px}.xyra-empty-state p{margin:0}.xyra-btn{background:var(--xyra-panel);border:1px solid var(--xyra-border);color:var(--xyra-text);font-size:14px;font-weight:500;font-family:var(--xyra-font-sans);cursor:pointer;border-radius:8px;outline:none;padding:10px 16px;transition:all .2s}.xyra-btn:hover{background:var(--xyra-border)}.xyra-btn:focus-visible{box-shadow:var(--xyra-focus)}.xyra-btn-primary{background:var(--xyra-primary);border-color:var(--xyra-primary);color:#fff}.xyra-btn-primary:hover{background:var(--xyra-primaryHover);border-color:var(--xyra-primaryHover)}.xyra-btn-icon{color:var(--xyra-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;transition:color .2s}.xyra-btn-icon:hover{color:var(--xyra-text)}.xyra-link{color:var(--xyra-primary);font-size:13px;text-decoration:none;transition:color .2s}.xyra-link:hover{color:var(--xyra-primaryHover)}@media (max-width:768px){.xyra-dashboard-content{padding:16px}.xyra-wallet-header{padding:12px 16px}.xyra-tabs{padding:0 16px}.xyra-balance-amount{font-size:28px}.xyra-grid-2,.xyra-grid-3{grid-template-columns:1fr}.xyra-token-card{flex-direction:column;align-items:flex-start}.xyra-token-balance{text-align:left}.xyra-activity-item,.xyra-transaction-details{flex-direction:column;align-items:flex-start}.xyra-filters{flex-direction:column}.xyra-filters .xyra-select{width:100%}}@media (max-width:480px){.xyra-balance-amount{font-size:24px}.xyra-wallet-info{width:100%}.xyra-address{flex:1;overflow:hidden}.xyra-address span{text-overflow:ellipsis;overflow:hidden}}.xyra-tab-content>*{animation:.3s ease-out xyra-fade-in}@keyframes xyra-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}