:root{--bg:#f5f6fa;--card:#fff;--text:#1d2433;--muted:#6b7385;--line:#e3e6ee;--brand:#0099cc;--brand-2:#007aa3;--ok:#12a150;--warn:#d98a00;--bad:#d9363e;--radius:12px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Cairo,system-ui,sans-serif}
a{color:var(--brand);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
main.wrap{padding-top:24px;padding-bottom:48px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}
.topbar{background:#fff;border-bottom:1px solid var(--line);padding:12px 0}
.brand{font-weight:700;font-size:18px;color:var(--text);display:flex;align-items:center;gap:8px}.brand-logo{height:32px;width:auto}
.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{padding:6px 12px;border-radius:8px;color:var(--text)}.nav a.on,.nav a:hover{background:#eef0ff;color:var(--brand)}
.muted{color:var(--muted)}.small{font-size:13px}
h1{font-size:24px;margin:0 0 16px}h2{font-size:18px;margin:0 0 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.stat b{display:block;font-size:26px}
.btn{display:inline-block;border:0;border-radius:8px;padding:9px 16px;background:var(--brand);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.btn:hover{background:var(--brand-2)}.btn.sec{background:#eef0ff;color:var(--brand)}.btn.danger{background:var(--bad)}.btn.ok{background:var(--ok)}.btn.sm{padding:4px 10px;font-size:13px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
label{display:block;font-weight:600;margin:12px 0 4px}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
textarea{min-height:120px}textarea.code{font:13px/1.5 ui-monospace,Menlo,monospace;direction:ltr;text-align:left;min-height:60vh}
.ltr{direction:ltr;text-align:left;unicode-bidi:embed}
table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:13px}
.table-wrap{overflow-x:auto}
.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;background:#eef0f4;color:var(--muted)}
.badge.active,.badge.approved{background:#e3f6ea;color:var(--ok)}.badge.pending,.badge.provisioning{background:#fff4dc;color:var(--warn)}.badge.failed,.badge.rejected,.badge.suspended,.badge.expired{background:#fde7e8;color:var(--bad)}
.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;background:#eef0ff}.alert.ok{background:#e3f6ea;color:#0b6b35}.alert.error{background:#fde7e8;color:#9b1c22}.alert.warn{background:#fff4dc;color:#7a4e00}
.bar{height:10px;background:#eceef4;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--brand)}.bar.full>i{background:var(--bad)}
.auth{max-width:420px;margin:48px auto}
.plans{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.plan{border:2px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;text-align:center}.plan input{display:none}.plan:has(input:checked){border-color:var(--brand);background:#f4f3ff}
.crumbs a,.crumbs span{margin-inline-end:4px}
.inline{display:inline}
@media (max-width:640px){.nav{width:100%}th,td{padding:8px 4px}}