:root{font-family:Space Grotesk,Work Sans,system-ui,sans-serif;color:#111322;background-color:#f4f5fb;text-rendering:optimizeLegibility;--ink: #111322;--muted: #6b7288;--accent: #5b3df6;--accent-2: #7d6cff;--panel: #ffffff;--border: #e6e8f0;--shadow: rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f5fb}.app{max-width:1240px;margin:0 auto;padding:28px 24px 80px;display:flex;flex-direction:column;gap:24px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px}.hero h1{font-size:clamp(2rem,2.6vw,2.8rem);margin:6px 0 0;line-height:1.1}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:600;color:var(--accent)}.btn{background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 16px 24px -20px var(--shadow)}.btn:hover{transform:translateY(-1px)}.banner{background:#f7f1ff;color:#3b2a6d;padding:12px 16px;border-radius:14px;border:1px solid #ebe1ff}.panel{background:var(--panel);border-radius:18px;padding:20px 24px;border:1px solid var(--border);box-shadow:0 18px 30px -26px var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:0}.panel-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.pager{display:flex;align-items:center;gap:12px}.btn.ghost{background:#f7f8fb;color:var(--ink);border:1px solid var(--border);box-shadow:none}.panel-header select{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#f7f8fb}.grid.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stack{display:flex;flex-direction:column;gap:20px}.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:16px;border-radius:16px;background:#f7f8fb;border:1px solid var(--border)}.stat.single{grid-template-columns:1fr}.token-lines{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;flex-wrap:wrap;gap:20px}.stat h3{margin:0;font-size:1.5rem}.label{text-transform:uppercase;font-size:.65rem;letter-spacing:.14em;color:var(--muted);margin:0 0 4px}.value{font-size:1.3rem;margin:0}.muted{color:var(--muted)}.token-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.token-name{margin-bottom:12px}.chart-controls{display:flex;align-items:center;gap:10px}.chart-controls select{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#f7f8fb}.token{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.token.active{border-color:var(--accent);box-shadow:0 8px 16px -14px var(--shadow)}.table{display:flex;flex-direction:column;gap:12px;width:100%}.table-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:8px 14px;font-size:.9rem;align-items:center;width:100%}.table-row>span{min-width:0}.table-row>span a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table.five-col .table-row{grid-template-columns:minmax(180px,1.2fr) minmax(140px,1.1fr) minmax(220px,2fr) minmax(220px,2fr) minmax(120px,1fr) minmax(90px,.8fr)}.table a{color:var(--ink);text-decoration:none}.table a:hover{text-decoration:underline;color:var(--accent)}.token-link{color:var(--ink);text-decoration:none}.token-link:hover{text-decoration:underline;color:var(--accent)}.table.two-col .table-row{grid-template-columns:repeat(2,minmax(0,1fr))}.table.tokens-table .table-row{grid-template-columns:minmax(240px,2fr) minmax(120px,1fr) minmax(120px,1fr) minmax(160px,1.2fr)}.row-token{display:flex;flex-direction:column;gap:2px}.row-token-name{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.time-cell{display:flex;flex-direction:column;gap:4px}.amount-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-cell{white-space:nowrap}.table-row.header{font-weight:600;color:var(--muted);text-transform:uppercase;font-size:.65rem;letter-spacing:.12em}.table-row:not(.header){background:#f7f8fb;border-radius:10px;border:1px solid var(--border)}.sparkline{display:grid;gap:6px;align-items:end;height:140px}.sparkbar{width:100%;height:100%;background:#5b3df614;border-radius:6px;display:flex;align-items:flex-end;overflow:visible;position:relative}.sparkfill{width:100%;background:linear-gradient(180deg,#5b3df6,#7d6cff);border-radius:6px}.sparkbar:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px);background:#0d0f14;color:#fff;font-size:.7rem;padding:4px 8px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.sparkbar:hover:after{opacity:1}.empty{padding:12px 0;color:var(--muted)}.address-lookup{display:flex;gap:12px;margin-bottom:16px}.address-lookup input{flex:1;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#f7f8fb}@media (max-width: 720px){.hero{flex-direction:column;align-items:flex-start}.address-lookup{flex-direction:column}}.refresh-indicator{position:fixed;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:var(--muted);background:#ffffffb3;border:1px solid var(--border);border-radius:999px;padding:6px 12px;box-shadow:0 8px 18px #0f172a0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}.refresh-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 #22c55e99;animation:refreshPulse 1.6s ease-in-out infinite}@keyframes refreshPulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}