@charset "UTF-8";@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}:root{color-scheme:light;--page: #fafaf8;--surface: #ffffff;--surface-2: #ffffff;--surface-sunken: #f3f3f0;--ink-primary: #1a1c22;--ink-secondary: #4d525d;--ink-muted: #6e7480;--accent: #12a876;--accent-strong: #0c8159;--accent-hover: #0a7350;--accent-active: #086044;--accent-text: #0c7a55;--accent-soft: rgba(18, 168, 118, .12);--on-accent: #ffffff;--hairline: rgba(26, 28, 34, .08);--hairline-strong: rgba(26, 28, 34, .16);--series-1: #0c8159;--series-2: #3056d3;--series-3: #b45309;--grid: rgba(26, 28, 34, .06);--axis: rgba(26, 28, 34, .22);--status-good: #15803d;--status-warning: #b45309;--status-critical: #c53030;--badge-good-bg: rgba(21, 128, 61, .1);--badge-good-ink: #0f6c33;--badge-critical-bg: rgba(197, 48, 48, .1);--badge-critical-ink: #a32c2c;--badge-warning-bg: rgba(180, 83, 9, .12);--badge-warning-ink: #8a4a06;--shadow: 0 1px 2px rgba(26, 28, 34, .05), 0 8px 24px rgba(26, 28, 34, .06);--shadow-pop: 0 16px 48px rgba(26, 28, 34, .16);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);--radius: 14px;--radius-sm: 8px;--gap: 20px;--nav-width: 248px;--page-max: 1180px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--commod-accent-yellow: var(--accent);--commod-blue-primary: var(--accent-strong);--commod-purple-secondary: var(--accent-strong);--commod-dark-navy: var(--ink-primary);--commod-gray-text: var(--ink-muted);--commod-surface: var(--surface);--commod-raised: var(--surface-2);--commod-ink: var(--ink-primary);--commod-hairline: var(--hairline);--commod-radius: var(--radius-sm);--commod-shadow: var(--shadow);--commod-font: var(--font)}:root:lang(ar){--font: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--ink-primary);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--ink-primary);margin:0;font-weight:650;letter-spacing:-.02em}::selection{background:var(--accent-soft)}button{font:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.visually-hidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.tile{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;padding:16px 18px 14px}.tile__label{align-items:center;color:var(--gray-text);display:flex;font-size:12px;gap:7px;letter-spacing:.02em;text-transform:uppercase}.tile__value{color:var(--ink-primary);font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.tile__meta{color:var(--gray-text);font-size:12px}.segmented{background:var(--surface);border:1px solid var(--hairline);border-radius:999px;display:inline-flex;overflow:hidden;padding:3px}.segmented button{background:none;border:0;border-radius:999px;color:var(--ink-secondary);cursor:pointer;font-size:13px;padding:5px 16px;transition:background .18s ease,color .18s ease}.segmented button:hover{color:var(--ink-primary)}.segmented button.is-active{background:var(--accent-soft);color:var(--ink-primary)}.badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.02em;padding:2px 9px;text-transform:capitalize}.badge--approved{background:var(--badge-good-bg);color:var(--badge-good-ink)}.badge--rejected{background:var(--badge-critical-bg);color:var(--badge-critical-ink)}.badge--pending{background:var(--badge-warning-bg);color:var(--badge-warning-ink)}.badge--active{background:var(--badge-critical-bg);color:var(--badge-critical-ink)}.badge--acknowledged{background:var(--badge-good-bg);color:var(--badge-good-ink)}.badge--dismissed{background:var(--surface-sunken);color:var(--ink-muted)}.score{background:var(--badge-critical-bg);border-radius:8px;color:var(--badge-critical-ink);display:inline-block;font-size:15px;font-weight:600;min-width:40px;padding:4px 8px;text-align:center}.dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dot--good{background:var(--status-good)}.dot--critical{background:var(--status-critical)}.dot--warning{background:var(--status-warning)}.subtitle{color:var(--gray-text);font-size:12px}.loading,.empty{color:var(--gray-text);padding:40px 0;text-align:center}.btn{align-items:center;background:transparent;border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:9px 18px;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.btn:hover{border-color:var(--axis)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active{background:var(--accent-active);border-color:var(--accent-active)}.btn--ghost{background:none;border-color:transparent;color:var(--ink-secondary)}.btn--ghost:hover{border-color:transparent;color:var(--ink-primary)}.btn--danger{background:none;border-color:color-mix(in srgb,var(--status-critical) 40%,transparent);color:var(--status-critical)}.btn--danger:hover{background:var(--badge-critical-bg);border-color:var(--status-critical)}.btn--sm{font-size:13px;padding:6px 12px}.field{display:flex;flex-direction:column;gap:6px}.field__label{color:var(--ink-primary);font-size:13px;font-weight:500}.field__input{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink-primary);font:inherit;font-size:14px;padding:9px 12px;transition:border-color .18s ease}.field__input:focus-visible{border-color:var(--accent)}.field__input[aria-invalid=true]{border-color:var(--status-critical)}.field select.field__input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-inline-end:32px}[dir=rtl] .field select.field__input{background-position:left 12px center}.field__hint{color:var(--gray-text);font-size:12px}.field__error{color:var(--badge-critical-ink);font-size:12px}.form-error{background:var(--badge-critical-bg);border-radius:var(--radius-sm);color:var(--badge-critical-ink);font-size:13px;margin:0 0 4px;padding:10px 12px}.table{border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;width:100%}.table th,.table td{border-bottom:1px solid var(--hairline);padding:10px 10px 10px 0;text-align:start;vertical-align:top}.table th{color:var(--gray-text);font-size:12px;font-weight:500;white-space:nowrap}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.snippet{background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink-primary);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;line-height:1.6;margin:0;overflow-x:auto;padding:14px 16px}.snippet--hl{font-size:13px}.snippet--hl .hl-tag{color:var(--accent-text)}.snippet--hl .hl-attr{color:var(--ink-secondary)}.snippet--hl .hl-str{color:var(--series-2)}.snippet-frame{position:relative}.snippet-frame__copy{align-items:center;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink-secondary);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:500;gap:6px;padding:5px 10px;position:absolute;inset-inline-end:10px;top:10px;transition:color .18s ease,border-color .18s ease}.snippet-frame__copy:hover{border-color:var(--axis);color:var(--ink-primary)}.snippet-frame__copy.is-copied{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-text)}.snippet-frame__copy app-icon{display:inline-flex}.snippet-frame .snippet{padding-inline-end:96px}.demo-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px 22px}.demo-card__kicker{color:var(--ink-muted);font-size:12px;letter-spacing:.07em;margin:0;text-transform:uppercase}.demo-card h2{font-size:19px;margin:14px 0 8px}.demo-card__body{color:var(--ink-secondary);font-size:14.5px;margin:0}.demo-card__rule{border:0;border-top:1px solid var(--hairline);margin:18px 0 14px}.demo-card__offline{color:var(--ink-secondary);font-size:14px;margin:0}.demo-card__offline a{color:var(--accent-text)}.masthead{align-items:flex-end;border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:18px}.masthead h1{font-size:26px}.masthead p{color:var(--ink-secondary);font-size:14px;margin:6px 0 0;max-width:62ch}.bars-bullet{align-items:baseline;display:flex;gap:10px}.bars-bullet:before{background:linear-gradient(var(--accent),var(--accent)) 0 4px/2px 7px,linear-gradient(var(--accent),var(--accent)) 4px 1px/2px 12px,linear-gradient(var(--accent),var(--accent)) 8px 3px/2px 9px;background-repeat:no-repeat;content:"";flex:none;height:14px;transform:translateY(2px);width:10px}