
:root{--bg:#0b1220;--panel:rgba(0,0,0,.16);--line:rgba(255,255,255,.12);--text:#e8eefc;--muted:#a9b6d6;--accent:#4da3ff;--good:#43d38d;--shadow:0 12px 34px rgba(0,0,0,.35);--radius:16px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);background:radial-gradient(1200px 700px at 15% -10%, rgba(77,163,255,.22), transparent 55%),radial-gradient(900px 600px at 90% 0%, rgba(67,211,141,.14), transparent 55%),var(--bg);color:var(--text)}
.vh-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(10,16,30,.78);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}
.vh-brand{display:flex;align-items:center;gap:14px}
.vh-logo{height:42px;width:auto;border-radius:12px}
.vh-title{font-weight:900;letter-spacing:.2px}
.vh-subtitle{font-size:12px;color:var(--muted)}
.vh-actions{display:flex;gap:10px;align-items:center}
.vh-btn{border:1px solid var(--line);background:rgba(0,0,0,.12);color:var(--text);padding:10px 12px;border-radius:12px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.vh-btn-primary{background:rgba(77,163,255,.16);border-color:rgba(77,163,255,.45)}
.vh-btn-ghost{background:rgba(255,255,255,.04)}
.vh-wrap{max-width:1180px;margin:0 auto;padding:16px 16px 60px}
.vh-hero h1{margin:12px 0 10px;font-size:28px;line-height:1.15}
.vh-muted{color:var(--muted)}
.small{font-size:12px}
.vh-mono{font-family:var(--mono)}
.vh-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px 16px}
.vh-subcard{margin-top:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.vh-card-hd{font-weight:900;margin-bottom:10px}
.vh-grid2{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:980px){.vh-grid2{grid-template-columns:1fr 1fr}}
.vh-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:900}
.vh-input,.vh-select{width:100%;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.14);padding:12px 12px;color:var(--text);outline:none}
.vh-select{padding:10px 12px;font-weight:800}
.vh-hint{margin-top:8px;font-size:12px;color:var(--muted)}
.vh-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.vh-row-tight{margin-top:12px}
.vh-divider{height:1px;background:var(--line);margin:12px 0}
.vh-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
.vh-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.vh-dot{width:8px;height:8px;border-radius:50%;background:var(--good)}
.vh-results{display:flex;flex-direction:column;gap:12px}
.vh-result{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:var(--radius);overflow:hidden}
.vh-res-body{padding:14px 16px}
.vh-res-body h3{margin:0 0 6px}
.vh-pillrow{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}
.vh-pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text)}
.vh-table{width:100%;border-collapse:collapse;margin-top:10px}
.vh-table th,.vh-table td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
.vh-table th{background:rgba(0,0,0,.16)}
.vh-big{font-size:40px;font-weight:950;letter-spacing:.2px}
.vh-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.55}
.vh-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.vh-tab{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);padding:10px 12px;border-radius:999px;font-weight:900;cursor:pointer}
.vh-tab.is-active{background:rgba(77,163,255,.16);border-color:rgba(77,163,255,.45)}
.vh-panel{display:none}
.vh-panel.is-active{display:block}
.vh-form .vh-field{margin-top:12px}
.vh-check{display:flex;gap:10px;align-items:center;color:var(--text);font-weight:800}
.vh-foot{margin-top:14px;padding:10px 0}
