*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;color:#e0e0e0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1920px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px;border-radius:10px;margin-bottom:30px;box-shadow:0 10px 30px #0000004d}.header h1{font-size:2.5rem;margin-bottom:10px;color:#fff}.header p{color:#ffffffe6;font-size:1.1rem}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.card{background:#1a1f3a;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000004d;border:1px solid #2a3150}.card h2{font-size:1.5rem;margin-bottom:15px;color:#667eea;border-bottom:2px solid #667eea;padding-bottom:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-item{background:#0f1429;padding:15px;border-radius:8px;border-left:4px solid #667eea}.stat-label{font-size:.85rem;color:#888;text-transform:uppercase;margin-bottom:5px}.stat-value{font-size:1.8rem;font-weight:700;color:#e0e0e0}.transaction-list{max-height:400px;overflow-y:auto}.transaction-item{background:#0f1429;padding:12px;margin-bottom:10px;border-radius:6px;border-left:3px solid #667eea;font-size:.9rem}.transaction-item:hover{background:#151b35}.tx-hash{font-family:monospace;color:#667eea;margin-bottom:5px}.tx-details{display:flex;justify-content:space-between;color:#888;font-size:.85rem}.address{font-family:monospace;color:#888}.value-usd{color:#4ade80;font-weight:700}.controls{background:#1a1f3a;padding:20px;border-radius:10px;margin:0 20px 20px;display:flex;gap:15px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-size:.85rem;color:#888;text-transform:uppercase}.control-group input,.control-group select{background:#0f1429;border:1px solid #2a3150;color:#e0e0e0;padding:10px;border-radius:6px;font-size:1rem}.btn-primary,.control-group button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:700;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0;min-height:36px}.btn-primary:hover,.control-group button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #764ba266}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.status-connected{background:#4ade80;box-shadow:0 0 10px #4ade80}.status-disconnected{background:#ef4444}.visualization-container{background:#1a1f3a;border-radius:10px;padding:20px;min-height:500px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f1429}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#764ba2}.toggle-switch{position:relative;display:inline-block;width:46px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2a3150;transition:.4s;border-radius:24px;border:1px solid #4a5568}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#888;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#667eea;border-color:#667eea}input:checked+.toggle-slider:before{transform:translate(22px);background-color:#fff}input:focus+.toggle-slider{box-shadow:0 0 1px #667eea}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#667eea;cursor:pointer;margin-top:-6px;box-shadow:0 0 5px #0000004d}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#2a3150;border-radius:2px}input[type=range]:focus::-webkit-slider-runnable-track{background:#3a4160}.band-btn{background:#1a1f3a;border:1px solid #2a3150;color:#888;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s;opacity:.6}.band-btn:hover{border-color:#667eea;transform:translateY(-1px);opacity:.8}.band-btn.active{background:#667eea33;border-color:#667eea;color:#fff;opacity:1;box-shadow:0 0 10px #667eea33}#root{margin:0;padding:0;width:100%;height:100%}:root{--primary-color: #667eea;--bg-color: #1a1f36;--text-main: #e0e0e0;--text-dim: #888;--border-color: rgba(102, 126, 234, .2);--error-bg: rgba(239, 68, 68, .2);--error-text: #fca5a5}.app-container{display:flex;flex-direction:column;height:100vh;padding:0;width:100%;box-sizing:border-box}.app-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.header-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.app-title{margin:0;font-size:1.5rem}.app-subtitle{color:var(--text-dim);font-size:.85rem}.chain-select{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;padding:8px 12px;color:var(--text-main);font-size:.9rem;cursor:pointer}.chain-select option{background:var(--bg-color);color:var(--text-main)}.status-badge{display:flex;align-items:center;gap:8px}.status-text{font-size:.85rem}.error-banner{padding:10px 15px;background:var(--error-bg);border-radius:6px;color:var(--error-text);font-size:.85rem;margin-bottom:10px}.tracker-container{flex-shrink:0;padding:0 20px}.visualization-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg-color)}.auth-box{background:#1a1f3a;padding:40px;border-radius:10px;width:100%;max-width:400px;box-shadow:0 10px 30px #00000080;border:1px solid #2a3150;text-align:center}.auth-box h2{margin-bottom:20px;color:#fff}.auth-error{background:var(--error-bg);color:var(--error-text);padding:10px;border-radius:5px;margin-bottom:20px;font-size:.9rem}.form-group{margin-bottom:15px;text-align:left}.form-group label{display:block;margin-bottom:5px;color:#888;font-size:.9rem}.form-group input{width:100%;padding:10px;background:#0f1429;border:1px solid #2a3150;border-radius:5px;color:#fff;font-size:1rem}.auth-btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;margin-top:10px;font-size:1rem}.auth-btn-primary:hover{opacity:.9}.auth-divider{margin:20px 0;position:relative;text-align:center}.auth-divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#2a3150}.auth-divider span{background:#1a1f3a;padding:0 10px;color:#888;position:relative;font-size:.8rem}.google-btn-wrapper{display:flex;justify-content:center;margin-bottom:20px}.auth-footer{margin-top:20px;font-size:.9rem;color:#888}.auth-footer a{color:#667eea;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-btn{background:transparent;border:1px solid #667eea;color:#667eea;padding:5px 15px;border-radius:5px;cursor:pointer;transition:all .2s}.auth-btn:hover{background:#667eea;color:#fff}