body { font-family: system-ui, Arial; margin: 0; background: #0b0d12; color: #e8eaf0; }
.top { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:#111522; border-bottom:1px solid #1e2436; }
.top h1 { margin:0; font-size: 16px; }
nav a { color:#b8c2ff; margin-left:12px; text-decoration:none; }
.wrap { max-width: 980px; margin: 0 auto; padding: 18px; display:grid; gap: 16px; }
.card { background:#111522; border:1px solid #1e2436; border-radius:14px; padding:16px; }
.btn { background:#3a63ff; border:0; color:white; padding:10px 12px; border-radius:10px; cursor:pointer; }
.btn:hover { opacity:0.92; }
.row { display:flex; gap:10px; margin-top:10px; }
input, select { flex:1; background:#0b0d12; border:1px solid #1e2436; color:#e8eaf0; padding:10px 12px; border-radius:10px; }
.log { height: 320px; overflow:auto; margin-top:12px; padding:10px; background:#0b0d12; border-radius:12px; border:1px solid #1e2436; }
.msg { padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.muted { color:#9aa3c7; font-size: 13px; margin-top: 10px; }