@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#000;color:#fff;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.1);background:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-inner{max-width:1152px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}.logo-text{font-size:14px;font-weight:700;letter-spacing:-.02em;color:#fff}.logo-text span{color:#ffffff4d;font-weight:400;font-size:12px;margin-left:4px}.nav{display:flex;gap:0}.nav-btn{background:none;border:none;color:#ffffff80;font-size:12px;font-weight:500;padding:6px 12px;cursor:pointer;transition:color .15s;font-family:inherit}.nav-btn:hover,.nav-btn.active{color:#fff}.header-right{display:flex;align-items:center;gap:12px}.chain-badge{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.18em}.chain-dot{position:relative;display:flex;height:6px;width:6px}.chain-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#22c55e;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.chain-dot:after{content:"";position:relative;display:inline-block;border-radius:50%;height:6px;width:6px;background:#22c55e}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.wallet-dropdown-wrapper{position:relative}.wallet-btn{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.18em;background:none;border:1px solid rgba(255,255,255,.1);padding:6px 12px;cursor:pointer;transition:all .15s}.wallet-btn:hover{border-color:#ffffff40;color:#fff9}.wallet-btn.connected{color:#fff6}.wallet-btn.connected:hover{color:#fff9}.wallet-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.wallet-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#000;border:1px solid rgba(255,255,255,.15);z-index:100}.wallet-dropdown-item{display:block;width:100%;padding:10px 14px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffb3;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s}.wallet-dropdown-item:last-child{border-bottom:none}.wallet-dropdown-item:hover{background:#ffffff0d;color:#fff}.wallet-dropdown-item.disconnect{color:#ef4444}.wallet-dropdown-item.disconnect:hover{background:#ef44441a}.status-bar{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.18em}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.live{background:#22c55e}.status-dot.error{background:#ef4444}.refresh-btn{background:none;border:1px solid rgba(255,255,255,.1);color:#fff6;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;font-size:14px}.refresh-btn:hover{border-color:#ffffff4d;color:#fff}.refresh-btn.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main{max-width:1152px;margin:0 auto;padding:56px 24px 24px}.hero{border-bottom:1px solid rgba(255,255,255,.1);padding:48px 0 24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.22em;margin-bottom:12px}.hero-badge a{color:#ffffff4d;text-decoration:none;transition:color .15s}.hero-badge a:hover{color:#fff9}.hero-title{font-size:48px;font-weight:900;letter-spacing:-.04em;line-height:1;color:#fff}.hero-subtitle{color:#ffffff80;font-family:JetBrains Mono,monospace;font-size:13px;max-width:640px;line-height:1.6}.hero-subtitle a{color:#ffffffbf;text-decoration:none}.hero-subtitle a:hover{color:#fff}.hero-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.hero-price{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.price-main{font-size:48px;font-weight:900;letter-spacing:-.04em;font-family:JetBrains Mono,monospace;color:#fff}.price-change{display:inline-flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.price-change.positive{color:#22c55e}.price-change.negative{color:#ef4444}.section-divider{border-bottom:1px solid rgba(255,255,255,.1)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;border:1px solid rgba(255,255,255,.1);background:#ffffff1a;margin-bottom:0}.metric-card{background:#000;padding:16px}.metric-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#ffffff4d;margin-bottom:4px}.metric-value{font-size:24px;font-weight:900;letter-spacing:-.04em;font-family:JetBrains Mono,monospace;color:#ffffffd9;tabular-nums:true;font-variant-numeric:tabular-nums}.metric-sub{font-family:JetBrains Mono,monospace;font-size:10px;color:#fff3;margin-top:2px}.panel{border:1px solid rgba(255,255,255,.1);background:#000;margin-bottom:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-title{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#fff6;display:flex;align-items:center;gap:8px}.panel-title-icon{font-size:12px}.panel-actions{display:flex;gap:2px}.panel-tab{background:none;border:1px solid transparent;color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:4px 10px;cursor:pointer;transition:all .15s}.panel-tab:hover{color:#fff9;border-color:#ffffff1a}.panel-tab.active{color:#fff;border-color:#fff3}.panel-body{padding:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);margin-bottom:0}.two-col>.panel{border:none;margin:0}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400;color:#ffffff4d;text-transform:uppercase;letter-spacing:.18em;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}td{padding:12px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffff8c}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}td.mono{font-family:JetBrains Mono,monospace;font-size:12px;font-variant-numeric:tabular-nums}td.address{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffffd9;font-weight:500}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.16em;border:1px solid rgba(255,255,255,.1);color:#ffffff73}.tag-green{color:#22c55e;border-color:#22c55e4d}.tag-red{color:#ef4444;border-color:#ef44444d}.tag-blue,.tag-purple{color:#ffffff8c;border-color:#ffffff26}.tag-yellow{color:#eab308;border-color:#eab3084d}.progress-bar{width:100%;height:4px;background:#ffffff0d;overflow:hidden}.progress-fill{height:100%;transition:width .5s ease;background:#fff}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-row:last-child{border-bottom:none}.stat-label{font-size:13px;color:#ffffff8c;display:flex;align-items:center;gap:8px}.stat-value{font-size:13px;font-weight:500;font-family:JetBrains Mono,monospace;color:#ffffffd9}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#ffffff4d;gap:16px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#ffffff4d;text-align:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:11px}.error-icon{font-size:24px}.retry-btn{background:#fff;color:#000;border:none;padding:8px 20px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:opacity .15s}.retry-btn:hover{opacity:.9}.chart-container{width:100%;height:280px}.footer{border-top:1px solid rgba(255,255,255,.1);padding:32px 24px;margin-top:48px}.footer-inner{max-width:1152px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-left{display:flex;flex-direction:column;gap:4px}.footer-brand{font-size:13px;font-weight:700;color:#fff;letter-spacing:-.02em}.footer-brand span{color:#ffffff4d;font-weight:400;margin-left:4px}.footer-desc{font-family:JetBrains Mono,monospace;font-size:10px;color:#fff3}.footer-right{display:flex;align-items:center;gap:16px}.footer-links{display:flex;gap:16px}.footer-link{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;transition:color .15s}.footer-link:hover{color:#fff}.footer-system-status-wrapper{position:relative}.chain-badge{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.18em;background:none;border:1px solid rgba(255,255,255,.1);padding:6px 12px;cursor:pointer;transition:all .15s}.chain-badge:hover{border-color:#ffffff40;color:#fff9}.chain-dot.degraded:before{background:#eab308;animation:none}.chain-dot.degraded:after{background:#eab308}.system-status{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#000;border:1px solid rgba(255,255,255,.15);z-index:100}.system-status-header{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#ffffff4d;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.system-status-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.system-status-item:last-child{border-bottom:none}.system-status-info{flex:1;min-width:0}.system-status-name{display:block;font-size:12px;font-weight:600;color:#ffffffd9}.system-status-desc{display:block;font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d}.whale-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);transition:background .15s}.whale-item:last-child{border-bottom:none}.whale-item:hover{background:#ffffff05}.whale-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;flex-shrink:0;border:1px solid rgba(255,255,255,.1);color:#ffffff8c}.whale-info{flex:1;min-width:0}.whale-address{font-family:JetBrains Mono,monospace;font-size:12px;color:#ffffffd9;font-weight:500}.whale-detail{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d;margin-top:2px;text-transform:uppercase;letter-spacing:.1em}.whale-amount{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:#ffffffd9;text-align:right;font-variant-numeric:tabular-nums}.dist-bar{display:flex;height:8px;overflow:hidden;margin:12px 0;gap:1px;background:#ffffff0d}.dist-segment{transition:all .3s;min-width:2px}.dist-segment:hover{opacity:.8}.dist-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.dist-legend-item{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.dist-legend-dot{width:8px;height:8px;flex-shrink:0}@media(max-width:1024px){.two-col{grid-template-columns:1fr}}@media(max-width:768px){.header-inner{padding:0 16px}.nav{display:none}.main{padding:56px 16px 16px}.hero-title,.price-main{font-size:32px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:20px}.footer-inner{flex-direction:column;text-align:center}.footer-right{flex-direction:column;align-items:center}.footer-links{justify-content:center}.system-status{right:auto;left:50%;transform:translate(-50%)}.hero{padding:32px 0}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.hero-title,.price-main{font-size:28px}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff08}.recharts-text{fill:#ffffff4d;font-size:10px;font-family:JetBrains Mono,monospace}.recharts-tooltip-wrapper{outline:none}.custom-tooltip{background:#000;border:1px solid rgba(255,255,255,.1);padding:10px 14px}.custom-tooltip .label{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.custom-tooltip .value{font-size:14px;font-weight:700;font-family:JetBrains Mono,monospace;color:#fff}.mobile-nav{display:none}@media(max-width:768px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#000000f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);padding:8px 0;justify-content:space-around;z-index:50}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;cursor:pointer;transition:color .15s}.mobile-nav-btn.active{color:#fff}.mobile-nav-icon{font-size:16px}.main{padding-bottom:80px}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);margin-bottom:0}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}.settings-panel{height:fit-content}.settings-desc{color:#ffffff8c;font-size:13px;line-height:1.6;margin-bottom:16px}.settings-desc code{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffffd9;background:#ffffff0d;padding:2px 6px}.settings-input-group{display:flex;gap:8px;margin-bottom:16px}.settings-input{flex:1;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;outline:none;transition:border-color .15s}.settings-input:focus{border-color:#ffffff4d}.settings-input::placeholder{color:#fff3}.settings-btn{padding:10px 18px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:all .15s;white-space:nowrap}.settings-btn.save{background:#fff;color:#000;border:none}.settings-btn.save:hover{opacity:.9}.settings-btn.clear{background:transparent;color:#ffffff73;border:1px solid rgba(255,255,255,.1)}.settings-btn.clear:hover{border-color:#ffffff4d;color:#fff}.settings-info{display:flex;flex-direction:column;gap:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.settings-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}.settings-info-row:last-child{border-bottom:none}.settings-info-label{color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.settings-info-value{color:#ffffff8c;font-family:JetBrains Mono,monospace;font-size:11px}.settings-info-value a{color:#ffffffbf;text-decoration:none}.settings-info-value a:hover{color:#fff}.datasource-list{display:flex;flex-direction:column;gap:0}.datasource-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.datasource-item:last-child{border-bottom:none}.datasource-status{flex-shrink:0}.datasource-info{flex:1;min-width:0}.datasource-name{font-weight:600;font-size:13px;color:#ffffffd9;margin-bottom:2px}.datasource-desc{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff4d}