@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Tajawal:wght@300;400;500;700&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--odh-green: #1A5E2E;--odh-green-dark: #144A24;--odh-green-light: #EAF4EE;--odh-green-mid: #B8D9C2;--odh-green-x: #F0FAF3;--odh-amber: #D4930A;--odh-amber-dark: #9A6200;--odh-amber-light: #FDF3E3;--odh-blue: #1A8BB8;--odh-blue-light: #E6F2F8;--odh-ink: #1A1A1A;--odh-ink-2: #4A3D2E;--odh-ink-3: #7A6E60;--odh-ink-4: #B0A08A;--odh-bg: #E8E3D8;--odh-page-bg: #F2EEE6;--odh-surface: #FDFBF7;--odh-border: #E2DAD0;--odh-border-2: #EDE7DD;--odh-white: #FFFFFF;--odh-danger: #C0302A;--odh-danger-light: #FEE8E8;--odh-radius-xl: 20px;--odh-radius: 11px;--odh-radius-sm: 8px;--odh-shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 8px 32px rgba(0, 0, 0, .09), 0 32px 72px rgba(0, 0, 0, .08)}.login-page,.login-page *{box-sizing:border-box}.login-page{position:relative;min-height:100vh;width:100%;overflow:hidden;background:var(--odh-bg);color:var(--odh-ink);font-family:Tajawal,DM Sans,system-ui,sans-serif}.login-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.login-page.ltr{direction:ltr}.login-page.rtl{direction:rtl}.login-shell{--login-shell-offset-y: 80px;position:relative;z-index:1;display:flex;width:min(1180px,calc(100vw - 40px));min-height:700px;margin:20px auto;transform:translateY(var(--login-shell-offset-y));border:1px solid rgba(210,200,185,.7);border-radius:var(--odh-radius-xl);overflow:hidden;background:var(--odh-white);box-shadow:var(--odh-shadow);animation:loginShellEnter .45s ease both}@keyframes loginShellEnter{0%{opacity:0;transform:translateY(calc(var(--login-shell-offset-y, 0px) + 16px)) scale(.99)}to{opacity:1;transform:translateY(var(--login-shell-offset-y, 0px)) scale(1)}}.login-hero{position:relative;width:62%;min-height:700px;display:flex;flex-direction:column;justify-content:space-between;padding:44px 52px 40px;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(26,94,46,.16),transparent 26%),radial-gradient(circle at 18% 82%,rgba(212,147,10,.18),transparent 28%),radial-gradient(circle at 88% 82%,rgba(26,139,184,.16),transparent 30%),linear-gradient(135deg,#ecf7f0,#f4f0e6,#e8eff7)}.login-page.rtl .login-hero{order:1}.login-page.ltr .login-hero{order:0}.login-hero:before,.login-hero:after{content:"";position:absolute;border-radius:18px;border:1px solid rgba(26,94,46,.14);background-color:#ffffff7a;background-repeat:no-repeat;background-position:center;background-size:82% 72%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 40px #1a5e2e0f;opacity:.78}.login-hero:before{width:190px;height:112px;inset-block-start:136px;inset-inline-end:52px;transform:rotate(-4deg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 78 L18 52 M48 78 L48 30 M78 78 L78 46 M108 78 L108 20 M138 78 L138 38' stroke='%231A5E2E' stroke-width='12' opacity='.55'/%3E%3Cpath d='M14 82 H158' stroke='%236A5E4A' stroke-width='2' opacity='.28'/%3E%3Ccircle cx='142' cy='24' r='10' fill='%23D4930A' opacity='.45'/%3E%3C/g%3E%3C/svg%3E")}.login-hero:after{width:230px;height:134px;inset-block-end:150px;inset-inline-start:48px;transform:rotate(5deg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 82 C48 38 76 94 106 54 C135 16 166 64 198 28' stroke='%231A8BB8' stroke-width='5' opacity='.5'/%3E%3Cpath d='M18 92 C58 70 82 82 114 58 C148 32 170 48 198 36' stroke='%231A5E2E' stroke-width='4' opacity='.45'/%3E%3Ccircle cx='106' cy='54' r='6' fill='%23D4930A' opacity='.6'/%3E%3Ccircle cx='198' cy='28' r='6' fill='%231A5E2E' opacity='.55'/%3E%3Cpath d='M18 100 H202' stroke='%236A5E4A' stroke-width='2' opacity='.22'/%3E%3C/g%3E%3C/svg%3E")}.login-hero__top,.login-hero__body,.login-hero__stats,.login-hero__trust{position:relative;z-index:2}.login-brand{display:inline-flex;align-items:center;gap:13px}.login-brand__mark{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:transparent;border:none;overflow:hidden;padding:0}.login-brand__logo{width:40px;height:40px;object-fit:contain;display:block}.login-brand__mark svg{width:22px;height:22px}.login-brand span{font-family:Playfair Display,serif;font-size:21px;font-weight:600;color:var(--odh-ink);letter-spacing:-.3px}.login-hero__body{padding-block:48px 28px;max-width:440px}.login-hero__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#c08a10;font-family:DM Sans,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.login-hero__eyebrow:before{content:"";width:22px;height:1px;background:#c08a10;opacity:.7}.login-hero__title{margin:0;color:var(--odh-ink);font-family:Playfair Display,serif;font-size:clamp(36px,4vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.5px}.login-hero__title span,.login-hero__title em{display:block}.login-hero__title em{color:var(--odh-green);font-style:italic;font-weight:400}.login-hero__subtitle{max-width:410px;margin:18px 0 0;color:var(--odh-ink-2);font-size:14.5px;font-weight:300;line-height:1.75}.login-hero__pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.login-hero__pills span{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:999px;border:1px solid transparent;font-family:DM Sans,Tajawal,sans-serif;font-size:12px;font-weight:600}.login-hero__pills span:nth-child(1){background:var(--odh-green-light);border-color:var(--odh-green-mid);color:var(--odh-green)}.login-hero__pills span:nth-child(2){background:var(--odh-amber-light);border-color:#ebc97a;color:var(--odh-amber-dark)}.login-hero__pills span:nth-child(3){background:var(--odh-blue-light);border-color:#a0cfe4;color:#0d4a6a}.login-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-hero__stats div{min-width:0;padding:13px 15px;border:1px solid rgba(210,200,185,.72);border-radius:12px;background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-hero__stats strong{display:block;color:var(--odh-ink);font-family:Playfair Display,serif;font-size:22px;font-weight:600;line-height:1}.login-hero__stats span{display:block;margin-top:7px;color:#8a7e6a;font-size:10.5px;line-height:1.4}.login-hero__trust{margin:16px 0 0;padding-top:20px;border-top:1px solid rgba(130,110,80,.14);color:#7a6e60;font-size:12.5px;line-height:1.6}.login-card{width:38%;min-width:420px;min-height:700px;display:flex;flex-direction:column;justify-content:center;padding:52px 44px;background:var(--odh-white);border-inline-start:1px solid var(--odh-border-2)}.login-page.rtl .login-card{order:2}.login-page.ltr .login-card{order:1}.login-card__topbar{display:flex;justify-content:flex-end;margin-bottom:34px}.login-page.rtl .login-card__topbar{justify-content:flex-start}.lang-switch{min-height:32px;padding:5px 13px;border:1px solid #CEC6B4;border-radius:7px;background:var(--odh-surface);color:var(--odh-ink-2);font-family:DM Sans,Tajawal,sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.lang-switch:hover{border-color:var(--odh-green);background:var(--odh-green-light);color:var(--odh-green)}.login-card__header{margin-bottom:26px}.login-card__eyebrow{margin:0 0 7px;color:#c08a10;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase}.welcome-block__title{margin:0 0 5px;color:var(--odh-ink);font-family:Playfair Display,serif;font-size:28px;font-weight:600;line-height:1.18}.welcome-block__subtitle{margin:0;color:var(--odh-ink-4);font-size:13px;line-height:1.65}.login-form{display:flex;flex-direction:column;gap:17px;width:100%}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:6px;color:var(--odh-ink-2);font-size:12px;font-weight:700;letter-spacing:.1px;text-align:start}.form-input,.inp,.readonly-email{width:100%;height:46px;border:1.5px solid var(--odh-border);border-radius:10px;outline:none;background:var(--odh-surface);color:var(--odh-ink);padding-inline:15px;font-family:Tajawal,DM Sans,sans-serif;font-size:13.5px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-page.ltr .form-input{text-align:left;direction:ltr}.login-page.rtl .form-input{text-align:right;direction:rtl}.form-input:focus,.inp:focus{border-color:var(--odh-green);background:var(--odh-white);box-shadow:0 0 0 3px #1a5e2e17}.form-input::placeholder{color:#c4baa8}.password-field{position:relative}.password-field__input{padding-inline-end:52px}.password-toggle{position:absolute;inset-block-start:50%;inset-inline-end:10px;transform:translateY(-50%);width:34px;height:30px;display:grid;place-items:center;border:1px solid var(--odh-border-2);border-radius:8px;background:var(--odh-white);color:var(--odh-green);font-size:12px;cursor:pointer;transition:all .15s ease}.password-toggle:hover{border-color:var(--odh-green-mid);background:var(--odh-green-light)}.password-toggle:disabled{cursor:not-allowed;opacity:.6}.login-form__options{display:flex;align-items:center;justify-content:space-between;gap:14px}.checkbox{display:inline-flex;align-items:center;gap:7px;color:var(--odh-ink-2);font-size:12.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input{width:15px;height:15px;accent-color:var(--odh-green);cursor:pointer}.text-link{display:inline-flex;align-items:center;justify-content:center;color:var(--odh-blue);background:none;border:none;padding:0;font:inherit;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer}.text-link:hover{text-decoration:underline}.submit-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;border:none;border-bottom:2px solid var(--odh-amber);border-radius:10px;background:var(--odh-ink);color:var(--odh-white);font-family:Tajawal,DM Sans,sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease}.submit-button:hover:not(:disabled){transform:translateY(-1px);background:#000}.submit-button:disabled{cursor:not-allowed;opacity:.62}.form-error,.form-success{border-radius:9px;padding:10px 12px;font-size:12.5px;line-height:1.55;text-align:start}.form-error{border:1px solid #F9C0BB;background:var(--odh-danger-light);color:var(--odh-danger)}.form-success{border:1px solid var(--odh-green-mid);background:var(--odh-green-light);color:var(--odh-green)}.login-card__footer{margin-top:22px;color:var(--odh-ink-3);font-size:12.5px;line-height:1.65;text-align:center}.login-help,.login-security{margin:0}.login-security{margin-top:10px;color:var(--odh-ink-4);font-size:12px}.login-security__dot{display:inline-flex;margin-inline:8px}.change-password-form{display:flex;flex-direction:column;align-items:stretch;gap:16px}.change-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.change-password-grid>*{min-width:0}.change-password-form .submit-button{width:100%}.change-password-form .text-link{margin-inline:auto}.verify-code-group{display:flex;justify-content:center;gap:10px;margin-top:8px;flex-wrap:nowrap;direction:ltr}.verify-code-input{width:46px;height:54px;border:1.5px solid var(--odh-border);border-radius:10px;background:var(--odh-surface);color:var(--odh-ink);text-align:center;font-family:DM Sans,sans-serif;font-size:1.35rem;font-weight:700;transition:all .18s ease}.verify-code-input:focus{outline:none;border-color:var(--odh-green);background:var(--odh-white);box-shadow:0 0 0 3px #1a5e2e17}.verify-code-input:disabled{background:#f0ebe0;cursor:not-allowed}.readonly-email{background:#f0ebe0;color:var(--odh-ink-3);cursor:default}.login-page.rtl,.login-page.rtl .login-card,.login-page.rtl .login-form,.login-page.rtl .login-card__footer{text-align:right}.login-page.ltr,.login-page.ltr .login-card,.login-page.ltr .login-form,.login-page.ltr .login-card__footer{text-align:left}.login-page.rtl .login-card__footer,.login-page.ltr .login-card__footer{text-align:center}.login-page.rtl .login-hero__eyebrow,.login-page.rtl .login-brand,.login-page.rtl .login-hero__pills{direction:rtl}.login-page.ltr .login-hero__eyebrow,.login-page.ltr .login-brand,.login-page.ltr .login-hero__pills{direction:ltr}@media (max-width: 980px){.login-shell{width:min(760px,calc(100vw - 28px));min-height:auto;flex-direction:column}.login-hero,.login-card,.login-page.rtl .login-hero,.login-page.rtl .login-card,.login-page.ltr .login-hero,.login-page.ltr .login-card{width:100%;min-width:0;order:initial}.login-hero{min-height:440px;padding:34px 34px 30px}.login-card{min-height:auto;padding:36px 34px 38px;border-inline-start:none;border-block-start:1px solid var(--odh-border-2)}}@media (max-width: 640px){.login-page{overflow-y:auto}.login-shell{width:100%;min-height:100vh;margin:0;border-radius:0;border:none}.login-hero{min-height:auto;padding:28px 22px}.login-hero__title{font-size:32px}.login-hero__stats{grid-template-columns:1fr}.login-card{padding:30px 22px 34px}.login-form__options{align-items:flex-start;flex-direction:column}.change-password-grid{grid-template-columns:1fr}.verify-code-group{gap:7px}.verify-code-input{width:38px;height:48px;font-size:1.15rem}}@font-face{font-family:DIN NEXT Arabic Medium;src:url(/fonts/DIN-NEXT-ARABIC-MEDIUM.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--app-bg: #f6f8fb;--app-bg-soft: #eef4f8;--app-surface: rgba(255, 255, 255, .86);--app-border: rgba(15, 23, 42, .08);--app-text: #172033;--app-text-muted: #64748b;--app-primary: #0f6b78;--app-primary-dark: #084c57;--app-primary-soft: rgba(15, 107, 120, .1);--app-gold: #c59a3d;--app-shadow-soft: 0 12px 34px rgba(15, 23, 42, .08);--app-shadow-card: 0 8px 22px rgba(15, 23, 42, .06);--app-radius-lg: 22px;--app-radius-md: 16px;--app-transition: .18s ease}html{width:100%;min-height:100%;background:var(--app-bg);scroll-behavior:smooth}body{width:100%;min-height:100vh;margin:0;overflow-x:hidden;color:var(--app-text);background:radial-gradient(circle at top left,rgba(15,107,120,.1),transparent 34rem),radial-gradient(circle at bottom right,rgba(197,154,61,.12),transparent 34rem),linear-gradient(135deg,#f8fafc,#eef4f8);font-family:DIN NEXT Arabic Medium,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}#root{width:100%;min-height:100vh}.app-shell{position:relative;min-height:100vh;isolation:isolate}.app-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 76%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 76%)}.app-main{width:100%;min-height:calc(100vh - 72px);padding:20px}::selection{color:#fff;background:var(--app-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f172a0a}::-webkit-scrollbar-thumb{background:#0f6b7859;border-radius:999px;border:2px solid rgba(255,255,255,.7)}::-webkit-scrollbar-thumb:hover{background:#0f6b788c}:focus-visible{outline:3px solid rgba(15,107,120,.28);outline-offset:3px}.MuiPaper-root{border-radius:var(--app-radius-md)}.MuiButton-root{border-radius:12px;text-transform:none;font-weight:700}.MuiCard-root,.MuiPaper-elevation1,.MuiPaper-elevation2,.MuiPaper-elevation3{box-shadow:var(--app-shadow-card)}@media (max-width: 900px){.app-main{padding:14px}}@media (max-width: 600px){.app-main{padding:10px}}@media print{html,body,#root,.app-shell,.app-main{background:#fff!important}.app-background{display:none!important}}@media print{*{break-inside:avoid!important}.force-page-break{page-break-before:always!important;break-before:always!important}.avoid-page-break{break-inside:avoid!important;page-break-inside:avoid!important}table,th,td{border:1px solid black!important;color:#000!important}body{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}