:root{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-alt:#f1f5f9;--color-border:#e2e8f0;--color-border-focus:#2563eb;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-subtle:#94a3b8;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-text:#fff;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-danger:#dc2626;--color-danger-bg:#fff5f5;--color-danger-border:#fecaca;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-overlay:#0f172a8c;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-modal:0 8px 32px #00000024, 0 2px 8px #0000000f;--shadow-sm:0 1px 2px #0000000d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-xs:.7rem;--text-sm:.8rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.1rem;--text-xl:1.25rem;--transition:all .18s ease;--bg-color:var(--color-surface);--text-primary:var(--color-text);--text-secondary:var(--color-text-muted);--border-color:var(--color-border);--accent-color:var(--color-primary);--danger-color:var(--color-danger);--success-color:var(--color-success);font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{padding:var(--space-8) var(--space-6);background-color:var(--color-bg);justify-content:center;margin:0;display:flex}#root{width:100%;max-width:1000px}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--color-text);margin-top:0;font-weight:600}.dashboard-container,.asset-tables{gap:var(--space-8);flex-direction:column;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);align-items:center;gap:15px;display:flex}.header-logo{margin:0;font-size:1.5rem}.header-tabs{flex:1;gap:10px;margin-left:10px;display:flex}.header-network{align-items:center;gap:6px;display:flex}.header-wallet{align-items:center;display:flex}.wallet-container{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:row;align-items:center;gap:15px;display:flex}.wallet-info{font-size:var(--text-base);align-items:center;gap:1rem;display:flex}.wallet-info .address{font-family:var(--font-mono);color:var(--color-text-muted)}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat{gap:var(--space-1);flex-direction:column;display:flex}.stat label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.stat div{font-size:var(--text-xl);font-weight:500;font-family:var(--font-mono)}table{border-collapse:collapse;width:100%;margin-top:var(--space-4);font-size:var(--text-base)}th,td{text-align:left;padding:10px var(--space-2);border-bottom:1px solid var(--color-border)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th{color:var(--color-text-muted);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}td.number{font-family:var(--font-mono)}tr:last-child td{border-bottom:none}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-muted{color:var(--color-text-muted)}button{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:var(--transition)}button:hover{border-color:var(--color-primary);background-color:var(--color-surface-alt)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary);border-radius:var(--radius-md);font-weight:600}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text);border-radius:var(--radius-md)}.btn-ghost{color:var(--color-primary);background:0 0;border:none;padding:0;font-weight:600}.btn-ghost:hover{opacity:.75;background:0 0;border:none}.input{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--text-md);font-family:var(--font-sans);color:var(--color-text);box-sizing:border-box;outline:none;padding:10px 12px;transition:border-color .18s}.input:focus{border-color:var(--color-border-focus);background:var(--color-surface)}.input::placeholder{color:var(--color-text-subtle)}.badge{border-radius:var(--radius-sm);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-primary{color:var(--color-primary);background:#eff6ff}.badge-neutral{background:var(--color-surface-alt);color:var(--color-text-muted)}.alert{border-radius:var(--radius-md);font-size:var(--text-sm);padding:10px 12px;line-height:1.5}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:#166534}.alert-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:#991b1b}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:#92400e}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.modal-overlay{background:var(--color-overlay);z-index:1000;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-modal);overflow-y:auto}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:600}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-2);display:flex}.info-row{font-size:var(--text-sm);padding:var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.info-row-label{color:var(--color-text-muted)}.info-row-value{font-family:var(--font-mono);color:var(--color-text);font-weight:500}.dex-grid{grid-template-columns:280px minmax(0,1fr);gap:40px;display:grid}.table-scroll{width:100%}.show-on-mobile{display:none}@media (width<=768px){body{padding:1rem .75rem}.card{padding:var(--space-3);border-radius:var(--radius-md)}.header{margin-bottom:var(--space-5);padding-bottom:var(--space-3);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.header-logo{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;margin-left:0;font-size:1.15rem;overflow:hidden}.header-tabs{grid-area:2/1;gap:8px;margin-left:0;display:flex}.header-wallet{grid-area:1/2;justify-self:end}.header-network{flex-wrap:nowrap;grid-area:2/2;justify-self:end;gap:6px;display:flex}.header-tabs button{text-align:center;padding:6px 10px;font-size:12px;line-height:1.1;white-space:normal!important}.wallet-container{gap:8px;padding:6px 8px;flex-flow:row!important;align-items:center!important;display:flex!important}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr)}.stat div{font-size:var(--text-md)}.stat label{font-size:var(--text-xs)}.asset-tables{gap:var(--space-5);margin-top:var(--space-5)}th,td{padding:8px 6px}.dex-grid{grid-template-columns:1fr;gap:24px}.dex-grid>div:first-child{border-right:none!important;border-bottom:1px solid var(--color-border)!important;padding-bottom:20px!important;padding-right:0!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:inline!important}.disconnect-btn{padding:4px 8px;font-size:11px}.table-scroll table,.table-scroll thead,.table-scroll tbody,.table-scroll tr,.table-scroll td{width:100%;display:block}.table-scroll thead{display:none}.table-scroll tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:12px;padding:14px;display:grid}.table-scroll td{text-align:left;border-bottom:none;min-width:0;padding:0}.table-scroll td[data-label]:before{content:attr(data-label);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:4px;font-weight:600;display:block}.table-scroll td:first-child{border-bottom:1px solid var(--color-border);grid-column:1/-1;padding-bottom:10px;font-size:1.1rem;font-weight:600}.table-scroll td *{word-break:break-word;max-width:100%}}.align-right-desktop{text-align:right}@media (width<=768px){.align-right-desktop{text-align:left!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{padding-top:12px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;border:none!important;border-radius:24px 24px 0 0!important;width:100vw!important;max-width:100vw!important;height:auto!important;min-height:60vh!important;max-height:92vh!important;margin:0!important;padding-bottom:32px!important;box-shadow:0 -4px 24px #0000001a!important}.modal-content:before{content:"";z-index:10;background-color:#cbd5e1;border-radius:4px;width:44px;height:5px;position:absolute;top:8px;left:50%;transform:translate(-50%)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.table-scroll td[data-label=Actions]>div{justify-content:flex-start!important}.modal-content th[style*=right],.modal-content th[style*=Right],.modal-content td[style*=right],.modal-content td[style*=Right]{text-align:left!important;padding-right:var(--space-2)!important}}