:root{--bg:#f3f9ff;--card:#fff;--ink:#14304a;--mut:#58708a;--brand:#0b7fc1;--brand2:#0a5f93;--line:#d6e6f5;--c1:#16a6e8;--c2:#12b886;--c3:#f59f00;--c4:#e8590c;--c5:#7950f2;--c6:#e64980;--bad:#c0392b;--ok:#1e8e5a;--r:12px}
[data-theme="dark"]{--bg:#0e1a24;--card:#152634;--ink:#e8f1f8;--mut:#93a8b8;--line:#25394a;--brand:#35a6e8;--brand2:#5ab8ee;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font:15px/1.8 Vazirmatn,Tahoma,system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink)}
header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line)}
h1{font-size:18px;margin:0;color:var(--brand)}main{max-width:960px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:12px}
button,.btn{font:inherit;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button:hover{border-color:var(--brand)}
input{font:inherit;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);width:100%}
.row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}.row:last-child{border:0}
.row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.row .meta{color:var(--mut);font-size:13px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tabs button[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}
.bar{height:8px;background:var(--line);border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand)}
.tag{font-size:12px;padding:2px 8px;border-radius:20px;background:var(--line)}.tag.bad{background:var(--bad);color:#fff}
.grid{display:grid;gap:8px;grid-template-columns:1fr auto}@media(max-width:560px){.grid{grid-template-columns:1fr}.row{flex-wrap:wrap}}
.msg{color:var(--mut)}dialog{border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink);max-width:460px;width:92%}
[hidden]{display:none!important}