:root{--p:#0b6e4f;--p2:#f2a541;--bg:#f5f7f6;--card:#fff;--tx:#1d2b26;--mu:#6b7b75;--bd:#dfe6e3;--err:#b3261e}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,"Segoe UI","Noto Sans","Noto Nastaliq Urdu","Noto Sans Devanagari",sans-serif;background:var(--bg);color:var(--tx)}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;background:var(--p);color:#fff}
.brand{font-size:1.15rem;display:flex;gap:.5rem;align-items:center}.dot{width:12px;height:12px;border-radius:50%;background:var(--p2)}
.who{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.who button{background:#fff;color:var(--p)}
main{max-width:1100px;margin:0 auto;padding:1rem}footer{text-align:center;padding:1.5rem 1rem;font-size:.85rem}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:1rem 1.2rem;margin:0 0 1rem}
h2{margin:.2rem 0 .8rem;font-size:1.2rem}h3{margin:.8rem 0 .4rem;font-size:1rem}
.grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
label{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;color:var(--mu)}
input,select,textarea{font:inherit;padding:.5rem .6rem;border:1px solid var(--bd);border-radius:8px;background:#fff;color:var(--tx);min-height:42px}
input[type=checkbox]{min-height:auto;width:20px;height:20px}label.chk{flex-direction:row;align-items:center;gap:.5rem;color:var(--tx)}
button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:.55rem 1rem;background:var(--p);color:#fff;min-height:42px}
button.sec{background:#e8efec;color:var(--tx)}button.danger{background:var(--err)}button:disabled{opacity:.5}
.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end;margin-top:.6rem}
.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.tabs button{background:#e8efec;color:var(--tx)}.tabs button.on{background:var(--p);color:#fff}
.tbl{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:start;padding:.45rem .5rem;border-bottom:1px solid var(--bd);vertical-align:top}
.muted{color:var(--mu)}.msg{padding:.6rem .8rem;border-radius:8px;margin:.5rem 0;background:#e7f4ee}.msg.err{background:#fbe9e7;color:var(--err)}
.pill{display:inline-block;padding:0 .5rem;border-radius:999px;font-size:.8rem;background:#e8efec}.pill.on{background:#d3f1e1;color:#0b6e4f}.pill.off{background:#fbe9e7;color:var(--err)}
.code{font-family:ui-monospace,monospace;font-size:1.2rem;letter-spacing:.08em;background:#fff8e6;padding:.3rem .6rem;border-radius:6px}
.login{max-width:420px;margin:2rem auto}.swatch{display:inline-block;width:18px;height:18px;border-radius:4px;vertical-align:middle;border:1px solid var(--bd)}
[dir=rtl] .ur, .ur{font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq",serif;line-height:2.1}
@media(max-width:600px){main{padding:.6rem}.card{padding:.8rem}th:nth-child(n+4),td:nth-child(n+4){display:none}}
details.tree { margin: .3rem 0; } details.tree summary { cursor: pointer; padding: .2rem 0; } details.tree ul { margin: .2rem 0 .4rem 1.4rem; }
tr.archived td { color: #888; }
.share{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.share .qr svg{width:160px;height:160px;background:#fff}
.big{font-size:2rem;letter-spacing:.1em;font-family:monospace}