:root{--bg:#f4f1ea;--panel:#fffdf8;--ink:#1f2433;--ink2:#4b4f5c;--muted:#6b6f7c;--line:#e2ddd0;--accent:#5b4a8a;--dead:#b4232a;--soft:#e6e0f1}
@media (prefers-color-scheme:dark){:root{--bg:#16171b;--panel:#1f2026;--ink:#ecebe7;--ink2:#bdbcc4;--muted:#9a9aa5;--line:#33343c;--accent:#b4a5e2;--dead:#ef7b80;--soft:#2c2840;color-scheme:dark}}
*{box-sizing:border-box}html,body{background:var(--bg)}body{margin:0;color:var(--ink);font:16px/1.75 "IBM Plex Sans Arabic","Segoe UI","Noto Sans Arabic",Tahoma,system-ui,sans-serif}
a{color:var(--accent)}a:hover{text-decoration-thickness:2px}
.w{max-width:1040px;margin:0 auto;padding:0 16px}
header{border-bottom:1px solid var(--line);background:var(--panel)}
header .w{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-block:10px}
.brand{font:600 1.5rem/1 Oswald,"Arial Narrow",sans-serif;letter-spacing:.03em;color:var(--ink);text-decoration:none}
.brand small{display:block;font:500 .7rem/1.3 system-ui,sans-serif;letter-spacing:0;color:var(--muted)}
header nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-weight:600;font-size:.92rem}
header nav a{text-decoration:none;padding:6px 0}
.app{margin-inline-start:auto;background:var(--accent);color:var(--panel)!important;border-radius:8px;padding:8px 14px!important;text-decoration:none;font-weight:700}
main{padding-block:22px 40px}
h1{font-size:1.75rem;line-height:1.35;margin:.2em 0 .1em}h2{font-size:1.25rem;margin:1.6em 0 .5em;border-bottom:1px solid var(--line);padding-bottom:4px}h3{font-size:1.05rem;margin:1.2em 0 .3em}
.en{direction:ltr;text-align:left}.sub{color:var(--ink2);margin:.2em 0}.muted{color:var(--muted);font-size:.88rem}
.crumbs{font-size:.85rem;color:var(--muted)}.crumbs a{color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:12px 0}
.dead{color:var(--dead);font-weight:700}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:.93rem}
th,td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}th{background:var(--soft);font-weight:600}
td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.tw{overflow-x:auto}
ul.cols{columns:3 220px;padding-inline-start:18px}ul.cols li{break-inside:avoid}
blockquote{margin:8px 0;padding:8px 12px;border-inline-start:3px solid var(--accent);background:var(--panel);border-radius:6px}
details{margin:2px 0}summary{cursor:pointer;font-weight:600}.tree ul{list-style:none;padding-inline-start:18px;border-inline-start:1px dashed var(--line);margin:2px 0}
.tree li{margin:3px 0}.tree .h{color:var(--ink2)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kpis div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.kpis b{display:block;font-size:1.4rem}
footer{border-top:1px solid var(--line);padding:18px 0 30px;color:var(--muted);font-size:.86rem}
@media (max-width:640px){h1{font-size:1.4rem}.brand small{display:none}header nav{gap:2px 12px;font-size:.85rem}header nav span{display:none}header .app{margin-inline-start:0;padding:6px 10px!important;font-size:.85rem}table{font-size:.86rem}th,td{padding:6px 7px}}