:root { --bg:#0f172a; --card:#0b1220; --text:#e5e7eb; --accent:#f97316; --ok:#16a34a; --err:#dc2626; }
*{box-sizing:border-box} body{margin:0;background:#0f172a;color:var(--text);font-family:system-ui,Segoe UI,Roboto,Arial}
header{padding:16px;background:#111827;border-bottom:1px solid #1f2937}
header h1{margin:0;font-size:20px}
nav a{color:#fff;margin-right:12px;text-decoration:none;background:#1f2937;padding:6px 10px;border-radius:8px}
main{max-width:980px;margin:20px auto;padding:0 12px}
.card{background:var(--card);padding:20px;border-radius:14px;box-shadow:0 0 0 1px #1f2937}
label{display:block;margin:10px 0}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #374151;background:#0f172a;color:#fff}
button,.btn{cursor:pointer;background:var(--accent);border:none;padding:10px 14px;border-radius:10px;color:#161616;font-weight:700}
table{width:100%;border-collapse:collapse} th,td{padding:8px;border-bottom:1px solid #1f2937}
.error{background:#331515;border:1px solid var(--err);padding:10px;border-radius:8px}
.ok{background:#102e1a;border:1px solid var(--ok);padding:10px;border-radius:8px}
#chat{max-height:360px;overflow:auto;background:#0f172a;border:1px solid #1f2937;padding:10px;border-radius:10px;margin-bottom:8px}
#chat .user{background:#1f2937;padding:8px;border-radius:8px;margin:6px 0}
#chat .bot{background:#0b1220;border:1px solid #1f2937;padding:8px;border-radius:8px;margin:6px 0}
.chat-input{display:flex;gap:8px}
footer{max-width:980px;margin:20px auto;color:#9ca3af}
code{background:#111827;padding:2px 6px;border-radius:6px}