:root{
  --bg:#081018;--bg2:#101b26;--panel:#132231;--border:rgba(255,255,255,.10);--text:#e8f4ff;--muted:#9fb4c9;--accent2:#7dffb3;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071019,#0b1723);color:var(--text)}
.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.18)}
.topbar h1{margin:0 0 6px;font-size:28px}.topbar p{margin:0;color:var(--muted)}
.badge{padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--accent2);font-weight:700}
.shell{display:grid;grid-template-columns:1fr;gap:20px;padding:24px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.panel h2{margin-top:0}
.actions{display:flex;gap:10px;flex-wrap:wrap}
button{padding:12px 16px;border:none;border-radius:12px;cursor:pointer;background:#35c4ff;color:#062033;font-weight:700}
pre{margin:0;white-space:pre-wrap;word-break:break-word;background:#0c1722;border:1px solid var(--border);border-radius:12px;padding:14px;color:#d7ecff;min-height:90px}