:root{--bg-main: radial-gradient(circle at top, #111827 0, #020617 40%, #000000 100%);--bg-card: rgba(15, 23, 42, .96);--bg-soft: rgba(15, 23, 42, .7);--border-subtle: rgba(148, 163, 184, .35);--accent: #facc15;--accent-soft: rgba(250, 204, 21, .12);--text-main: #e5e7eb;--text-soft: #9ca3af;--text-strong: #f9fafb;--muted: #6b7280;--danger: #f97373;--success: #4ade80;--shadow-soft: 0 18px 60px rgba(0, 0, 0, .65);--radius-lg: 18px;--radius-xl: 24px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:#020617;color:var(--text-main)}body{background-image:var(--bg-main);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px 12px 32px}.shell{width:100%;max-width:1180px;border-radius:32px;border:1px solid rgba(148,163,184,.28);background:radial-gradient(circle at top left,rgba(148,163,184,.18),transparent 45%),radial-gradient(circle at bottom right,rgba(30,64,175,.35),transparent 55%),#0f172af5;box-shadow:var(--shadow-soft);padding:16px 18px 18px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}.shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(250,204,21,.04),transparent 60%);pointer-events:none}.shell-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.logo-circle{width:36px;height:36px;border-radius:12px;background:radial-gradient(circle at 30% 20%,#374151,#020617);display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.35);box-shadow:0 10px 28px #000000b3;overflow:hidden}.logo-circle svg{width:24px;height:24px;display:block}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-strong)}.brand-sub{font-size:11px;color:var(--text-soft)}.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.network-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.network-pill .dot{width:7px;height:7px;border-radius:999px;background:#fbbf24;box-shadow:0 0 0 4px #fbbf2438}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#0f172ae6;border:1px dashed rgba(148,163,184,.6);font-size:11px;color:var(--danger)}.status-pill .dot{width:7px;height:7px;border-radius:999px;background:var(--danger);box-shadow:0 0 0 4px #f871713d}.search-section{display:flex;flex-direction:column;gap:6px}.search-bar{background:#0f172ae6;border-radius:999px;border:1px solid rgba(148,163,184,.5);display:flex;align-items:center;padding:6px 10px 6px 12px;gap:8px}.search-bar svg{width:16px;height:16px;flex-shrink:0}.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--text-main);font-size:13px;min-width:0}.search-input::placeholder{color:var(--muted)}.search-hints{display:flex;flex-wrap:wrap;gap:6px}.hint-pill{font-size:10px;padding:3px 8px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5);color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.notice{font-size:11px;padding:7px 10px;border-radius:999px;background:#0f172ae6;border:1px dashed rgba(148,163,184,.6);color:var(--text-soft);display:inline-flex;align-items:center;gap:8px;max-width:100%}.notice span.label{padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr);gap:14px;margin-top:4px}@media(max-width:960px){.grid{grid-template-columns:minmax(0,1fr)}}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:12px 12px 10px;position:relative;overflow:hidden}.card--mt{margin-top:10px}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.card-title{font-size:13px;font-weight:600;color:var(--text-strong)}.card-sub{font-size:11px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.6);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.badge .dot{width:6px;height:6px;border-radius:999px;background:var(--accent)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:4px}.metric{background:var(--bg-soft);border-radius:12px;border:1px solid rgba(148,163,184,.5);padding:8px 9px;font-size:11px;color:var(--text-soft);display:flex;flex-direction:column;gap:2px}.metric-label{font-size:11px;color:var(--muted)}.metric-value{font-size:14px;font-weight:600;color:var(--text-strong)}.metric-extra{font-size:11px;color:var(--muted)}.metric-value.accent{color:var(--accent)}.metric-value.ok{color:var(--success)}.metric-value.warn{color:#fbbf24}.table-wrapper{margin-top:2px;border-radius:12px;border:1px solid rgba(148,163,184,.5);overflow:hidden;background:#0f172aeb}table{width:100%;border-collapse:collapse;font-size:11px}thead{background:#0f172afa}th,td{padding:7px 9px;text-align:left;white-space:nowrap}th{font-weight:500;color:var(--muted);border-bottom:1px solid rgba(55,65,81,.9)}tbody tr:nth-child(odd){background:#0f172af5}tbody tr:nth-child(2n){background:#0f172ae6}tbody tr:hover{background:#1e40af45}.hash,.addr{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;color:var(--text-main)}.hash span,.addr span{color:var(--muted)}.link{color:var(--accent);text-decoration:none;font-size:11px}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10px;border:1px solid rgba(148,163,184,.55);background:#0f172ae6;color:var(--muted)}.tag.primary{border-color:#facc1599;color:var(--accent);background:#facc1514}.tag.success{border-color:#22c55e99;color:var(--success);background:#16a34a29}.tag.pending{border-color:#fbbf24b3;color:#fde68a;background:#fbbf2429}.table-footer{padding:6px 9px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(55,65,81,.9);font-size:10px;color:var(--muted)}.table-footer a{color:var(--accent);text-decoration:none}.status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.status-item{background:var(--bg-soft);border-radius:10px;border:1px solid rgba(148,163,184,.5);padding:6px 8px;font-size:11px;color:var(--text-soft);display:flex;flex-direction:column;gap:2px}.status-item-label{font-size:11px;color:var(--muted)}.status-item-value{font-size:12px;color:var(--text-strong)}.status-dot{width:7px;height:7px;border-radius:999px;display:inline-block;margin-right:4px}.status-dot.ok{background:var(--success);box-shadow:0 0 0 4px #22c55e38}.status-dot.idle{background:#6b7280;box-shadow:0 0 0 4px #4b556338}.status-dot.warn{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2438}.footer{margin-top:10px;font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.footer-links{display:flex;flex-wrap:wrap;gap:8px}.footer-links a{color:var(--text-soft);text-decoration:none;font-size:11px}.footer-links a:hover{color:var(--accent)}.quick-links-list{list-style:none;margin:4px 0 0;padding:0;font-size:12px;display:flex;flex-direction:column;gap:6px}.quick-links-text{margin:10px 0 0;font-size:11px;color:var(--muted)}.filters-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.filters-group{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.filters-group label{display:flex;flex-direction:column;font-size:11px;color:var(--muted)}.filters-group input,.filters-group select{margin-top:3px;padding:4px 6px;border-radius:6px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:var(--text-main);font-size:11px}.filters-apply{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#0f172ae6;color:var(--text-main);font-size:11px;cursor:pointer}.filters-apply:hover{border-color:var(--accent)}.pagination{margin-top:8px;padding:6px 8px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.pagination-controls{display:flex;gap:6px}.pagination-controls button{padding:4px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;color:var(--text-main);font-size:11px;cursor:pointer}.pagination-controls button:disabled{opacity:.4;cursor:default}.metrics-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px}.main-nav{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;font-size:11px}.main-nav a{padding:4px 9px;border-radius:999px;border:1px solid transparent;color:var(--muted);text-decoration:none}.main-nav a.active{border-color:#facc15b3;background:#facc1514;color:var(--accent)}.tabs{margin-top:10px;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:6px}.tab-button{padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:var(--muted);font-size:11px;cursor:pointer}.tab-button.active{border-color:#facc15cc;color:var(--accent);background:#facc151f}.search-advanced-link{margin-top:4px;font-size:11px;color:var(--muted)}.table-summary{margin:6px 0 8px;font-size:11px;color:var(--muted)}.pagination-pages{display:flex;gap:4px;align-items:center}.page-number{padding:3px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:var(--text-main);font-size:11px;cursor:pointer}.page-number.active{border-color:#facc15e6;background:#facc1529;color:var(--accent)}.page-number:disabled{cursor:default}.topbar-latest{margin-left:16px;display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.latest-item{display:flex;gap:6px;align-items:center}.latest-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.latest-value{font-weight:500}.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;text-transform:uppercase;letter-spacing:.12em}.role-badge--wallet{border-color:#60a5fab3;color:#93c5fd}.role-badge--contract{border-color:#f472b6b3;color:#f9a8d4}.role-badge--validator{border-color:#34d399b3;color:#6ee7b7}.validator-status-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;text-transform:capitalize;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:var(--muted)}.validator-status-tag--active{border-color:#34d399e6;background:#10b98124;color:#6ee7b7}.validator-status-tag--inactive{border-color:#94a3b8b3;background:#1f2937cc;color:var(--muted)}.validator-status-tag--jailed{border-color:#f87171cc;background:#ef444429;color:#fecaca}.role-pill{display:inline-flex;align-items:center;padding:2px 6px;margin-right:4px;margin-bottom:2px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;color:var(--muted)}.btn-ghost{padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:transparent;font-size:11px;color:var(--text-soft);cursor:pointer}.btn-ghost:hover{border-color:#facc15b3;color:var(--accent)}
