:root{--brand:#0e7a63;--brand-strong:#0b6252;--success:#15a34a;--warning:#d98304;--danger:#dc2626;--bg:#f6f8f7;--surface:#ffffff;--border:#e3e8e6;--text:#10201c;--muted:#5d6b67;--radius:12px;--shadow:0 1px 2px rgba(16,32,28,0.06),0 8px 24px rgba(16,32,28,0.04);--font:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6}a{color:var(--brand);text-decoration:none}.layout{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:var(--surface);-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:4px}.brand{font-weight:700;font-size:18px;color:var(--brand);margin-bottom:18px}.brand,.nav-link{display:flex;align-items:center;gap:10px}.nav-link{padding:9px 12px;border-radius:10px;color:var(--text);font-size:14px}.nav-link:hover{background:#eef4f2}.nav-link[aria-current=page]{background:var(--brand);color:#fff}.main{padding:26px 30px;max-width:1180px}.page-title{font-size:22px;font-weight:700;margin:0 0 4px}.page-subtitle{color:var(--muted);margin:0 0 22px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.card .label{color:var(--muted);font-size:13px}.card .value{font-size:26px;font-weight:700;margin-top:4px}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:14px}td,th{text-align:start;padding:11px 14px;border-bottom:1px solid var(--border)}th{background:#f1f5f4;font-weight:600;color:var(--muted);font-size:13px}tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge-ok{background:#e7f6ed;color:var(--success)}.badge-warn{background:#fdf2e2;color:var(--warning)}.badge-danger{background:#fdecec;color:var(--danger)}.badge-muted{background:#eef1f0;color:var(--muted)}.button,button{font-family:inherit;font-size:14px;padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover{background:var(--brand-strong)}button.danger{color:var(--danger);border-color:#f3c9c9}button:disabled{opacity:.55;cursor:not-allowed}input,select{font-family:inherit;font-size:14px;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);width:100%}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:220px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:var(--shadow)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.error{background:#fdecec;color:var(--danger);border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:14px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.chain-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 16px;margin-bottom:10px}.chain-step .seq{font-weight:700;color:var(--brand)}.muted{color:var(--muted)}.row-actions{display:flex;gap:8px}