:root { --bg:#120806; --panel:#1d0f0b; --rust:#c8442c; --text:#e8d6c8; --dim:#9c8274; --line:#3a2219; --ok:#7fb069; --field:#140a07; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.55 system-ui, "Segoe UI", sans-serif; }
main { max-width:760px; margin:0 auto; padding:32px 16px 64px; }
main.wide { max-width:1000px; }
nav.top { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
nav.top .logo { font-size:28px; letter-spacing:.08em; color:var(--rust); font-weight:700; text-decoration:none; margin-right:auto; }
nav.top a { color:var(--dim); text-decoration:none; }
nav.top a:hover { color:var(--text); }
h1 { font-size:32px; margin:0 0 6px; }
h2 { font-size:18px; margin:0 0 12px; }
.sub, .meta { color:var(--dim); }
.meta { font-size:14px; margin-top:8px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:24px; margin-bottom:20px; }
.btn, button { display:inline-block; background:var(--rust); color:#fff; text-decoration:none; font-weight:600; border:0; cursor:pointer;
  padding:12px 20px; border-radius:8px; font-size:16px; font-family:inherit; }
.btn:hover, button:hover { filter:brightness(1.1); }
button.ghost, .btn.ghost { background:transparent; border:1px solid var(--line); color:var(--text); }
button:disabled { opacity:.55; cursor:wait; }
label { display:block; font-size:14px; color:var(--dim); margin:12px 0 4px; }
input { width:100%; padding:11px 12px; background:var(--field); color:var(--text); border:1px solid var(--line); border-radius:7px; font:inherit; }
input:focus { outline:2px solid var(--rust); outline-offset:-1px; }
.row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:16px; }
.tabs { display:flex; gap:4px; margin-bottom:16px; }
.tabs button { background:transparent; border:1px solid var(--line); color:var(--dim); font-weight:500; }
.tabs button.on { background:var(--line); color:var(--text); }
.err { color:#ff8a70; margin-top:12px; min-height:1.2em; }
.ok { color:var(--ok); }
.price { font-size:34px; font-weight:700; color:var(--text); }
.pill { display:inline-block; font-size:12px; padding:2px 8px; border-radius:999px; border:1px solid var(--line); color:var(--dim); }
.pill.ok { border-color:#3e5a33; color:var(--ok); }
.pill.adm { border-color:#6b3a20; color:#ffb38a; }
.hidden { display:none !important; }
table { border-collapse:collapse; width:100%; font-size:14px; }
th, td { padding:7px 8px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
th { color:var(--dim); font-weight:500; }
td button { padding:6px 12px; font-size:13px; }
.scroll { overflow-x:auto; }
code { background:#2a1610; border:1px solid var(--line); border-radius:4px; padding:1px 6px; font-size:14px; }
button.danger { background:transparent; border:1px solid #7a2a1c; color:#ff8a70; margin-left:6px; }