:root{--bg: #f3f5f7;--card: #ffffff;--ink: #16212b;--muted: #5f6f7c;--line: #e1e7ec;--nav: #13283d;--nav-ink: #ffffff;--brand: #13283d;--accent: #0f766e;--ok: #15803d;--warn: #b45309;--bad: #b91c1c;--chip: #eef2f5;--aty: #0f766e;--ofoq: #b45309;font-family:Segoe UI,Tahoma,Noto Sans Arabic,system-ui,sans-serif;font-size:15px;color:var(--ink)}@media (prefers-color-scheme: dark){:root{--bg: #0e1418;--card: #16202a;--ink: #e7edf2;--muted: #9fb0bc;--line: #26323d;--nav: #0b1724;--chip: #1f2b36;--accent: #2dd4bf}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}.top{position:sticky;top:0;z-index:5;background:var(--nav);color:var(--nav-ink);padding:10px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.top h1{font-size:18px;margin:0 8px 0 0}.top nav{display:flex;gap:2px;flex-wrap:wrap}.top nav button{border:0;background:transparent;color:#cbd5e1;padding:8px 12px;border-radius:8px;cursor:pointer}.top nav button.on{background:#ffffff24;color:#fff;font-weight:600}.top .spacer{flex:1}.top .who{color:#cbd5e1;font-size:13px}.ghost{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:7px 12px;border-radius:8px;cursor:pointer}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:8px 14px;border-radius:8px;cursor:pointer}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn:disabled{opacity:.5;cursor:not-allowed}main{max-width:1240px;margin:0 auto;padding:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}.seg button{border:0;background:transparent;padding:8px 14px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--brand);color:#fff}.toggle{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:13px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.kpi .n{font-size:30px;font-weight:700;line-height:1.1}.kpi .l{color:var(--muted);font-size:13px;margin-top:4px}.kpi.bad .n{color:var(--bad)}.kpi.warn .n{color:var(--warn)}.kpi.ok .n{color:var(--ok)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 900px){.grid2{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px}.card h2{font-size:16px;margin:0 0 4px;display:flex;align-items:center;gap:8px}.card .sub{color:var(--muted);font-size:13px;margin:0 0 10px}.card h2 .count{color:var(--muted);font-weight:400;font-size:13px}.stages{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.stage{border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-align:center}.stage .code{font-size:11px;color:var(--muted);letter-spacing:.3px}.stage .n{font-size:22px;font-weight:700}.stage .l{font-size:12px;color:var(--muted)}.stage.hot{border-color:var(--warn)}.bars{display:grid;gap:8px}.bar{display:grid;grid-template-columns:170px 1fr 60px;gap:10px;align-items:center;font-size:13px}.bar .track{position:relative;height:10px;background:var(--chip);border-radius:6px;overflow:visible}.bar .fill{height:100%;border-radius:6px;background:var(--accent)}.bar .fill.over{background:var(--bad)}.bar .limit{position:absolute;top:-4px;bottom:-4px;border-inline-start:2px dashed var(--muted)}.bar .v{text-align:end;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:start;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;white-space:nowrap}tr:last-child td{border-bottom:0}tr.sel td{background:color-mix(in srgb,var(--accent) 10%,transparent)}tr.click{cursor:pointer}td.num{font-variant-numeric:tabular-nums;white-space:nowrap}.tablewrap{overflow-x:auto}.chip{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--chip);font-size:12px;white-space:nowrap}.chip.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.chip.warn{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.chip.bad{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad)}.chip.aty{background:color-mix(in srgb,var(--aty) 15%,transparent);color:var(--aty)}.chip.ofoq{background:color-mix(in srgb,var(--ofoq) 15%,transparent);color:var(--ofoq)}.empty{color:var(--muted);padding:12px 0}.err{background:color-mix(in srgb,var(--bad) 10%,transparent);color:var(--bad);padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:13px}.note{background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn);padding:10px 12px;border-radius:8px;font-size:13px;margin:10px 0}.center{min-height:80vh;display:grid;place-items:center;text-align:center;padding:16px}.center .box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 32px;max-width:460px;width:100%}.center h1{font-size:24px;margin:0 0 6px}.center p{color:var(--muted);margin:0 0 16px}.meta{color:var(--muted);font-size:12px;margin-top:24px;text-align:center}.masters{display:grid;gap:10px}.master{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px}.master .t{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-weight:600}.meter{height:8px;background:var(--chip);border-radius:6px;overflow:hidden;margin:4px 0}.meter i{display:block;height:100%;background:var(--accent)}.meter i.hot{background:var(--warn)}.chart{width:100%;height:180px}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:4px}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}@media (max-width: 900px){.split{grid-template-columns:1fr}}.checks li{display:flex;gap:8px;align-items:baseline;padding:4px 0}.checks li.ok:before{content:"✓";color:var(--ok)}.checks li.bad:before{content:"✗";color:var(--bad)}textarea{width:100%;min-height:70px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--card);color:var(--ink)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0}input.search{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--card);color:var(--ink);min-width:200px}@media (max-width: 640px){main{padding:12px}.bar{grid-template-columns:120px 1fr 48px}}
