:root{--bg: #f4f6f9;--card-bg: #ffffff;--text: #2d3748;--text-muted: #718096;--border: #e2e8f0;--accent: #4f46e5;--accent-light: #eef2ff;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius: 12px;--shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.app{max-width:1400px;margin:0 auto;padding:20px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.spinner{width:40px;height:40px;border:4px solid var(--accent-light);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.header-left{display:flex;align-items:center;gap:10px}.header h1{font-size:2rem;font-weight:700;color:var(--text)}.status-badge{font-size:.85rem;padding:4px 10px;border-radius:20px;font-weight:500}.status-badge.connected{background:var(--success);color:#fff}.status-badge.connecting{background:var(--warning);color:#fff}.status-badge.disconnected{background:var(--danger);color:#fff}.header-right{display:flex;gap:15px;color:var(--text-muted);font-size:.9rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.stat-card{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform .2s}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.stat-card .value{font-size:2rem;font-weight:700;color:var(--text)}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px}.grid-item{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.transaction-list h2,.block-list h2{font-size:1.2rem;padding:15px 20px;border-bottom:1px solid var(--border);margin:0}.transaction-list-content,.block-list-content{padding:0 20px 15px;max-height:400px;overflow-y:auto}.transaction-item{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid var(--border)}.transaction-item:last-child{border-bottom:none}.transaction-item .from-to{font-weight:500}.transaction-item .amount{color:var(--accent);font-weight:600}.transaction-item .hash{font-family:monospace;font-size:.75rem;color:var(--text-muted);word-break:break-all}.transaction-item .timestamp{font-size:.8rem;color:var(--text-muted)}.badge{display:inline-block;font-size:.7rem;padding:2px 6px;border-radius:10px;background:var(--success);color:#fff;margin-left:5px}.block-item{padding:15px 0;border-bottom:1px solid var(--border)}.block-item:last-child{border-bottom:none}.block-item .block-header{display:flex;justify-content:space-between;font-weight:500;margin-bottom:5px}.block-item .hash{font-family:monospace;font-size:.8rem;color:var(--text-muted);word-break:break-all}.block-item .block-details{font-size:.85rem;color:var(--text-muted);margin-top:5px}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}}.fee{font-size:.8rem;color:var(--warning)}