@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-dark: #1a2b6d;--blue-mid: #1e3a8a;--blue-light: #2563eb;--yellow: #f5b800;--yellow-dark: #e0a800;--white: #ffffff;--gray-light: #f4f6fa;--gray: #6b7280;--text-dark: #1f2937}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif;direction:rtl;color:var(--text-dark);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;font-family:Cairo,sans-serif}:root{--font-base: "Tajawal", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-number: "Inter", "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--font-primary: "Tajawal", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-secondary: "Tajawal", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-size-base: 16px;--text-size-small: 14px;--text-size-caption: 13px;--line-height-base: 1.7;--line-height-tight: 1.35;--type-step-0: 1rem;--type-step-1: 1.2rem;--type-step-2: 1.44rem;--type-step-3: 1.728rem;--type-step-4: 2.074rem;--type-step-5: 2.488rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--section-gap: var(--space-12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-soft: 0 4px 14px rgba(17, 24, 39, .06);--shadow-md: 0 10px 24px rgba(17, 24, 39, .08);--shadow-focus: 0 0 0 3px rgba(27, 55, 100, .22);--color-navy: #1B3764;--color-navy-light: #264a80;--color-navy-dark: #0f2340;--color-gold: #D4A843;--color-gold-light: #F5B731;--color-gold-bright: #FFCC33;--color-success: #28a745;--color-danger: #dc2626;--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-600: #475569;--neutral-800: #1f2937;--accent-primary: var(--color-navy);--accent-secondary: var(--color-gold);--text-primary: #192335;--text-muted: #5b6473;--border-subtle: #dbe1ea;--surface-page: #f4f7fb;--surface-card: #ffffff;--surface-dark: #1a1a2e}html,body,#app{min-height:100%}html{direction:rtl;scroll-behavior:smooth;font-size:var(--text-size-base)}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-base)!important;line-height:var(--line-height-base)}*,*:before,*:after{font-family:inherit}body input,body select,body textarea,body button{font-family:var(--font-base)!important}.container{max-width:1200px;margin-inline:auto;padding-right:var(--space-5);padding-left:var(--space-5)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary);line-height:var(--line-height-tight);font-weight:700}h1{font-size:clamp(2.2rem,4vw,3.3rem)}h2{font-size:clamp(1.85rem,3.2vw,2.5rem)}h3{font-size:clamp(1.55rem,2.7vw,2.05rem)}h4{font-size:clamp(1.3rem,2.3vw,1.72rem)}h5{font-size:clamp(1.1rem,2vw,1.44rem)}h6{font-size:clamp(1rem,1.8vw,1.2rem)}p{margin:0;color:var(--text-muted)}.b2{font-size:var(--type-step-1);line-height:1.75}.b3{font-size:var(--type-step-0);line-height:1.7}.b4{font-size:var(--text-size-small);line-height:1.6}.section-gap{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-primary)}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:48px;border:none;border-radius:var(--radius-md);background:var(--color-navy);color:#fff;font-weight:700;font-size:1rem;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.btn-primary:hover{background:var(--color-navy-light);transform:translateY(-1px);color:#fff}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:48px;border:2px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--neutral-0);color:var(--text-primary);font-weight:700;font-size:1rem;font-family:inherit;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:var(--color-navy);color:var(--color-navy)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:48px;border:none;border-radius:var(--radius-md);background:var(--color-gold);color:var(--color-navy-dark);font-weight:700;font-size:1rem;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s}.btn-gold:hover{background:var(--color-gold-light);transform:translateY(-1px);color:var(--color-navy-dark)}.btn-sm{padding:var(--space-2) var(--space-4);min-height:38px;font-size:var(--text-size-small);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-7);min-height:54px;font-size:1.1rem}.btn-danger{background:var(--color-danger);color:#fff;border:none}.btn-danger:hover{background:#b91c1c;color:#fff}.rbt-btn{border-radius:var(--radius-md);font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.rbt-btn:hover{transform:translateY(-1px)}.rbt-btn.btn-gradient{background:var(--color-navy);color:var(--neutral-0);box-shadow:var(--shadow-soft);border:none}.rbt-btn.btn-gradient:hover{background:var(--color-navy-light)}.rbt-btn.btn-secondary{background:#1b37641f;color:var(--accent-primary)}.rbt-btn.btn-border{border-color:var(--border-subtle);background:var(--neutral-0);color:var(--text-primary)}.rbt-btn[disabled]{opacity:.65;cursor:not-allowed;transform:none}.form-label{margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-size-small);font-weight:700}.form-control,.form-select{min-height:48px;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--neutral-0);color:var(--text-primary);font-size:var(--text-size-base);font-family:inherit;padding:0 var(--space-4);width:100%;transition:border-color .2s ease,box-shadow .2s ease}.form-control::placeholder{color:var(--neutral-600);opacity:.6}.form-control:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus);outline:none}.form-control.is-invalid{border-color:var(--color-danger)}.form-error{color:var(--color-danger);font-size:var(--text-size-caption);margin-top:var(--space-1)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-3)}.form-group>label.form-label{position:static;width:auto;max-width:none;left:auto;right:auto;top:auto;z-index:auto;letter-spacing:normal;line-height:inherit;font-size:var(--text-size-small);font-weight:700;color:var(--text-primary)}.form-group .form-control,.form-group .form-select{min-height:48px;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--neutral-0);color:var(--text-primary);font-size:var(--text-size-base);font-family:inherit;padding:0 var(--space-4);width:100%;transition:border-color .2s ease,box-shadow .2s ease}.form-group .form-control:focus,.form-group .form-select:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-focus);outline:none}.form-group .form-control::placeholder{color:var(--neutral-600);opacity:.6}.form-group .form-control.is-invalid{border-color:var(--color-danger)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3)}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3)}@media only screen and (max-width: 767px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.form-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-size-small);font-weight:600;margin-bottom:var(--space-3)}.form-alert-error{background:#dc26260f;color:var(--color-danger);border:1px solid rgba(220,38,38,.15)}.form-alert-success{background:#28a7450f;color:var(--color-success);border:1px solid rgba(40,167,69,.15)}.card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-soft)}i[class^=feather-],i[class*=" feather-"]{rotate:0deg!important;transform:none!important}.progress-wrap{width:100%;height:10px;border-radius:var(--radius-pill);background:var(--neutral-200);overflow:hidden}.progress-bar-inner{height:100%;border-radius:var(--radius-pill);background:var(--color-gold);transition:width .6s ease}.progress-bar-green{background:var(--color-success)}.auth-split{display:flex;min-height:100vh;width:100%}.auth-split-image{position:relative;width:48%;min-height:100vh;overflow:hidden}.auth-split-image img{width:100%;height:100%;object-fit:cover}.auth-split-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(27,55,100,.85) 0%,rgba(27,55,100,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-8);color:#fff}.auth-split-image-overlay h2{color:#fff;font-size:2.2rem;margin-bottom:var(--space-3)}.auth-split-image-overlay p{color:#ffffffd9;font-size:1.05rem;line-height:1.8}.auth-split-form{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--neutral-0)}.auth-card{width:100%;max-width:480px}.auth-card-wide{max-width:620px}.auth-card-header{margin-bottom:var(--space-6)}.auth-card-logo{width:130px;height:auto;margin-bottom:var(--space-5)}.auth-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);min-height:50px;font-size:1rem;border-radius:var(--radius-md);background:var(--color-navy);color:#fff;border:none;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s}.auth-submit-btn:hover{background:var(--color-navy-light)}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed}.auth-links{margin-top:var(--space-5);text-align:center}.auth-links a{color:var(--color-navy);font-weight:700}.auth-links a:hover{text-decoration:underline}.color-primary{color:var(--color-navy)!important}@media only screen and (max-width: 991px){.auth-split-image{display:none}.auth-split{justify-content:center}.auth-split-form{padding:var(--space-4)}}.input-icon-wrapper{position:relative}.input-icon-wrapper .form-control{padding-block:0;padding-inline-start:var(--space-4);padding-inline-end:var(--space-4)}.input-icon-wrapper:has(.input-icon-inside) .form-control{padding-inline-start:44px}.input-icon-wrapper:has(.password-toggle) .form-control{padding-inline-end:48px}.input-icon-inside{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:16px;opacity:.55}.password-toggle{position:absolute;top:50%;inset-inline-end:10px;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:16px;padding:4px}.password-toggle:hover{color:var(--accent-primary)}.password-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin .8s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(480px,92vw);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-7);text-align:center}.modal-icon-danger{width:56px;height:56px;border-radius:50%;background:#dc262614;color:var(--color-danger);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto var(--space-4)}.modal-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .25s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1}.page-hero{text-align:center;padding:var(--space-10) 0 var(--space-8);background:linear-gradient(180deg,rgba(27,55,100,.04) 0%,transparent 100%)}.page-hero h1{margin-bottom:var(--space-3)}.page-hero p{max-width:600px;margin-inline:auto;font-size:1.05rem}@media only screen and (max-width: 991px){:root{--section-gap: var(--space-10)}}@media only screen and (max-width: 575px){:root{--section-gap: var(--space-9)}.container{padding-right:var(--space-4);padding-left:var(--space-4)}}.toasts-wrap[data-v-602c53af]{position:fixed;top:var(--space-4);left:var(--space-4);z-index:3000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast-item[data-v-602c53af]{min-width:240px;max-width:380px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);pointer-events:auto;background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-primary)}.toast-success[data-v-602c53af]{border-right:4px solid var(--accent-primary)}.toast-message[data-v-602c53af]{font-size:var(--text-size-small);font-weight:600}.toast-close[data-v-602c53af]{border:0;background:transparent;color:inherit;font-size:1.1rem;line-height:1;padding:0}