:root{--bg:#f3f5f9;--card:#fff;--ink:#132238;--muted:#667085;--line:#e4e8ef;--brand:#054666;--brand2:#0b6d99;
--ok:#12925a;--okbg:#eaf8f1;--warn:#b7791f;--warnbg:#fff7e6;--bad:#c53030;--badbg:#fff1f1;--grey:#7b8494;--greybg:#f0f2f5}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 "Segoe UI",Tahoma,"Noto Sans Arabic",system-ui,sans-serif}
a{color:var(--brand2);text-decoration:none}a:hover{text-decoration:underline}
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top .in{max-width:1120px;margin:auto;display:flex;align-items:center;gap:18px;padding:10px 18px}
.top img{height:30px}
.top .app{font-weight:700;color:var(--brand);border-inline-start:1px solid var(--line);padding-inline-start:14px}
.top nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.top nav a{color:var(--ink);padding:6px 12px;border-radius:8px;font-weight:600}
.top nav a:hover{background:var(--greybg);text-decoration:none}
.top nav a.on{background:#e8f1f7;color:var(--brand)}
.pill{display:inline-block;min-width:20px;text-align:center;background:var(--bad);color:#fff;border-radius:10px;font-size:11px;padding:0 6px;margin-inline-start:4px}
.who{color:var(--muted);font-size:12px}
.wrap{max-width:1120px;margin:auto;padding:20px 18px 60px}
h1{font-size:22px;margin:0 0 14px}h2{font-size:16px;margin:22px 0 10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}
.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.stat b{display:block;font-size:24px;color:var(--brand)}.stat span{color:var(--muted);font-size:12px}
table{width:100%;border-collapse:collapse}
th,td{text-align:start;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:12px;color:var(--muted);font-weight:600;background:#fafbfc}
tr:last-child td{border-bottom:0}
.badge{display:inline-block;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.badge.ok{background:var(--okbg);color:var(--ok)}.badge.warn{background:var(--warnbg);color:var(--warn)}
.badge.bad{background:var(--badbg);color:var(--bad)}.badge.grey{background:var(--greybg);color:var(--grey)}
.chip{display:inline-block;background:#e8f1f7;color:var(--brand);border-radius:6px;padding:0 7px;font-size:12px;margin:1px;font-family:Consolas,monospace;direction:ltr}
.btn{display:inline-block;border:0;border-radius:9px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none!important}
.btn.primary{background:var(--brand);color:#fff}.btn.ok{background:var(--ok);color:#fff}
.btn.danger{background:#fff;color:var(--bad);border:1px solid #f0c2c2}.btn.ghost{background:var(--greybg);color:var(--ink)}
.btn.big{padding:13px 26px;font-size:16px}
.btn:disabled{opacity:.5;cursor:default}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.flash{background:var(--okbg);border:1px solid #bfe6d2;color:#0b5e3a;border-radius:10px;padding:10px 14px;margin-bottom:14px}
.error{background:var(--badbg);border:1px solid #f0c2c2;color:#8a1f1f;border-radius:10px;padding:10px 14px;margin-bottom:14px}
.warnbox{background:var(--warnbg);border:1px solid #f2d9a6;color:#7a4f06;border-radius:10px;padding:10px 14px;margin-bottom:14px}
.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:Consolas,monospace;direction:ltr;unicode-bidi:embed}
label{display:block;font-weight:600;margin:12px 0 4px}
input[type=text],input[type=password],input[type=date],textarea{width:100%;max-width:460px;border:1px solid #cfd6e1;border-radius:8px;padding:8px 10px;font:inherit;background:#fff}
textarea{min-height:60px}
.help{color:var(--muted);font-size:12px;margin-top:3px}
.srv{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:8px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.srv .n{min-width:200px}.srv .n b{display:block}
.srv.off{opacity:.55}
.srv label{display:inline-flex;gap:6px;align-items:center;margin:0;font-weight:500}
.req{border-inline-start:4px solid var(--warn)}
.req .sum{white-space:pre-line;margin:6px 0}
.center{max-width:420px;margin:70px auto}
.center img{height:40px;display:block;margin:0 auto 18px}
pre.log{white-space:pre-wrap;font-size:12px}
.card,.sum,td,.mono,.chip{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:700px){
.top .in{flex-wrap:wrap;gap:8px;padding:8px 12px}.top .app{display:none}.top img{height:24px}
.top nav{order:3;width:100%;flex:none;flex-wrap:nowrap;overflow-x:auto}.top nav a{padding:5px 9px;font-size:13px;white-space:nowrap}
.wrap{padding:14px 12px 50px}h1{font-size:19px}
th:nth-child(n+5),td:nth-child(n+5){display:none}
.btn.big{width:100%;text-align:center}.req form.row .btn{flex:1}
.center{margin:30px auto}}