@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,300..600,0..1,0&display=block";:root{--color-bg:#f6f8f9;--color-surface:#eef2f3;--color-text:#101828;--color-accent:#0b5c6b;--color-accent-2:#c4320a;--color-divider:#e1e6e8;--md-primary:#0b5c6b;--md-on-primary:#fff;--md-primary-container:#e3f1f3;--md-on-primary-container:#063a44;--md-secondary-container:#e6eef0;--md-on-secondary-container:#0b3a43;--md-tertiary-container:#eef1f8;--md-on-tertiary-container:#24324f;--md-error-container:#fdf0ec;--md-on-error-container:#9a2a0a;--md-surface-low:#f3f6f7;--md-surface:#ffffff;--md-surface-high:#eef2f3;--md-surface-highest:#e6ebed;--md-surface-lowest:#fff;--md-on-surface-variant:#475467;--md-outline:#c2cacd;--md-outline-variant:#e4e9eb;--md-inverse-surface:#1d2939;--md-inverse-on-surface:#ecf2f3;--color-neutral-100:#f5fafb;--color-neutral-200:#e3e9ea;--color-neutral-300:#bec8ca;--color-neutral-400:#a3adaf;--color-neutral-500:#899294;--color-neutral-600:#6f797a;--color-neutral-700:#475467;--color-neutral-800:#344054;--color-neutral-900:#2b3133;--color-accent-100:#d6f6ff;--color-accent-200:#a1efff;--color-accent-300:#6fd6ec;--color-accent-400:#4fbad0;--color-accent-500:#2a9fb4;--color-accent-600:#007f90;--color-accent-700:#0b5c6b;--color-accent-800:#084651;--color-accent-900:#00363e;--color-accent-2-100:#ffedea;--color-accent-2-200:#ffdad6;--color-accent-2-300:#ffb4ab;--color-accent-2-400:#ff897d;--color-accent-2-500:#de3730;--color-accent-2-600:#ba1a1a;--color-accent-2-700:#b42318;--color-accent-2-800:#912018;--color-accent-2-900:#410002;--font-heading:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-body:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-heading-weight:500;--radius-sm:8px;--radius-md:12px;--radius-lg:28px;--shadow-sm:0 1px 2px rgba(16,24,40,.05);--shadow-md:0 4px 12px -2px rgba(16,24,40,.1),0 2px 4px -2px rgba(16,24,40,.06);--shadow-lg:0 16px 32px -8px rgba(16,24,40,.16)}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[data-screen-label]>*,[data-screen-label]>sc-for>*{flex-shrink:0}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:500;line-height:1.2;margin:0 0 8px;letter-spacing:0}h1{font-size:32px}h2{font-size:22px;font-weight:600}h3{font-size:20px}h4{font-size:17px}p{margin:0 0 12px}a{color:var(--md-primary)}:focus{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--md-primary)!important;outline-offset:2px}:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none}.btn{position:relative;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:var(--font-body);font-weight:500;font-size:14px;letter-spacing:.01em;line-height:1;min-height:40px;padding:0 24px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--md-primary);transition:box-shadow .2s,background .2s;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .15s;pointer-events:none}.btn:hover:after{opacity:.08}.btn:active:after{opacity:.12}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--md-primary);color:var(--md-on-primary)}.btn-primary:hover{box-shadow:var(--shadow-sm)}.btn-secondary{border-color:var(--md-outline);color:var(--color-text);background:var(--md-surface)}.btn-ghost{padding:0 12px;color:var(--md-primary)}.btn-icon{width:40px;height:40px;min-height:0;padding:0;border-radius:50%;color:var(--md-on-surface-variant)}.btn-icon.btn-secondary{border:0;background:var(--md-surface-high)}.btn-icon.btn-primary{color:var(--md-on-primary)}.tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:12px;font-weight:500;border-radius:6px}.tag .material-symbols-rounded{font-size:16px}.tag-accent{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.tag-accent-2{background:var(--md-error-container);color:var(--md-on-error-container)}.tag-neutral{background:var(--md-surface-highest);color:var(--md-on-surface-variant)}.field>label{display:block;font-size:12px;margin-bottom:6px;color:var(--md-on-surface-variant)}.input{width:100%;min-height:48px;padding:10px 14px;background:var(--md-surface)!important;border-radius:10px!important;font:inherit;font-size:16px;color:var(--color-text);caret-color:var(--md-primary);background:transparent;border:1px solid var(--md-outline);border-radius:4px}.input:hover{border-color:var(--color-text)}.input:focus-visible{outline:none;border:2px solid var(--md-primary);padding:11px 15px}textarea.input{min-height:96px;resize:vertical}.card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:var(--md-surface-low)}html,body{height:100%}body{margin:0;background:var(--color-neutral-200);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-600)}input,select,textarea,button{font-family:inherit}h2[tabindex="-1"]:focus{outline:none}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}#root{display:flex;justify-content:center}.shell{position:fixed;top:0;bottom:0;left:0;right:0;margin-inline:auto;width:100%;max-width:480px;background:var(--color-bg);overflow:hidden;overscroll-behavior:none;display:flex;flex-direction:column;color:var(--color-text);font-family:IBM Plex Sans Arabic,system-ui,sans-serif}@media(min-width:520px){.shell{box-shadow:var(--shadow-lg)}}.screen{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--md-outline-variant);border-top-color:var(--md-primary);animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--md-surface-low),var(--md-surface-high),var(--md-surface-low));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:16px}@keyframes shimmer{to{background-position:-200% 0}}.btn[aria-disabled=true],.btn:disabled{opacity:.55}:root[data-theme=dark]{color-scheme:dark;--color-bg:#0f1416;--color-surface:#161d20;--color-text:#e6ecee;--color-accent:#7fd3e3;--color-accent-2:#ff8a70;--color-divider:#2a3438;--md-primary:#7fd3e3;--md-on-primary:#00363e;--md-primary-container:#0d4a56;--md-on-primary-container:#c9f1f8;--md-secondary-container:#1f3539;--md-on-secondary-container:#cfe6eb;--md-tertiary-container:#27314b;--md-on-tertiary-container:#dde3f5;--md-error-container:#5a1d12;--md-on-error-container:#ffd9cf;--md-surface-low:#141b1e;--md-surface:#1b2427;--md-surface-high:#222c30;--md-surface-highest:#2a3539;--md-surface-lowest:#182023;--md-on-surface-variant:#a7b4b8;--md-outline:#4c595d;--md-outline-variant:#2d383b;--md-inverse-surface:#e6ecee;--md-inverse-on-surface:#1d2939;--color-neutral-100:#1a2124;--color-neutral-200:#0b1012;--color-neutral-300:#3b4649;--color-neutral-400:#566164;--color-neutral-500:#6f7b7f;--color-neutral-600:#8d999d;--color-neutral-700:#a7b4b8;--color-neutral-800:#c9d3d6;--color-neutral-900:#eef2f3;--color-accent-100:#00363e;--color-accent-200:#084651;--color-accent-300:#0b5c6b;--color-accent-400:#007f90;--color-accent-500:#2a9fb4;--color-accent-600:#6fd6ec;--color-accent-700:#8fe3f2;--color-accent-800:#b6eef8;--color-accent-900:#d6f6ff;--color-accent-2-100:#410002;--color-accent-2-200:#5a1d12;--color-accent-2-300:#912018;--color-accent-2-400:#b42318;--color-accent-2-500:#de3730;--color-accent-2-600:#ff897d;--color-accent-2-700:#ffa594;--color-accent-2-800:#ffd2c8;--color-accent-2-900:#ffedea;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px -2px rgba(0,0,0,.5),0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg:0 16px 32px -8px rgba(0,0,0,.6)}:root[data-theme=dark] img.avatar-photo{filter:brightness(.92)}