:root{--bg:#fafaf9;--card:#fff;--bd:#e7e5e4;--tx:#1c1917;--mu:#78716c;--ac:#1c1917;--on:#fff;--ok:#15803d;--wa:#b45309;--er:#b91c1c;--r:10px}
@media(prefers-color-scheme:dark){:root{--bg:#0c0a09;--card:#161412;--bd:#292524;--tx:#f5f5f4;--mu:#a8a29e;--ac:#f5f5f4;--on:#0c0a09;--ok:#4ade80;--wa:#fbbf24;--er:#f87171}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.8 Vazirmatn,Tahoma,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1000px;margin:auto;padding:0 20px}main{padding-block:28px 60px}
header{border-bottom:1px solid var(--bd);background:var(--card)}.nav{display:flex;justify-content:space-between;align-items:center;height:58px}
.logo{font-weight:700;font-size:17px}nav{display:flex;gap:18px;align-items:center}nav a:hover{text-decoration:underline}
h1{font-size:22px;margin:0 0 14px}h2{font-size:16px;margin:0 0 12px}.mu{color:var(--mu);font-size:13px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:20px;margin-block:14px}.narrow{max-width:400px;margin:40px auto}
label{display:block;margin-bottom:14px;font-size:13px;color:var(--mu)}
input,select,textarea{display:block;width:100%;margin-top:4px;padding:9px 12px;font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--bd);border-radius:8px}
input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
.btn{font:inherit;cursor:pointer;background:var(--ac);color:var(--on);border:1px solid var(--ac);padding:8px 18px;border-radius:8px}
.btn.ghost{background:none;color:var(--tx);border-color:var(--bd)}.acts{display:flex;gap:10px}.err{color:var(--er);font-size:13px}
.grid2{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.grid2.wide{grid-template-columns:1fr 260px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd)}.row:hover b{text-decoration:underline}
.b{font-size:12px;padding:2px 10px;border-radius:99px;border:1px solid var(--bd);white-space:nowrap}
.b-open,.b-high{color:var(--wa);border-color:currentColor}.b-answered{color:var(--ok);border-color:currentColor}.b-closed{color:var(--mu)}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.msg{padding:14px 0;border-bottom:1px solid var(--bd)}.msg p{margin:6px 0 0}.msg.staff{border-inline-start:3px solid var(--ac);padding-inline-start:14px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.stat{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:14px 16px}.stat b{display:block;font-size:26px;line-height:1.3}
.tabs{display:flex;gap:6px;margin:24px 0 14px;border-bottom:1px solid var(--bd)}.tabs a{padding:8px 14px;color:var(--mu);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.on{color:var(--tx);border-color:var(--ac)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filters input{flex:1 1 220px;margin:0}.filters select{width:auto;margin:0}
.scroll{overflow-x:auto;background:var(--card);border:1px solid var(--bd);border-radius:var(--r)}
table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:start;padding:10px 14px;border-bottom:1px solid var(--bd)}th{font-weight:500;color:var(--mu);font-size:13px}tr:last-child td{border:0}tbody tr[onclick]{cursor:pointer}tr[onclick]:hover{background:var(--bg)}
.inl{display:flex;gap:12px}.lnk{background:none;border:0;font:inherit;font-size:13px;color:var(--mu);cursor:pointer;text-decoration:underline}
@media(max-width:760px){.grid2,.grid2.wide{grid-template-columns:1fr}}