.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#020a1c;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:32px;height:32px;background-image:url(https://static.frax.com/images/chains/fraxtal.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.logo-text{font-size:1.5rem;font-weight:600;color:#fff}.header-actions{display:flex;gap:1rem;align-items:center}.btn-primary,.btn-secondary{padding:.5rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;border:none;font-size:.875rem;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#ffffff0d;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a}.network-selector{appearance:none;-webkit-appearance:none;padding:.5rem 2.5rem .5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#ffffff0d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;color:#e5e7eb;cursor:pointer;font-size:.875rem;margin-left:1rem;transition:border-color .2s,background-color .2s}.network-selector:hover{border-color:#fff3;background-color:#ffffff14}.network-selector:focus-visible{outline:none;border-color:#3b82f6}.network-selector option{background:#1a1a1a;color:#e5e7eb}.connection-status{font-size:.875rem;margin-left:auto}.status-connected{color:#10b981}.status-disconnected{color:#ef4444}.main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;max-width:1800px;margin:0 auto;width:100%}.panel{display:flex;flex-direction:column;gap:1rem}.panel-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.panel-content{display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;color:#9ca3af;padding:3rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.block-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;transition:all .2s}.block-card:hover{box-shadow:0 4px 6px -1px #0000004d;border-color:#fff3;background:#ffffff0d}.block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.block-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#fff;text-decoration:none;transition:color .2s}.block-title:hover{color:#3b82f6}.block-number{font-size:1rem}.external-link{color:#6b7280;transition:color .2s}.block-title:hover .external-link{color:#3b82f6}.time-ago{color:#9ca3af;font-size:.875rem}.block-content{display:flex;flex-direction:column;gap:.75rem}.transaction-list{display:flex;flex-direction:column;gap:.5rem}.transaction-item{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:#d1d5db}.tx-dots{color:#6b7280}.tx-hash{color:#9ca3af;text-decoration:none}.tx-hash:hover{color:#3b82f6}.more-transactions{color:#9ca3af;font-size:.875rem;text-align:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.flashblock-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;transition:all .2s}.flashblock-card.confirmed{background:#10b9811a;border-color:#10b9814d}.flashblock-card.building{background:#fbbf241a;border-color:#fbbf244d}.flashblock-card:hover{box-shadow:0 4px 6px -1px #0000004d;background:#ffffff0d}.flashblock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.flashblock-title{font-weight:600;color:#fff}.flashblock-number{font-size:1rem}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.flashblock-card.confirmed .status-badge{background:#10b98133;color:#34d399}.flashblock-card.building .status-badge{background:#fbbf2433;color:#fbbf24}.flashblock-content{display:flex;flex-direction:column;gap:.75rem}.flashblock-card .transaction-item{display:flex;justify-content:space-between;align-items:center}.tx-info{display:flex;align-items:center;gap:.5rem}.tx-value{color:#9ca3af;font-size:.875rem;font-family:Courier New,monospace}@media(max-width:1200px){.main{grid-template-columns:1fr}}*{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-color:#020817;color:#e5e7eb}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}