:root{
  --host-bg:#0a0f14; --host-surface:#111923; --host-surface2:#152231; --host-border:#223346;
  --host-text:#e8f0f7; --host-muted:#9fb0c1; --host-accent:#27d3b0; --host-accent2:#7aa8ff; --host-warn:#f6b44c; --host-bad:#ff7c7c;
}
.host-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;padding:18px;color:var(--host-text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top right, rgba(39,211,176,.07), transparent 24%), linear-gradient(180deg,#0a0f14,#0b1016 55%,#0a0f14)}
.host-card{background:linear-gradient(180deg,rgba(17,25,35,.96),rgba(11,16,22,.96));border:1px solid var(--host-border);border-radius:20px;box-shadow:0 16px 44px rgba(0,0,0,.3)}
.host-panel{padding:18px}
.host-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.host-title h1,.host-title h2,.host-title h3{margin:0;letter-spacing:-.03em}
.host-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--host-muted);font-weight:700}
.host-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.host-list{display:grid;gap:10px}
.host-item{padding:12px 14px;border:1px solid var(--host-border);border-radius:14px;background:rgba(255,255,255,.02)}
.host-item strong{display:block}
.host-item span{display:block;color:var(--host-muted);font-size:12px;margin-top:4px}
.host-btn,.host-input,.host-select,.host-textarea{width:100%;border-radius:12px;border:1px solid var(--host-border);background:#0f1620;color:var(--host-text);padding:10px 12px;font:600 13px/1.3 Inter,system-ui,sans-serif}
.host-btn{cursor:pointer;background:linear-gradient(180deg,rgba(39,211,176,.18),rgba(39,211,176,.08));border-color:rgba(39,211,176,.35)}
.host-btn.secondary{background:rgba(122,168,255,.08);border-color:rgba(122,168,255,.3)}
.host-btn.warn{background:rgba(246,180,76,.08);border-color:rgba(246,180,76,.3)}
.host-btn.bad{background:rgba(255,124,124,.08);border-color:rgba(255,124,124,.3)}
.host-actions{display:grid;gap:10px}
.host-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--host-border);border-radius:999px;font-size:12px;color:var(--host-muted)}
.host-table{width:100%;border-collapse:collapse;font-size:13px}.host-table th,.host-table td{padding:10px 8px;border-bottom:1px solid var(--host-border);text-align:left;vertical-align:top}.host-table th{color:var(--host-muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.host-note{padding:12px 14px;border-left:3px solid var(--host-accent);background:rgba(39,211,176,.06);border-radius:12px;color:var(--host-muted)}
.host-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.host-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-word}
@media (max-width: 980px){.host-shell{grid-template-columns:1fr}.host-grid,.host-row{grid-template-columns:1fr}}