:root{--clr-bg: #f7f5f0;--clr-surface: #ffffff;--clr-border: #d4c9b8;--clr-navy: #1a2744;--clr-navy-dim: #2e3f6a;--clr-accent: #b5862b;--clr-accent-dim: #e6c878;--clr-danger: #8b1a1a;--clr-danger-bg: #fff0f0;--clr-success: #1a5c35;--clr-success-bg: #f0fff4;--clr-warn: #7a4f00;--clr-warn-bg: #fffaeb;--clr-muted: #6b6357;--clr-text: #1a1612;--font-ar: "Noto Naskh Arabic", "Arabic Typesetting", "Amiri", serif;--font-mono: "Menlo", "Consolas", "Courier New", monospace;--radius: 4px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--clr-bg);color:var(--clr-text);font-family:var(--font-ar);font-size:15px;line-height:1.6;direction:rtl}.op-shell{max-width:1200px;margin-inline:auto;padding:var(--space-md)}.op-header{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-md);border-block-end:2px solid var(--clr-navy);margin-block-end:var(--space-lg);gap:var(--space-md);flex-wrap:wrap}.op-header h1{margin:0;font-size:1.4rem;font-weight:700;color:var(--clr-navy);letter-spacing:.01em}.op-token-field{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--clr-muted)}.op-token-field label{white-space:nowrap}.op-token-field input{font-family:var(--font-mono);font-size:.75rem;padding:3px 8px;border:1px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-surface);width:220px;direction:ltr;text-align:left}.op-tabs{display:flex;gap:0;border-block-end:2px solid var(--clr-border);margin-block-end:var(--space-lg)}.op-tab{padding:var(--space-sm) var(--space-lg);background:none;border:none;border-block-end:2px solid transparent;margin-block-end:-2px;cursor:pointer;font-family:var(--font-ar);font-size:.95rem;color:var(--clr-muted);transition:color .15s,border-color .15s}.op-tab:hover{color:var(--clr-navy)}.op-tab.active{color:var(--clr-navy);font-weight:700;border-block-end-color:var(--clr-accent)}.op-table-wrap{overflow-x:auto;border:1px solid var(--clr-border);border-radius:var(--radius);background:var(--clr-surface);margin-block-end:var(--space-lg)}table{width:100%;border-collapse:collapse;font-size:.875rem}th{background:var(--clr-navy);color:#fff;font-weight:600;text-align:start;padding:var(--space-sm) var(--space-md);white-space:nowrap}td{padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--clr-border);vertical-align:middle}tr:last-child td{border-block-end:none}tr:hover td{background:#faf8f4}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;white-space:nowrap;letter-spacing:.03em}.badge-active{background:var(--clr-success-bg);color:var(--clr-success)}.badge-suspended{background:var(--clr-warn-bg);color:var(--clr-warn)}.badge-cancelled{background:#f5f5f5;color:#666}.badge-prov{background:var(--clr-danger-bg);color:var(--clr-danger)}.badge-isnad{background:var(--clr-navy);color:var(--clr-accent-dim);font-family:var(--font-ar);font-size:.75rem;padding:3px 10px;border-radius:20px;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:5px 14px;border-radius:var(--radius);border:1px solid transparent;font-family:var(--font-ar);font-size:.8rem;cursor:pointer;transition:opacity .1s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--clr-navy);color:#fff;border-color:var(--clr-navy)}.btn-secondary{background:transparent;color:var(--clr-navy);border-color:var(--clr-navy)}.btn-danger{background:var(--clr-danger);color:#fff;border-color:var(--clr-danger)}.btn-warn{background:var(--clr-warn-bg);color:var(--clr-warn);border-color:var(--clr-warn)}.btn-success{background:var(--clr-success-bg);color:var(--clr-success);border-color:var(--clr-success)}.btn-sm{padding:3px 10px;font-size:.75rem}.op-form{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:var(--space-lg);margin-block-end:var(--space-lg)}.op-form h2,.op-form h3{margin-block-start:0;color:var(--clr-navy);font-size:1rem;font-weight:700;border-block-end:1px solid var(--clr-border);padding-block-end:var(--space-sm);margin-block-end:var(--space-md)}.form-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:var(--space-sm) var(--space-md);margin-block-end:var(--space-sm)}.form-row label{font-size:.85rem;color:var(--clr-muted);text-align:start}.form-row input[type=text],.form-row input[type=email],.form-row input[type=number],.form-row input[type=file],.form-row select,.form-row textarea{width:100%;padding:6px 10px;border:1px solid var(--clr-border);border-radius:var(--radius);font-family:var(--font-ar);font-size:.85rem;background:var(--clr-surface);color:var(--clr-text)}.form-row input[type=checkbox]{width:16px;height:16px}.form-actions{display:flex;gap:var(--space-sm);margin-block-start:var(--space-md);justify-content:flex-end}[role=alert]{background:var(--clr-danger-bg);color:var(--clr-danger);border:1px solid #f5c0c0;border-radius:var(--radius);padding:var(--space-sm) var(--space-md);margin-block-end:var(--space-md);font-size:.85rem}[role=status]{background:var(--clr-success-bg);color:var(--clr-success);border:1px solid #a0d8b0;border-radius:var(--radius);padding:var(--space-sm) var(--space-md);margin-block-end:var(--space-md);font-size:.85rem}.section-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-md)}.section-head h2{margin:0;font-size:1.05rem;font-weight:700;color:var(--clr-navy)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md);margin-block-end:var(--space-lg)}.detail-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:var(--space-md)}.detail-card h3{margin:0 0 var(--space-sm);font-size:.85rem;font-weight:700;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.06em}.detail-kv{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding-block:3px;border-block-end:1px solid #f0ece4;font-size:.82rem}.detail-kv:last-child{border-block-end:none}.detail-kv-key{color:var(--clr-muted)}.detail-kv-val{font-family:var(--font-mono);font-size:.78rem}.toggle-wrap{display:flex;align-items:center;gap:var(--space-sm)}.toggle-wrap input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background:#ccc;border-radius:10px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle-wrap input[type=checkbox]:checked{background:var(--clr-success)}.toggle-wrap input[type=checkbox]:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;inset-inline-end:3px;transition:inset-inline-end .2s}.toggle-wrap input[type=checkbox]:checked:after{inset-inline-end:calc(100% - 17px)}.loading{color:var(--clr-muted);padding:var(--space-lg);text-align:center}.mono{font-family:var(--font-mono);font-size:.8rem}.text-muted{color:var(--clr-muted);font-size:.82rem}.back-btn{background:none;border:none;cursor:pointer;color:var(--clr-accent);font-family:var(--font-ar);font-size:.9rem;padding:0;margin-block-end:var(--space-md);display:inline-flex;align-items:center;gap:var(--space-xs)}.back-btn:hover{text-decoration:underline}.op-account{display:flex;align-items:center;gap:.75rem}.op-account button{cursor:pointer}.op-forbidden{text-align:center;padding:4rem 1rem}