@font-face{font-family:'Cairo';src:url('/assets/fonts/Cairo-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cairo';src:url('/assets/fonts/Cairo-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--p:#00C897;--s:#0F1F38;--a:#D4FF5F;--bg:#F4F6F9;--tg:#6E7ABA;--card:#fff;--r:16px;--sh:0 10px 30px rgba(15,31,56,.10)}
*{box-sizing:border-box}body{margin:0;font-family:'Cairo',system-ui;direction:rtl;background:var(--bg);color:var(--s)}
a{color:var(--p);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:16px}
.nav{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);position:sticky;top:10px;z-index:5}
.brand{display:flex;align-items:center;gap:10px}.brand img{height:28px}
.links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.badge{padding:4px 10px;border-radius:999px;background:rgba(0,200,151,.12);font-size:12px}
.grid{display:grid;gap:12px}@media(min-width:900px){.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:14px}
.card h2{margin:0 0 10px;font-size:18px}
.muted{color:var(--tg)}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1 220px}
input,select,textarea,button{font-family:inherit;font-size:14px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid rgba(15,31,56,.12);border-radius:12px;background:#fff}
textarea{min-height:120px;resize:vertical}
button{border:0;border-radius:12px;padding:10px 14px;background:var(--p);color:var(--s);cursor:pointer;font-weight:700}
button.secondary{background:rgba(15,31,56,.10)}
small.help{display:block;margin-top:6px;color:var(--tg)}
hr{border:0;border-top:1px solid rgba(15,31,56,.10);margin:14px 0}
.flash{padding:10px 12px;border-radius:12px;margin:10px 0}.flash.success{background:rgba(22,163,74,.12);color:#065f46}.flash.error{background:rgba(225,29,72,.12);color:#9f1239}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid rgba(15,31,56,.08);text-align:right;font-size:13px}
.table th{color:var(--tg);font-weight:700}
.pill{padding:4px 10px;border-radius:999px;font-size:12px;display:inline-block}.pill.success{background:rgba(22,163,74,.12);color:#065f46}.pill.failed{background:rgba(225,29,72,.12);color:#9f1239}.pill.pending{background:rgba(15,31,56,.08)}
.footer{margin-top:18px;color:var(--tg);font-size:12px;text-align:center}
.kpi{display:flex;align-items:center;justify-content:space-between}.kpi strong{font-size:22px}
.canvas-wrap{background:rgba(15,31,56,.04);border-radius:14px;padding:10px}canvas{width:100%;height:220px}