@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:local("IBM Plex Sans Arabic"),local("IBMPlexSansArabic-Regular")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:local("IBM Plex Sans Arabic SemiBold"),local("IBMPlexSansArabic-SemiBold")}:root{--hr-color-teal: #12B8A6;--hr-color-blue: #0B5BD3;--hr-color-ink: #0F1620;--hr-color-paper: #FFFFFF;--hr-status-ok: #0F766E;--hr-status-attention: #B45309;--hr-status-critical: #B42318;--hr-on-status: #FFFFFF;--hr-bg: var(--hr-color-paper);--hr-surface: #F4F6F8;--hr-text: var(--hr-color-ink);--hr-text-muted: #4A5563;--hr-border: #C5CCD6;--hr-primary: var(--hr-color-blue);--hr-on-primary: #FFFFFF;--hr-accent: var(--hr-color-teal);--hr-focus: var(--hr-color-blue);--hr-space-1: 4px;--hr-space-2: 8px;--hr-space-3: 12px;--hr-space-4: 16px;--hr-space-5: 24px;--hr-space-6: 32px;--hr-font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;--hr-font-size-sm: 14px;--hr-font-size-md: 16px;--hr-font-size-lg: 20px;--hr-font-size-xl: 24px;--hr-font-weight-regular: 400;--hr-font-weight-bold: 600;--hr-line-height: 1.5;--hr-radius-sm: 4px;--hr-radius-md: 8px;--hr-shadow: 0 1px 3px rgb(15 22 32 / .16);--hr-touch: 44px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--hr-bg: var(--hr-color-ink);--hr-surface: #18222F;--hr-text: #F4F6F8;--hr-text-muted: #AAB4C0;--hr-border: #3A4757;--hr-primary: var(--hr-color-blue);--hr-on-primary: #FFFFFF;--hr-accent: var(--hr-color-teal);--hr-shadow: 0 1px 3px rgb(0 0 0 / .5)}}html{font-family:var(--hr-font-family);font-size:var(--hr-font-size-md);line-height:var(--hr-line-height);background:var(--hr-bg);color:var(--hr-text)}body{margin:0;min-inline-size:360px}.hr-page{box-sizing:border-box;inline-size:100%;max-inline-size:480px;margin-inline:auto;padding-block:var(--hr-space-5);padding-inline:var(--hr-space-4)}.hr-stack{display:flex;flex-direction:column;gap:var(--hr-space-4)}.hr-title{margin:0;font-size:var(--hr-font-size-xl);font-weight:var(--hr-font-weight-bold)}.hr-hint{margin:0;font-size:var(--hr-font-size-sm);color:var(--hr-text-muted)}.hr-button{box-sizing:border-box;min-block-size:var(--hr-touch);min-inline-size:var(--hr-touch);padding-block:var(--hr-space-2);padding-inline:var(--hr-space-5);border:2px solid transparent;border-radius:var(--hr-radius-md);font:inherit;font-size:var(--hr-font-size-md);font-weight:var(--hr-font-weight-bold);cursor:pointer;box-shadow:var(--hr-shadow)}.hr-button:focus-visible,.hr-field__input:focus-visible{outline:3px solid var(--hr-focus);outline-offset:2px}.hr-button:disabled{cursor:not-allowed;opacity:.6}.hr-button--primary{background:var(--hr-primary);color:var(--hr-on-primary)}.hr-button--secondary{background:var(--hr-surface);color:var(--hr-text);border-color:var(--hr-border)}.hr-button--danger{background:var(--hr-status-critical);color:var(--hr-on-status)}.hr-field{display:flex;flex-direction:column;gap:var(--hr-space-1)}.hr-field__label{font-size:var(--hr-font-size-sm);font-weight:var(--hr-font-weight-bold)}.hr-field__input{box-sizing:border-box;inline-size:100%;min-block-size:var(--hr-touch);padding-block:var(--hr-space-2);padding-inline:var(--hr-space-3);border:1px solid var(--hr-border);border-radius:var(--hr-radius-sm);background:var(--hr-bg);color:var(--hr-text);font:inherit;font-size:var(--hr-font-size-md)}.hr-field__input[aria-invalid=true]{border:2px solid var(--hr-status-critical)}.hr-field__error{margin:0;padding-block:var(--hr-space-1);padding-inline:var(--hr-space-2);border-radius:var(--hr-radius-sm);background:var(--hr-status-critical);color:var(--hr-on-status);font-size:var(--hr-font-size-sm)}.hr-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--hr-space-2);padding-block:var(--hr-space-1);padding-inline:var(--hr-space-3);border-radius:var(--hr-radius-md);color:var(--hr-on-status);font-size:var(--hr-font-size-sm);font-weight:var(--hr-font-weight-bold)}.hr-badge--ok{background:var(--hr-status-ok)}.hr-badge--attention{background:var(--hr-status-attention)}.hr-badge--critical{background:var(--hr-status-critical)}