@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg-primary:#0a0a0a;--bg-secondary:#121214;--bg-panel:#161619;--accent:#dfff00;--accent-muted:#dfff0026;--accent-border:#dfff0066;--text-primary:#fff;--text-secondary:#8a8a93;--text-muted:#52525b;--border:#1f1f23;--border-light:#2d2d34;--error:#ef4444;--error-muted:#ef44441a;--warning:#f59e0b;--font-sans:"Space Grotesk", sans-serif;--font-mono:"Space Mono", monospace;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:50%;background-size:40px 40px;margin:0;padding:0}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-primary);justify-content:center;min-height:100vh;margin:0;padding:0;display:flex}#root{border-left:1px solid var(--border);border-right:1px solid var(--border);background-color:#0a0a0af2;flex-direction:column;width:100%;max-width:1200px;min-height:100vh;display:flex}.vault-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.brand-section{align-items:center;gap:16px;display:flex}.brand-logo{letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.brand-logo svg{color:var(--accent)}.asset-selector-wrapper{position:relative}.asset-select{background-color:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-light);font-family:var(--font-mono);cursor:pointer;border-radius:2px;outline:none;padding:6px 12px;font-size:13px;transition:all .2s}.asset-select:hover,.asset-select:focus{border-color:var(--accent)}.wallet-btn{background-color:var(--accent);color:#000;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:2px;padding:8px 20px;font-size:14px;font-weight:600;transition:opacity .2s}.wallet-btn:hover{opacity:.9}.wallet-btn.connected{color:var(--accent);border:1px solid var(--accent);background-color:#0000}.network-bar{border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:20px;padding:10px 32px;font-size:11px;transition:background .2s;display:flex}.network-bar--ok{background:#dfff0008}.network-bar--wrong{background:#e8212714;border-bottom-color:#e8212759}.network-bar--disconnected{background:#ffffff05}.network-bar .network-name{flex-shrink:0;align-items:center;gap:6px;display:flex}.network-bar .network-status{align-items:center;gap:6px;display:flex}.network-bar .network-status:before{content:"";background-color:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.switch-network-btn{color:#ff6b6e;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#e8212726;border:1px solid #e82127;border-radius:6px;padding:5px 14px;font-size:11px;transition:background .15s,color .15s,transform .1s}.switch-network-btn:hover{color:#fff;background:#e821274d;transform:translateY(-1px)}.switch-network-btn--secondary{border-color:var(--accent);color:var(--accent);background:#dfff0014}.switch-network-btn--secondary:hover{color:#fff;background:#dfff002e}.stats-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.stat-box{border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:24px 32px;display:flex}.stat-box:last-child{border-right:none}.stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px}.stat-value{font-size:24px;font-weight:500;font-family:var(--font-mono)}.dashboard-body{border-bottom:1px solid var(--border);flex-grow:1;grid-template-columns:1.2fr .8fr;display:grid}.dashboard-panel{padding:32px}.left-panel{border-right:1px solid var(--border)}.panel-figure{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px}.panel-title{margin:0 0 24px;font-size:22px;font-weight:600}.health-factor-section{gap:40px;margin-top:32px;display:flex}.gauge-container{flex-direction:column;align-items:center;width:90px;display:flex}.gauge-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;text-align:center;margin-bottom:12px;font-size:10px}.gauge-track{background-color:#1f1f23;border-radius:6px;width:12px;height:240px;position:relative}.gauge-fill{border-radius:6px;transition:height .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}.gauge-marker{background-color:var(--text-muted);width:6px;height:1px;position:absolute;right:-10px}.gauge-marker:after{content:attr(data-value);font-family:var(--font-mono);color:var(--text-secondary);font-size:11px;position:absolute;top:-6px;left:12px}.health-marker-indicator{border:2px solid var(--accent);background-color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:bottom .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:-8px;transform:translateY(50%)}.health-marker-indicator:before{content:"";background-color:var(--accent);border-radius:50%;width:8px;height:8px}.health-desc-list{flex-direction:column;flex-grow:1;gap:20px;display:flex}.health-desc-item{grid-template-columns:80px 1fr;align-items:start;gap:20px;display:grid}.health-desc-val{font-family:var(--font-mono);color:var(--text-primary);border-bottom:1px solid var(--border-light);padding-bottom:4px;font-size:16px;font-weight:700}.health-desc-val.warning{color:var(--warning)}.health-desc-val.error{color:var(--error)}.health-desc-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.health-desc-text strong{color:var(--text-primary)}.tabs-container{border-bottom:1px solid var(--border);margin-bottom:24px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:15px;font-weight:500;transition:all .2s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.status-box{border:1px solid var(--accent-border);background-color:#dfff0008;border-radius:2px;margin-bottom:24px;padding:16px}.status-title{font-family:var(--font-mono);text-transform:uppercase;color:var(--accent);letter-spacing:.5px;margin-bottom:8px;font-size:11px}.status-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.info-row{justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.info-label{color:var(--text-secondary)}.info-value{font-family:var(--font-mono)}.input-group{margin-top:24px;margin-bottom:24px}.input-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;display:block}.input-container{align-items:center;display:flex;position:relative}.app-input{background-color:var(--bg-panel);border:1px solid var(--border-light);width:100%;color:var(--text-primary);font-family:var(--font-mono);border-radius:2px;outline:none;padding:12px 60px 12px 16px;font-size:18px;transition:border-color .2s}.app-input:focus{border-color:var(--accent)}.input-suffix{font-family:var(--font-mono);color:var(--text-secondary);font-size:14px;position:absolute;right:16px}.action-buttons{gap:12px;margin-top:24px;display:flex}.btn-primary{background-color:var(--accent);color:#000;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:2px;flex:1;padding:12px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);font-family:var(--font-sans);cursor:pointer;background-color:#0000;border-radius:2px;flex:1;padding:12px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--text-primary)}.bottom-panel{padding:32px}.token-check-group{gap:12px;max-width:600px;display:flex}.check-btn{background-color:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border);font-family:var(--font-sans);cursor:pointer;border-radius:2px;padding:0 24px;font-weight:500;transition:all .2s}.check-btn:hover{background-color:var(--accent);color:#000;border-color:var(--accent)}.toast-msg{background-color:var(--bg-panel);border:1px solid var(--accent);color:var(--text-primary);z-index:1000;border-radius:2px;padding:16px 24px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000080}.custom-dropdown-trigger{background-color:var(--bg-panel);border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:4px;outline:none;align-items:center;gap:10px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.custom-dropdown-trigger:hover,.custom-dropdown-trigger:focus{border-color:var(--accent)}.selected-asset-icon{justify-content:center;align-items:center;display:flex}.dropdown-chevron{color:var(--text-secondary);transition:transform .2s}.custom-dropdown-menu{z-index:100;background-color:#0d0d0f;border:1px solid #1f1f23;border-radius:12px;width:320px;padding:12px 0 6px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 30px #000000b3}.search-container{align-items:center;margin:4px 12px 12px;display:flex;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:12px}.search-input{border:1px solid var(--border-light);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);background-color:#161619;border-radius:8px;outline:none;padding:10px 12px 10px 36px;transition:border-color .2s}.search-input:focus{border-color:var(--accent-border)}.dropdown-list{max-height:320px;overflow-y:auto}.dropdown-item{cursor:pointer;align-items:center;gap:16px;padding:12px 16px;transition:background-color .15s;display:flex;position:relative}.dropdown-item:hover{background-color:#ffffff0a}.dropdown-item.selected{background-color:#dfff000f}.item-logo-wrapper{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item-details{flex-direction:column;gap:2px;display:flex}.item-symbol{font-family:var(--font-sans);color:var(--text-primary);font-size:15px;font-weight:600}.item-name{font-family:var(--font-sans);color:var(--text-secondary);font-size:11px}.checkmark-wrapper{justify-content:center;align-items:center;margin-left:auto;display:flex}.no-results{text-align:center;color:var(--text-secondary);padding:16px;font-size:13px}.wallet-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.wallet-modal-content{background-color:var(--bg-panel);border:1px solid var(--border-light);border-radius:8px;width:100%;max-width:440px;padding:24px;position:relative;box-shadow:0 20px 40px #0009}.wallet-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.wallet-modal-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.wallet-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:color .2s;display:flex}.wallet-modal-close:hover{color:var(--text-primary)}.wallet-options-list{flex-direction:column;gap:12px;display:flex}.wallet-option-item{background-color:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.wallet-option-item:hover{border-color:var(--accent);background-color:var(--accent-muted)}.wallet-option-info{align-items:center;gap:14px;display:flex}.wallet-option-name{color:var(--text-primary);font-size:15px;font-weight:600}.wallet-option-badge{font-family:var(--font-mono);background:var(--border-light);color:var(--text-secondary);text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px}.wallet-option-badge.detected{background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border)}
