:root { --bg:#0f1220; --card:#1a1f36; --fg:#e8ebf5; --muted:#9aa3c0; --accent:#5b8cff; --ok:#3ecf8e; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif; background:var(--bg); color:var(--fg); }
header { display:flex; justify-content:space-between; align-items:center; padding:18px 28px; border-bottom:1px solid #262c4a; }
header h1 { font-size:18px; margin:0; }
nav a { color:var(--muted); text-decoration:none; }
main { max-width:820px; margin:28px auto; padding:0 20px; }
.card { background:var(--card); border:1px solid #262c4a; border-radius:12px; padding:18px; margin-bottom:18px; }
.meta { display:flex; gap:10px; align-items:center; margin-bottom:8px; }
.pill { background:var(--accent); color:#fff; border-radius:999px; padding:2px 12px; font-size:12px; }
.muted { color:var(--muted); }
.ok { color:var(--ok); font-weight:600; }
textarea { width:100%; background:#0d1224; color:var(--fg); border:1px solid #2c3358; border-radius:8px; padding:10px; font:inherit; }
.row { display:flex; gap:10px; margin-top:10px; }
.btn { display:inline-block; background:#2c3358; color:var(--fg); border:0; border-radius:8px; padding:9px 16px; cursor:pointer; text-decoration:none; font:inherit; }
.btn.primary { background:var(--accent); color:#fff; }