:root { --bg:#f4f1ea; --ink:#1c1916; --accent:#0f6b5c; --card:#fff; --line:#e4ddd3; font-family:"Tahoma","Vazirmatn",system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); }
header { display:flex; justify-content:space-between; align-items:center; padding:16px 24px; background:#17332e; color:#fff; }
.brand { color:#fff; text-decoration:none; font-weight:700; }
nav a { color:#d7ece7; margin-right:14px; text-decoration:none; }
main { max-width:920px; margin:0 auto; padding:28px 20px 64px; }
h1 { margin-top:0; font-size:1.5rem; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.cards article { background:var(--card); padding:18px; border-radius:14px; border:1px solid var(--line); }
.cards strong { display:block; font-size:1.6rem; }
.stack { display:flex; flex-direction:column; gap:10px; background:var(--card); padding:18px; border-radius:14px; border:1px solid var(--line); }
label { display:flex; flex-direction:column; gap:6px; font-size:14px; }
input, textarea, select { font:inherit; padding:8px 10px; border:1px solid var(--line); border-radius:8px; }
button { background:var(--accent); color:#fff; border:0; padding:10px 16px; border-radius:10px; cursor:pointer; }
button.ghost { background:transparent; color:#a33; }
table { width:100%; border-collapse:collapse; background:var(--card); border-radius:12px; overflow:hidden; }
th, td { padding:10px 12px; border-bottom:1px solid var(--line); text-align:right; }
.lead { line-height:1.8; }
.err { color:#a33; }
.login { min-height:100vh; display:flex; align-items:center; justify-content:center; }
.card { width:min(420px,92vw); }
.docs pre { white-space:pre-wrap; background:#faf7f2; padding:8px; border-radius:8px; }
.row { display:flex; gap:8px; align-items:center; }
.check { flex-direction:row; align-items:center; }
@media (max-width:700px) { .cards { grid-template-columns:1fr; } header { flex-direction:column; align-items:flex-start; gap:8px; } }