:root{--nav-height: 70px;--color-bg: #ffffff;--color-card-bg: #ffffff;--color-text-black: #0f172a;--color-text-muted: #64748b;--color-text-white: #ffffff;--color-green: #16a34a;--color-green-dark: #15803d;--color-green-light: #dcfce7;--color-border: #e2e8f0;--font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition: .22s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-black);font-family:var(--font-family);min-height:100vh;direction:rtl;display:flex;flex-direction:column}.green-icon{color:var(--color-green);stroke:var(--color-green)}.login-navbar{position:sticky;top:0;left:0;width:100%;height:var(--nav-height);background-color:#fff;border-bottom:1.5px solid var(--color-border);box-shadow:0 1px 4px #0f172a0a;z-index:50}.login-nav-container{max-width:1200px;height:100%;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between}.nav-back-btn{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-black);text-decoration:none;font-size:.92rem;font-weight:600;padding:.5rem .85rem;border-radius:10px;border:1px solid transparent;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.nav-back-btn svg{width:20px;height:20px}.nav-back-btn:hover{background-color:#f8fafc;border-color:var(--color-border);color:var(--color-green)}.login-nav-center{display:flex;align-items:center;justify-content:center}.login-logo-img{height:42px;max-height:46px;width:auto;object-fit:contain;display:block}.login-nav-tabs{display:flex;align-items:center;gap:.5rem;background-color:#f8fafc;padding:.3rem;border-radius:12px;border:1px solid var(--color-border)}.nav-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:9px;border:none;background:transparent;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--color-text-black);cursor:pointer;transition:all var(--transition)}.nav-tab-btn svg{width:19px;height:19px;color:var(--color-green)}.nav-tab-btn:hover{color:var(--color-green);background-color:#fff}.nav-tab-btn.active{background-color:#fff;color:var(--color-green);box-shadow:0 2px 6px #0f172a0f;border:1px solid var(--color-border)}.login-main-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;background-color:#fff}.login-content-card{width:100%;max-width:480px;background-color:var(--color-card-bg);border:1.5px solid var(--color-border);border-radius:18px;padding:2.25rem;box-shadow:0 4px 20px #0f172a0d}.tab-panel{display:none;animation:fadeEnter .22s ease-out}.tab-panel.active{display:block}@keyframes fadeEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-header-box{margin-bottom:1.75rem;text-align:right}.form-title{font-size:1.65rem;font-weight:700;color:var(--color-text-black);margin-bottom:.35rem;letter-spacing:-.3px}.form-subtitle{font-size:.95rem;color:var(--color-text-muted)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.input-field-group{display:flex;flex-direction:column;gap:.45rem;text-align:right}.input-field-group label{font-size:.9rem;font-weight:600;color:var(--color-text-black)}.label-row{display:flex;align-items:center;justify-content:space-between}.forgot-link{font-size:.84rem;font-weight:600;color:var(--color-green);text-decoration:none;transition:color var(--transition)}.forgot-link:hover{color:var(--color-green-dark);text-decoration:underline}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;right:14px;width:20px;height:20px;pointer-events:none}.custom-input{width:100%;padding:.8rem 2.85rem .8rem 1rem;font-family:inherit;font-size:.95rem;border:1.5px solid var(--color-border);border-radius:10px;background-color:#fff;color:var(--color-text-black);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.custom-input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #16a34a26}.password-toggle-btn{position:absolute;left:12px;background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.eye-icon{width:20px;height:20px;transition:opacity var(--transition)}.password-toggle-btn:hover .eye-icon{opacity:.75}.remember-row{display:flex;align-items:center}.checkbox-container{display:inline-flex;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;gap:.5rem}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{width:19px;height:19px;background-color:#fff;border:1.5px solid var(--color-border);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.checkbox-container input:checked~.checkmark{background-color:var(--color-green);border-color:var(--color-green)}.checkmark:after{content:"";display:none;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-label{font-size:.88rem;font-weight:500;color:var(--color-text-black)}.submit-auth-btn{background-color:var(--color-green);color:var(--color-text-white);border:none;padding:.85rem 1.25rem;border-radius:10px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:.5rem;transition:background-color var(--transition),transform var(--transition)}.submit-auth-btn:hover{background-color:var(--color-green-dark)}.submit-auth-btn:active{transform:scale(.985)}.btn-arrow-icon{width:18px;height:18px;color:#fff}.social-divider{display:flex;align-items:center;margin:1.75rem 0 1.25rem}.divider-line{flex:1;height:1px;background-color:var(--color-border)}.divider-text{padding:0 .85rem;font-size:.86rem;font-weight:600;color:var(--color-text-muted)}.social-actions-group{display:flex;flex-direction:column;gap:.75rem}.social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:10px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.google-btn{background-color:#fff;color:#1f2937;border:1.5px solid var(--color-border)}.google-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0d}.apple-btn{background-color:#000;color:#fff;border:1.5px solid #000000}.apple-btn:hover{background-color:#1a1a1a;box-shadow:0 2px 8px #00000026}.apple-icon{color:#fff}.auth-feedback{margin-top:1.25rem;padding:.85rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;text-align:center;background-color:var(--color-green-light);color:var(--color-green-dark);border:1px solid #bbf7d0;animation:fadeEnter .2s ease-out}.hidden{display:none!important}@media(max-width:640px){.login-nav-container{padding:0 .85rem}.login-logo-img{height:34px;max-height:38px}.nav-tab-btn{padding:.45rem .75rem;font-size:.84rem;gap:.35rem}.login-content-card{padding:1.5rem 1.15rem;border-radius:14px}.form-title{font-size:1.4rem}}