:root{--primary-color: #007ba8;--primary-hover: #005f85;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, 0.1);--text-color: #333;--text-muted: #6c757d;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}*{box-sizing:border-box}body.login-page{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;margin:0;padding:0;min-height:100vh;background:var(--bg-gradient);direction:rtl;overflow-x:hidden}.login-container{display:flex;min-height:100vh;position:relative}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient);z-index:-1}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px)}.login-form-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;max-width:480px;margin:0 auto;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2.5rem;animation:fadeInUp 0.8s ease-out}.logo-container{margin-bottom:1.5rem}.login-logo{max-width:180px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1));transition:transform 0.3s ease}.login-logo:hover{transform:scale(1.05)}.login-title{font-size:2.5rem;font-weight:700;color:white;margin:0 0 0.5rem 0;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.login-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.9);margin:0;font-weight:300}.login-form{width:100%;max-width:400px;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px rgba(0,0,0,0.1);animation:fadeInUp 0.8s ease-out 0.2s both}.form-group{margin-bottom:1.8rem;position:relative}.input-wrapper{position:relative}.form-input{width:100%;padding:1rem 3rem 1rem 1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;background:white;transition:all 0.3s ease;outline:none;color:var(--text-color)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,123,168,0.1);transform:translateY(-2px)}.form-input::placeholder{color:var(--text-muted);transition:opacity 0.3s ease}.form-input:focus::placeholder{opacity:0}.input-wrapper.focused .form-input,.input-wrapper.error .form-input{padding-top:1.5rem;padding-bottom:0.5rem}.form-label{position:absolute;top:50%;right:3rem;transform:translateY(-50%);font-size:1rem;color:var(--text-muted);pointer-events:none;transition:all 0.3s ease;background:white;padding:0 0.5rem}.input-wrapper.focused .form-label{top:0.3rem;right:1rem;font-size:0.8rem;color:var(--primary-color);transform:none}.input-wrapper.error .form-label{color:var(--danger-color)}.input-wrapper.error .form-input{border-color:var(--danger-color);box-shadow:0 0 0 3px rgba(220,53,69,0.1)}.input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.1rem;transition:color 0.3s ease}.input-wrapper.focused .input-icon{color:var(--primary-color)}.password-toggle{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0.5rem;border-radius:50%;transition:all 0.3s ease;font-size:1rem}.password-toggle:hover{color:var(--primary-color);background:rgba(0,123,168,0.1)}.remember-group{margin-bottom:2rem}.custom-checkbox{display:flex;align-items:center;cursor:pointer;user-select:none;font-size:0.95rem;color:var(--text-color)}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:white;border:2px solid var(--border-color);border-radius:6px;margin-left:0.75rem;position:relative;transition:all 0.3s ease}.custom-checkbox:hover .checkmark{border-color:var(--primary-color)}.checkbox-input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{right:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-actions{margin-bottom:1.5rem}.btn{border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;text-align:center;outline:none}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:white;box-shadow:0 4px 15px rgba(0,123,168,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,168,0.4)}.btn-primary:active{transform:translateY(0)}.btn-login{width:100%;font-size:1.1rem;padding:1.2rem}.form-links{text-align:center;margin-top:1.5rem}.form-links a{color:var(--text-muted);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease;display:inline-block;margin:0.25rem 0}.link-secondary{color:var(--primary-color) !important;font-weight:600}.link-secondary:hover{color:var(--primary-hover) !important;text-decoration:underline}.link-forgot:hover{color:var(--primary-color) !important;text-decoration:underline}.alert{padding:1rem 1.5rem;margin:1rem 0;border-radius:12px;border:none;font-size:0.95rem;animation:slideInDown 0.5s ease-out}.alert-success{background:rgba(40,167,69,0.1);color:var(--success-color);border-right:4px solid var(--success-color)}.alert-danger{background:rgba(220,53,69,0.1);color:var(--danger-color);border-right:4px solid var(--danger-color)}.alert .close{float:left;font-size:1.5rem;font-weight:bold;color:inherit;opacity:0.7;background:none;border:none;cursor:pointer;padding:0;margin:0}.alert .close:hover{opacity:1}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-form-wrapper{padding:1rem}.login-form{padding:2rem 1.5rem;margin:1rem 0}.login-title{font-size:2rem}.login-subtitle{font-size:1rem}.form-input{padding:0.9rem 2.5rem 0.9rem 0.9rem}.input-icon{right:0.75rem}.password-toggle{left:0.75rem}}@media (max-width: 480px){.login-logo{max-width:140px}.login-title{font-size:1.75rem}.form-input{font-size:16px}}[dir="rtl"] .input-icon{right:1rem;left:auto}[dir="rtl"] .password-toggle{left:auto;right:1rem}[dir="rtl"] .form-label{right:3rem;left:auto}[dir="rtl"] .input-wrapper.focused .form-label{right:1rem;left:auto}[dir="rtl"] .checkmark{margin-right:0.75rem;margin-left:0}[dir="rtl"] .alert .close{float:right}[dir="rtl"] .alert{border-right:none;border-left:4px solid}[dir="rtl"] .alert-success{border-left-color:var(--success-color)}[dir="rtl"] .alert-danger{border-left-color:var(--danger-color)}.footer-social{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:1rem;text-align:center;z-index:100}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:0.5rem}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);text-decoration:none;transition:all 0.3s ease;font-size:1.2rem}.social-link:hover{background:rgba(255,255,255,0.2);color:white;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.copyright{font-size:0.8rem;color:rgba(255,255,255,0.7);margin:0}.copyright a{color:rgba(255,255,255,0.9);text-decoration:none;transition:color 0.3s ease}.copyright a:hover{color:white;text-decoration:underline}.page-container{min-height:100vh;position:relative;padding-bottom:100px}@media (max-width: 768px){.footer-social{padding:0.75rem}.social-links{gap:0.75rem}.social-link{width:35px;height:35px;font-size:1rem}.page-container{padding-bottom:80px}}