:root { --bg:#f6f7f9; --fg:#1b1f24; --muted:#6b7280; --card:#fff; --line:#e5e7eb; --accent:#0f766e; --danger:#b91c1c; }
@media (prefers-color-scheme: dark) { :root { --bg:#111418; --fg:#e6e8eb; --muted:#9aa3ad; --card:#1a1f25; --line:#2a313a; --accent:#2dd4bf; --danger:#f87171; } }
* { box-sizing:border-box; }
body { margin:0; font:14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; background:var(--bg); color:var(--fg); }
main { max-width:1200px; margin:0 auto; padding:16px; }
.top { display:flex; gap:24px; align-items:center; padding:10px 16px; background:var(--card); border-bottom:1px solid var(--line); flex-wrap:wrap; }
.top nav a { margin-right:14px; color:var(--fg); text-decoration:none; }
.top .who { margin-left:auto; color:var(--muted); }
.bar { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
h1 { font-size:20px; margin:8px 0 16px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:20px; }
.login { max-width:360px; margin:10vh auto; display:grid; gap:12px; }
label { display:grid; gap:4px; }
input, select, textarea { font:inherit; padding:8px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--fg); }
button { font:inherit; padding:8px 14px; border:0; border-radius:6px; background:var(--accent); color:#fff; cursor:pointer; }
button.small { padding:4px 10px; font-size:12px; }
button.secondary { background:transparent; color:var(--fg); border:1px solid var(--line); }
button.link { background:none; color:var(--muted); padding:0; text-decoration:underline; }
form.inline { display:inline; }
.error { color:var(--danger); margin:0; }
.muted { color:var(--muted); }
table.list { width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.list th, .list td { padding:8px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.list th { font-size:12px; text-transform:uppercase; color:var(--muted); }
.num { text-align:right; font-variant-numeric:tabular-nums; }
.ur { font-family:"Noto Nastaliq Urdu", serif; font-size:16px; line-height:2.2; }
.tag { display:inline-block; padding:1px 8px; margin:2px; border-radius:10px; background:var(--bg); border:1px solid var(--line); font-size:12px; }
.badge { padding:2px 8px; border-radius:10px; font-size:12px; border:1px solid var(--line); }
.s-ignored { color:var(--muted); }
.s-new { color:var(--accent); border-color:var(--accent); }
code { font-size:12px; }
@media (max-width:700px) { .list th:nth-child(3), .list td:nth-child(3), .list th:nth-child(5), .list td:nth-child(5) { display:none; } }