body{font-family:system-ui,Segoe UI,Arial,sans-serif;margin:0;background:#111;color:#eee}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#1a1a1a;border-bottom:1px solid #333}
nav a, nav button{margin-left:10px;color:#9fd;text-decoration:none;background:none;border:0;cursor:pointer}
main{padding:20px;max-width:1100px;margin:0 auto}
.card{background:#1b1b1b;border:1px solid #333;padding:14px;border-radius:8px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
label{display:block;margin:8px 0}
input,select,textarea,button{margin-top:4px;padding:8px;border-radius:6px;border:1px solid #444;background:#0f0f0f;color:#eee}
button{background:#2a5; border-color:#2a5}
pre{overflow:auto;background:#0e0e0e;padding:10px;border-radius:6px;border:1px solid #333}
.ok{color:#7CFC8A}.err{color:#ff8383}