:root{--bg:#070d1f;--panel:#0d1630;--panel2:#111d3d;--line:#1d2b55;--txt:#e8edf9;--mut:#8ea0c8;--blue:#2563eb;--cyan:#22d3ee;
--green:#22c55e;--orange:#f59e0b;--red:#ef4444;--purple:#8b5cf6}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--txt);font-family:"Tajawal",system-ui,Tahoma,sans-serif;direction:rtl}
a{color:var(--cyan);text-decoration:none}
.layout{display:flex;min-height:100vh}
.side{width:230px;flex:0 0 230px;background:linear-gradient(180deg,#0a1330,#070d1f);border-left:1px solid var(--line);padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto}
.logo{text-align:center;margin-bottom:14px}.logo .ic{font-size:40px;color:var(--cyan)}
.logo b{display:block;font-size:22px;font-family:system-ui;letter-spacing:.3px}.logo b span{color:var(--cyan)}.logo small{color:var(--mut);font-family:system-ui}
.sys{margin:10px 6px 16px;border:1px solid #14532d;background:#052e1a;color:#86efac;border-radius:30px;padding:7px 12px;font-size:13px;text-align:center}
.sys.bad{border-color:#7f1d1d;background:#2a0b0b;color:#fca5a5}
.nav a{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:12px;color:#d6def3;margin:3px 0;font-size:15px}
.nav a:hover{background:var(--panel2)}.nav a.on{background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff;box-shadow:0 6px 18px #1d4ed855}
.nav .i{width:22px;text-align:center;opacity:.9}.badge{background:var(--red);color:#fff;border-radius:20px;font-size:12px;padding:1px 7px;margin-inline-start:6px}
.promo{margin-top:22px;border-radius:14px;padding:16px;text-align:center;background:linear-gradient(160deg,#1e3a8a,#0b1736);border:1px solid var(--line);font-weight:700}
.main{flex:1;min-width:0;padding:16px 20px}
.top{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 16px;margin-bottom:14px;gap:10px}
.top .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-inline-start:8px}
.av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#22d3ee);display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.bell{position:relative;font-size:20px}.bell .badge{position:absolute;top:-6px;left:-10px}
.hero{border-radius:18px;padding:26px 28px;margin-bottom:14px;position:relative;overflow:hidden;
background:radial-gradient(circle at 20% 40%,#1d4ed8aa,transparent 45%),radial-gradient(circle at 85% 70%,#0891b2aa,transparent 40%),linear-gradient(120deg,#0b1d5c,#102a7a 50%,#0b1d5c);border:1px solid #2541a3}
.hero h1{margin:0;font-family:system-ui;font-size:40px;letter-spacing:.5px}.hero p{margin:6px 0 12px;font-size:20px}
.hero .pill{display:inline-block;background:#0b1640;border:1px solid #3b5bdb;border-radius:30px;padding:6px 16px}
.hero .tag24{position:absolute;top:18px;left:18px;background:#052e1a;border:1px solid var(--green);color:#bbf7d0;border-radius:14px;padding:8px 14px;font-weight:700}
.hero .sky{position:absolute;left:0;right:0;bottom:0;height:60px;opacity:.35;background:repeating-linear-gradient(90deg,#60a5fa 0 6px,transparent 6px 18px,#93c5fd 18px 22px,transparent 22px 40px);
 mask:linear-gradient(transparent,#000);-webkit-mask:linear-gradient(transparent,#000)}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}
.kpi{border-radius:14px;padding:16px 10px;text-align:center;border:1px solid var(--line);background:var(--panel)}
.kpi .ic{font-size:30px}.kpi b{display:block;font-size:32px;font-family:system-ui;margin:4px 0}.kpi span{color:#cfd8ee}
.k1{background:linear-gradient(160deg,#2b1f6b,#141a45)}.k2{background:linear-gradient(160deg,#0f3d3a,#0d1f33)}.k3{background:linear-gradient(160deg,#5a3410,#2a1a0d)}
.k4{background:linear-gradient(160deg,#0f2c64,#0d1a3d)}.k5{background:linear-gradient(160deg,#0f3b52,#0d1a33)}.k6{background:linear-gradient(160deg,#2f2470,#14183f)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px}
.card h2{margin:0 0 12px;font-size:19px;display:flex;align-items:center;gap:8px;justify-content:space-between}
.live{font-size:12px;background:#0b2a1a;color:#86efac;border-radius:20px;padding:2px 10px}
.flow{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;overflow-x:auto;padding:6px 0}
.st{text-align:center;min-width:95px;flex:1}.st .c{width:62px;height:62px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:26px;
 background:radial-gradient(circle,#0ea5e9,#1d4ed8);box-shadow:0 0 18px #22d3ee66}.st b{font-size:20px;font-family:system-ui}.st div{font-size:13px;color:#d6def3}
.st.last .c{background:#052e1a;border:3px solid var(--green);color:var(--green)}.st.last div{color:var(--orange)}
.st small{display:block;color:var(--mut);font-size:11px}.arrow{color:#3b82f6;font-size:22px;margin-top:18px}
.grid3{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.q{border-radius:12px;padding:12px;text-align:center}.q b{display:block;font-size:24px;font-family:system-ui}
.note{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.note:last-child{border:0}
.note .t{flex:1}.note small{color:var(--mut)}.note .ic{font-size:22px}
.rev{background:#f8fafc;color:#0f172a;border-radius:14px;padding:12px;position:relative}.rev h3{margin:24px 0 4px}.rev .score{position:absolute;top:0;right:0;background:#16a34a;color:#fff;border-radius:14px 0 14px 0;padding:4px 12px;font-weight:700}
.rev img{width:120px;height:120px;object-fit:contain;float:left}.rev ul{list-style:none;padding:0;margin:8px 0;font-size:14px}.rev li{margin:5px 0}
.ok{color:#16a34a}.no{color:#dc2626}.mut{color:var(--mut)}
.btn{display:inline-block;border:0;border-radius:10px;padding:9px 16px;font:inherit;cursor:pointer;color:#fff;background:var(--blue)}
.btn.g{background:#15803d}.btn.r{background:#b91c1c}.btn.o{background:#b45309}.btn.s{background:#1e293b;border:1px solid var(--line)}.btn.sm{padding:5px 10px;font-size:13px}
.sess{display:flex;justify-content:space-around;text-align:center;flex-wrap:wrap;gap:8px}.sess .ico{width:48px;height:48px;border-radius:12px;background:#111827;display:flex;align-items:center;justify-content:center;margin:0 auto 4px;font-weight:800}
.bar{height:9px;background:#1e293b;border-radius:9px;overflow:hidden;margin:4px 0 10px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#22c55e)}
.wins{display:flex;gap:10px;overflow-x:auto}.wins video,.wins .ph{width:110px;height:120px;object-fit:cover;border-radius:10px;background:#1e293b;flex:0 0 auto}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}th{color:var(--mut);font-weight:600}
input,textarea,select{width:100%;padding:9px 11px;border-radius:10px;border:1px solid #2a3a6a;background:#0a1228;color:var(--txt);font:inherit;margin:4px 0 10px}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:150px}
.tag{font-size:12px;border-radius:20px;padding:2px 9px;background:#1e293b;white-space:nowrap}
.s-done,.s-active,.s-approved,.s-published{background:#14532d;color:#bbf7d0}.s-running,.s-queued,.s-login_open{background:#1e3a8a;color:#bfdbfe}
.s-unverified,.s-blocked,.s-waiting,.s-not_configured,.s-pending,.s-not_connected,.s-planned{background:#3f3f46;color:#e4e4e7}
.s-failed,.s-error,.s-expired,.s-rejected{background:#7f1d1d;color:#fecaca}.s-waiting_human,.s-verification,.s-awaiting_approval,.s-needs_human{background:#78350f;color:#fde68a}
pre{white-space:pre-wrap;background:#0a1228;border:1px solid var(--line);border-radius:10px;padding:10px;max-height:420px;overflow:auto;font-size:13px}
.flash{background:#0c4a6e;border:1px solid #0284c7;padding:10px 14px;border-radius:10px;margin-bottom:12px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pc{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:10px;color:inherit}
.pc img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#fff}.pc h3{font-size:15px;margin:8px 0}
.login{max-width:380px;margin:12vh auto}.menu-btn{display:none}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid3,.grid2{grid-template-columns:1fr}}
@media(max-width:800px){.side{position:fixed;right:-240px;z-index:20;transition:.2s}.side.open{right:0}.menu-btn{display:inline-block}
 .main{padding:12px}.kpis{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:28px}.hero p{font-size:16px}.hero .tag24{position:static;display:inline-block;margin-bottom:10px}
 table{display:block;overflow-x:auto}}