:root { --bg:#090b0a; --surface:#111412; --surface2:#161b17; --line:#2a302b; --muted:#a1aaa2; --lime:#c9ff00; --white:#f5f7f3; --red:#ff5c5c; --green:#70ff9a; --font:'Manrope',Arial,sans-serif; --mono:'DM Mono',monospace; }
* { box-sizing:border-box; } body { margin:0; color:var(--white); background:radial-gradient(circle at 78% 8%, rgba(201,255,0,.13), transparent 33%), var(--bg); font-family:var(--font); } a { color:inherit; text-decoration:none; } button,input { font:inherit; }
.scan-nav { height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1380px; margin:auto; padding:0 36px; border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:inline-flex; align-items:center; gap:9px; font-size:23px; font-weight:800; }.brand-logo { display:block; width:29px; height:29px; object-fit:cover; border-radius:3px; background:var(--lime); }
.scan-nav nav { display:flex; align-items:center; gap:28px; margin-right:auto; margin-left:64px; }.scan-nav nav a,.language { color:#c2c9c2; font-size:13px; font-weight:600; }.scan-nav nav a:hover { color:var(--lime); }
.language-picker { position:relative; }.language { background:transparent; border:0; cursor:pointer; padding:8px 0; }.language span { padding-left:4px; }.language-menu { position:absolute; right:0; top:calc(100% + 9px); z-index:20; display:none; min-width:112px; padding:5px; background:#161b17; border:1px solid #39423b; box-shadow:0 14px 30px rgba(0,0,0,.3); }.language-picker.is-open .language-menu { display:grid; }.language-menu button { border:0; background:transparent; text-align:left; padding:10px 11px; color:#b9c3ba; font-size:12px; cursor:pointer; }.language-menu button:hover,.language-menu button[aria-selected="true"] { color:#101410; background:var(--lime); }
.scan-shell { max-width:1380px; margin:auto; padding:72px 36px 56px; }.hero-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,520px); gap:32px; align-items:end; margin-bottom:28px; }.eyebrow { font:500 11px var(--mono); color:var(--lime); text-transform:uppercase; margin:0 0 18px; }.hero-panel h1 { max-width:760px; margin:0; font-size:clamp(42px,6vw,82px); line-height:.95; letter-spacing:-.06em; }.hero-panel p:not(.eyebrow) { max-width:660px; color:#c8d0c8; line-height:1.7; }
.search-card,.table-panel,.result-panel,.stats-grid article { background:rgba(17,20,18,.78); border:1px solid var(--line); box-shadow:0 28px 70px rgba(0,0,0,.24); }.search-card { padding:24px; }.search-card label { display:block; margin-bottom:12px; color:#d5ddd5; font-size:13px; font-weight:700; }.search-row { display:flex; gap:12px; }.scan-search { width:100%; min-height:52px; padding:0 16px; border:1px solid #39423b; outline:0; background:#0d100e; color:var(--white); font-family:var(--mono); }.scan-search:focus { border-color:var(--lime); }.button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; border:1px solid var(--lime); background:var(--lime); color:#0c0e0d; font-size:13px; font-weight:800; cursor:pointer; }.button:hover { background:#ddff55; }.search-status { min-height:22px; margin:14px 0 0; color:var(--muted); font-size:13px; }.search-status.is-error { color:var(--red); }
.stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:28px 0; }.stats-grid article { padding:22px; }.stats-grid span { display:block; color:var(--muted); font-size:12px; margin-bottom:9px; }.stats-grid strong { font:500 25px var(--mono); color:var(--white); overflow-wrap:anywhere; }.stat-rpc.is-live { color:var(--green); }.stat-rpc.is-down { color:var(--red); }
.panel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }.panel-head h2 { margin:0; font-size:24px; letter-spacing:-.03em; }.refresh-note,.clear-result { color:var(--muted); font-size:12px; }.clear-result { border:1px solid #39423b; background:transparent; padding:8px 12px; cursor:pointer; }.clear-result:hover { color:#101410; background:var(--lime); border-color:var(--lime); }
.tables-grid { display:grid; grid-template-columns:1fr; gap:22px; }.table-panel,.result-panel { padding:22px; }.table-wrap { width:100%; overflow:auto; } table { width:100%; min-width:860px; border-collapse:collapse; } th { color:#dce5dc; text-align:left; font-size:11px; text-transform:uppercase; font-family:var(--mono); font-weight:500; border-bottom:1px solid #39423b; padding:0 12px 13px; } td { color:#c7cfc7; border-bottom:1px solid rgba(255,255,255,.07); padding:14px 12px; font-size:13px; vertical-align:top; } td:first-child,td:last-child,.mono { font-family:var(--mono); } tr:hover td { background:rgba(201,255,0,.035); }
.link-button { color:var(--lime); border:0; background:transparent; padding:0; cursor:pointer; font:inherit; text-align:left; }.muted { color:var(--muted); }.ok { color:var(--green); }.bad { color:var(--red); }.is-hidden { display:none; }.empty-row td { color:var(--muted); text-align:center; padding:26px 12px; }
.detail-grid { display:grid; grid-template-columns:180px minmax(0,1fr); gap:0; border:1px solid #39423b; }.detail-grid span,.detail-grid strong { padding:13px 15px; border-bottom:1px solid rgba(255,255,255,.08); overflow-wrap:anywhere; }.detail-grid span { color:var(--muted); background:rgba(255,255,255,.025); }.detail-grid strong { font-family:var(--mono); font-weight:500; }.scan-footer { max-width:1380px; margin:auto; padding:28px 36px 38px; display:flex; justify-content:space-between; color:#7e897f; font-size:12px; border-top:1px solid rgba(255,255,255,.08); }
@media (max-width:900px) { .scan-nav { padding:0 18px; }.scan-nav nav { display:none; }.scan-shell { padding:44px 18px; }.hero-panel,.stats-grid { grid-template-columns:1fr; }.search-row { flex-direction:column; }.scan-footer { padding:24px 18px; display:grid; gap:8px; } .detail-grid { grid-template-columns:1fr; } }