body{margin:0;background:#fbf6ec;color:#1b2421;font-family:Tajawal,sans-serif;line-height:1.7;direction:rtl;--color-primary: #0F5C52;--color-primary-light: #1C8C7A;--color-accent: #E8A33D;--color-accent-soft: #F6D9A6;--color-bg: #FBF6EC;--color-surface: #FFFFFF;--color-ink: #1B2421;--color-stone: #6B7268;--color-border: #E4DFD2;--color-danger: #C44536;--color-info: #2E7D8C;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(27, 36, 33, .06);--shadow-md: 0 6px 20px rgba(27, 36, 33, .08);--font-display: "Reem Kufi", sans-serif;--font-body: "Tajawal", sans-serif}:host{display:block;background:#fbf6ec;color:#1b2421;font-family:Tajawal,sans-serif;line-height:1.7;direction:rtl;--color-primary: #0F5C52;--color-primary-light: #1C8C7A;--color-accent: #E8A33D;--color-accent-soft: #F6D9A6;--color-bg: #FBF6EC;--color-surface: #FFFFFF;--color-ink: #1B2421;--color-stone: #6B7268;--color-border: #E4DFD2;--color-danger: #C44536;--color-info: #2E7D8C;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(27, 36, 33, .06);--shadow-md: 0 6px 20px rgba(27, 36, 33, .08);--font-display: "Reem Kufi", sans-serif;--font-body: "Tajawal", sans-serif}*{box-sizing:border-box}.btn{font-family:var(--font-body);font-weight:700;font-size:14px;border:none;border-radius:var(--radius-sm);padding:10px 20px;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-primary);color:#fff}.btn-outline{border:1.5px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-lg{padding:14px 28px;font-size:15px}header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:100%;margin:0 auto;border-bottom:1px solid rgba(28,43,53,.1)}header .brand{display:flex;align-items:center;gap:10px}header .brand img{width:67px}header .brand b{font-family:var(--font-display);font-size:19px}header nav{display:flex;gap:30px;font-size:14.5px;font-weight:500;color:var(--color-ink)}header nav span{cursor:pointer}header nav span:hover{color:var(--color-primary)}header .head-actions{display:flex;gap:12px}:root{--color-primary: #0F5C52;--color-primary-light: #1C8C7A;--color-accent: #E8A33D;--color-accent-soft: #F6D9A6;--color-bg: #FBF6EC;--color-surface: #FFFFFF;--color-ink: #1B2421;--color-stone: #6B7268;--color-border: #E4DFD2;--color-danger: #C44536;--color-info: #2E7D8C;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(27, 36, 33, .06);--shadow-md: 0 6px 20px rgba(27, 36, 33, .08);--font-display: "Reem Kufi", sans-serif;--font-body: "Tajawal", sans-serif}html,body{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%}.login-page-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 150px);padding:40px 20px;background:var(--color-bg);direction:rtl;font-family:var(--font-body)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:460px;padding:40px 32px}.login-card .brand-center{text-align:center;margin-bottom:32px}.login-card .brand-center img{width:54px;margin-bottom:14px}.login-card .brand-center h2{font-family:var(--font-display);color:var(--color-primary);font-size:28px;margin:0 0 8px}.login-card .brand-center .subtitle{color:var(--color-stone);font-size:14px;margin:0}@media(max-width:520px){.login-page-container{min-height:calc(100dvh - 70px);padding:24px 12px}.login-card{padding:28px 18px;border-radius:14px}.login-card .brand-center h2{font-size:24px}}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form .form-group label{font-size:14px;font-weight:500;color:var(--color-ink)}.login-form .form-group input{width:100%;font-family:var(--font-body);padding:12px 16px;font-size:15px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background-color:#fff;color:var(--color-ink);transition:all .2s ease;direction:ltr;text-align:right}.login-form .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0f5c521a}.login-form .btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700}.login-form .btn-block{width:100%;padding:14px;font-size:16px;margin-top:10px;text-align:center;transition:all .2s}.login-form .btn-block:hover{background:var(--color-primary-light)}.login-form .error-message{background-color:#c4453614;color:var(--color-danger);font-size:13px;padding:10px 14px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;font-weight:500}.login-form .switch-auth{text-align:center;font-size:13.5px;color:var(--color-stone);margin:10px 0 0}.login-form .switch-auth a{color:var(--color-primary);text-decoration:none;font-weight:700;margin-right:4px}.login-form .switch-auth a:hover{text-decoration:underline}