.login-page{position:relative;min-height:100vh;width:100%;background:#0b1f1a;overflow:hidden;font-family:Inter,Segoe UI,sans-serif}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/ODH_Background.jpeg) no-repeat center center;background-size:cover;z-index:0}.login-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#01191400,#01191400 50%,#09282266 70%,#476f5fb3,#ffffffbf);z-index:1}.login-shell{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding-right:6%}.login-page.rtl .login-shell{justify-content:flex-start;padding-right:6%;padding-left:0}.login-card{width:560px;max-width:90vw;background:#ffffffeb;border-radius:14px;padding:32px;box-shadow:0 20px 60px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-sizing:border-box;overflow-x:hidden}.login-card__header{margin-bottom:24px}.login-card__topbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.login-page.rtl .login-card__topbar{justify-content:flex-start}.lang-switch{background:#0000000d;border:1px solid #ccc;border-radius:20px;padding:6px 14px;font-size:.8rem;cursor:pointer;transition:all .2s;font-weight:500;color:#2e7d6b}.lang-switch:hover{background:#0000001a}.brand-block{text-align:center;margin-bottom:24px}.brand-block__eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#2e7d6b;font-weight:600}.brand-block__title{font-size:28px;font-weight:700;color:#1a1a1a;margin-top:4px}.welcome-block__title{font-size:24px;font-weight:600;color:#1a1a1a}.welcome-block__subtitle{font-size:14px;color:#666;margin-top:6px}.login-form{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.form-group{display:flex;flex-direction:column}.form-label{font-size:13px;margin-bottom:6px;color:#444;text-align:left;direction:ltr}.login-page.rtl .form-label{text-align:right;direction:rtl}.form-input{height:44px;border-radius:8px;border:1px solid #ddd;padding:0 14px;font-size:14px;background:#f9f9f9;transition:all .2s ease;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:#2e7d6b;background:#fff}.password-field{position:relative}.password-field__input{padding-right:50px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#eee;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px}.login-form__options{display:flex;justify-content:space-between;align-items:center}.checkbox{font-size:13px;color:#444}.text-link{font-size:13px;color:#2e7d6b;text-decoration:none;background:none;border:none;cursor:pointer;padding:0}.submit-button{height:44px;border-radius:8px;background:linear-gradient(180deg,#2f7a68,#2a6e5e);color:#fff;font-weight:600;border:none;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.submit-button:hover{transform:translateY(-1px);opacity:.95}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-card__footer{margin-top:20px;text-align:center;font-size:13px;color:#666}.login-security{margin-top:10px;font-size:12px;color:#888}.form-error,.form-success{margin-bottom:12px;font-size:.85rem;padding:6px 0;text-align:center}.form-error{color:#d32f2f}.form-success{color:#2e7d6b}.change-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:420px;margin:0 auto 8px;box-sizing:border-box}.change-password-grid>*{min-width:0;overflow-wrap:break-word}.change-password-form .submit-button{width:auto;min-width:200px;margin:0 auto}.change-password-form .text-link{display:block;width:auto;margin:0 auto;text-align:center}.change-password-form{display:flex;flex-direction:column;align-items:center;gap:16px}@media (max-width: 560px){.change-password-grid{grid-template-columns:1fr!important;gap:12px;max-width:100%}.change-password-form .submit-button{width:100%;margin:0}.change-password-form .text-link{width:100%}}.login-page.rtl .password-field__input{padding-left:50px;padding-right:14px}.login-page.rtl .password-toggle{left:10px;right:auto}.login-page.rtl .login-form__options{flex-direction:row-reverse}.login-page.rtl .login-card,.login-page.rtl .login-card *:not(.login-card__footer):not(.login-card__footer *):not(.login-card__header):not(.welcome-block):not(.welcome-block__title):not(.welcome-block__subtitle){text-align:start}.login-page.rtl .login-card__footer,.login-page.rtl .login-card__footer *,.login-page.rtl .login-card__header,.login-page.rtl .welcome-block,.login-page.rtl .welcome-block__title,.login-page.rtl .welcome-block__subtitle,.login-page.rtl .brand-block{text-align:center}.verify-code-group{display:flex;justify-content:center;gap:12px;margin-top:8px;flex-wrap:wrap}.verify-code-input{width:50px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;border:1px solid #ddd;border-radius:8px;background:#f9f9f9;transition:all .2s ease;box-sizing:border-box}.verify-code-input:focus{outline:none;border-color:#2e7d6b;background:#fff;box-shadow:0 0 0 2px #2e7d6b33}.verify-code-input:disabled{background:#e9ecef;cursor:not-allowed}.readonly-email{background-color:#f0f0f0;color:#555;cursor:default}@media (max-width: 480px){.verify-code-input{width:40px;height:48px;font-size:1.2rem}.verify-code-group{gap:8px}}.login-card .login-form{width:100%}@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}}