@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Varela+Round&family=Assistant:wght@400;500;600;700&display=swap";.navbar{padding:1rem 4rem;background:#ffffff;box-shadow:0 2px 4px #2d30471a;direction:rtl}@media screen and (max-width: 1024px){.navbar{padding:1rem 2rem}}@media screen and (max-width: 768px){.navbar{padding:0;box-shadow:none;position:relative}}.navbar .menu{display:flex;justify-content:center;gap:2rem}@media screen and (max-width: 768px){.navbar .menu{display:none}}.navbar .menu a{color:#1a1b25;text-decoration:none;font-weight:500;position:relative;padding:.5rem 0;transition:color .3s ease}.navbar .menu a:after{content:"";position:absolute;width:0;height:2px;bottom:0;right:0;background-color:#2563eb;transition:width .3s ease}.navbar .menu a:hover,.navbar .menu a.active{color:#2563eb}.navbar .menu a:hover:after,.navbar .menu a.active:after{width:100%}.navbar .hamburger{display:none}@media screen and (max-width: 768px){.navbar .hamburger{display:block;position:fixed;top:1rem;right:1rem;z-index:1001;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:.5rem}}.navbar .hamburger span{display:block;width:24px;height:2px;background:#1a1b25;transition:all .3s ease;position:absolute;right:8px}.navbar .hamburger span:first-child{top:12px}.navbar .hamburger span:nth-child(2){top:19px}.navbar .hamburger span:last-child{top:26px}.navbar .hamburger.active span{background:#2563eb}.navbar .hamburger.active span:first-child{transform:rotate(45deg);top:19px}.navbar .hamburger.active span:nth-child(2){opacity:0}.navbar .hamburger.active span:last-child{transform:rotate(-45deg);top:19px}.navbar .mobile-menu{display:none}@media screen and (max-width: 768px){.navbar .mobile-menu.active{display:flex;flex-direction:column;position:fixed;top:0;right:0;left:0;bottom:0;background:#ffffff;padding:5rem 2rem 2rem;gap:1.5rem;z-index:1000}.navbar .mobile-menu.active .mobile-auth{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(45,48,71,.1);display:flex;flex-direction:column;gap:1.5rem}.navbar .mobile-menu.active .auth-button{display:flex;align-items:center;justify-content:center;width:180px;margin:0 auto;padding:.8rem 1.2rem;border-radius:6px;font-size:1.1rem;font-weight:500;text-align:center;transition:all .3s ease;border:none;cursor:pointer;gap:.8rem}.navbar .mobile-menu.active .auth-button svg{width:18px;height:18px}.navbar .mobile-menu.active .auth-button.login{background:rgba(37,99,235,.1);color:#2563eb}.navbar .mobile-menu.active .auth-button.login:hover{background:rgba(37,99,235,.15);transform:translateY(-2px)}.navbar .mobile-menu.active .auth-button.register{background:#2563eb;color:#fff}.navbar .mobile-menu.active .auth-button.register:hover{background:rgb(20.7142857143,84.9285714286,225.7857142857);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.navbar .mobile-menu.active .auth-button.profile{background:rgba(45,48,71,.05);color:#1a1b25}.navbar .mobile-menu.active .auth-button.profile:hover{background:rgba(45,48,71,.1);transform:translateY(-2px)}.navbar .mobile-menu.active .auth-button.logout{background:rgba(232,107,107,.1);color:#e86b6b}.navbar .mobile-menu.active .auth-button.logout:hover{background:rgba(232,107,107,.15);transform:translateY(-2px)}.navbar .mobile-menu a{color:#1a1b25;text-decoration:none;padding:1rem;border-radius:8px;transition:all .3s ease;text-align:center;font-size:1.2rem;font-weight:500}.navbar .mobile-menu a:hover,.navbar .mobile-menu a.active{background:rgba(37,99,235,.1);color:#2563eb}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2d304799;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;overflow:hidden}.modal-overlay.welcome-modal-open{z-index:1050}.modal-content{background:#ffffff;border-radius:20px;box-shadow:0 20px 60px #2d304726,0 8px 24px #2d30471a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:90vw;height:fit-content;max-height:90vh;min-width:320px;padding:0}.modal-content.login-modal{width:clamp(360px,32vw,440px);min-height:fit-content;max-height:80vh}.modal-content.register-modal{width:clamp(420px,42vw,560px);min-height:fit-content;max-height:90vh;overflow-y:auto}.modal-content.register-modal::-webkit-scrollbar{width:6px}.modal-content.register-modal::-webkit-scrollbar-track{background:rgba(45,48,71,.05);border-radius:3px}.modal-content.register-modal::-webkit-scrollbar-thumb{background:rgba(45,48,71,.2);border-radius:3px}.modal-content.register-modal::-webkit-scrollbar-thumb:hover{background:rgba(45,48,71,.3)}.modal-content.confirmation-modal{width:clamp(450px,45vw,600px);min-height:fit-content;max-height:50vh;overflow:visible}@media screen and (max-width: 768px){.modal-content.confirmation-modal{width:clamp(320px,85vw,400px);max-height:70vh}}@media screen and (max-width: 480px){.modal-content.confirmation-modal{width:clamp(300px,90vw,350px);max-height:75vh}}.modal-content.recovery-modal{width:clamp(320px,28vw,400px);min-height:fit-content;max-height:65vh;overflow:visible}@media screen and (min-width: 1024px) and (max-width: 1366px){.modal-content.login-modal{width:clamp(340px,35vw,420px);max-height:75vh}.modal-content.register-modal{width:clamp(440px,45vw,540px);max-height:85vh}}@media screen and (max-height: 800px){.modal-content.login-modal{width:clamp(320px,38vw,400px);max-height:70vh}.modal-content.register-modal{width:clamp(420px,48vw,520px);max-height:80vh}}@media screen and (max-height: 700px){.modal-content.login-modal{width:clamp(300px,42vw,380px);max-height:65vh}.modal-content.register-modal{width:clamp(400px,50vw,500px);max-height:75vh}}@media screen and (max-height: 600px){.modal-content.login-modal{width:clamp(280px,45vw,360px);max-height:60vh}.modal-content.register-modal{width:clamp(380px,52vw,480px);max-height:70vh}}@media screen and (max-height: 500px){.modal-content.login-modal{width:clamp(260px,48vw,340px);max-height:55vh}.modal-content.register-modal{width:clamp(360px,54vw,460px);max-height:65vh}}@media screen and (max-height: 864px) and (min-height: 700px){.modal-content.login-modal{width:clamp(380px,35vw,460px);max-height:78vh}.modal-content.register-modal{width:clamp(480px,48vw,580px);max-height:88vh}}@media screen and (max-height: 720px) and (min-height: 600px){.modal-content.login-modal{width:clamp(400px,38vw,480px);max-height:75vh}.modal-content.register-modal{width:clamp(520px,52vw,620px);max-height:85vh}}@media screen and (max-height: 600px){.modal-content.login-modal{width:clamp(420px,40vw,500px);max-height:70vh}.modal-content.register-modal{width:clamp(560px,56vw,660px);max-height:82vh}}@media screen and (max-width: 768px){.modal-content{width:90vw!important;max-width:450px!important;max-height:85vh}}@media screen and (max-width: 480px){.modal-content{width:95vw!important;max-width:400px!important;max-height:80vh}}.modal-content.welcome-modal-container-wrapper{z-index:1060;width:clamp(480px,45vw,600px);max-height:calc(100vh - 4rem);padding:0;overflow-y:auto;display:flex;flex-direction:column}.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:36px;height:36px;border:none;background:rgba(255,255,255,.9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a1b25;transition:all .3s ease;padding:0;z-index:1070;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #2d30471a}.modal-close:hover{background:white;transform:rotate(90deg) scale(1.1);box-shadow:0 6px 16px #2d304726}.modal-close:focus{outline:none;box-shadow:0 0 0 3px #2563eb4d}.welcome-modal-container-wrapper .modal-close{top:1.5rem;right:1.5rem;z-index:1080;background:rgba(255,255,255,.95)}@media screen and (max-width: 768px){.modal-close{top:1rem;right:1rem;width:32px;height:32px}}@media screen and (max-width: 480px){.modal-close{top:.75rem;right:.75rem;width:28px;height:28px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inputCmp-container{border:1px solid #ccc;padding:.75rem;border-radius:.375rem;font-size:100%;width:100%}.inputCmp-container:focus{outline:none;border-color:#3498db}.inputCmp-container:-webkit-autofill,.inputCmp-container:-webkit-autofill:hover,.inputCmp-container:-webkit-autofill:focus,.inputCmp-container:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#333!important;background-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.inputCmp-container:-moz-autofill{background-color:#fff!important;color:#333!important}.inputCmp-container:autofill{background-color:#fff!important;color:#333!important}.form-fields{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:space-evenly}.form-fields .field-title{font-size:.9rem;color:#646b8c;margin-bottom:.3rem;font-weight:600}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-fields .field-title{font-size:.8rem;margin-bottom:.2rem}}@media screen and (max-height: 800px){.form-fields .field-title{font-size:.75rem;margin-bottom:.1rem}}.form-fields .input-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.3rem}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-fields .input-group{gap:.5rem;margin-bottom:.25rem}}@media screen and (max-height: 800px){.form-fields .input-group{gap:.4rem;margin-bottom:.2rem}}@media (max-width: 480px){.form-fields .input-group{grid-template-columns:1fr;gap:.4rem}}.form-fields .input-field{position:relative;margin-top:.5rem}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-fields .input-field{margin-top:.4rem}}@media screen and (max-height: 800px){.form-fields .input-field{margin-top:.3rem}}.form-fields .input-field input[type=date]{direction:rtl;text-align:right}.form-fields .input-field input[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:10px;opacity:1}.form-fields .input-field input[type=date]::-webkit-datetime-edit{padding:0}.form-fields .input-field input[type=date]::-webkit-datetime-edit-fields-wrapper{direction:rtl}.form-fields .input-field .register-input-container{position:relative}.form-fields .input-field .register-input-container .register-input-label{position:absolute;top:-10px;right:10px;background:white;padding:0 8px;font-size:.9rem;color:#1a1b25;z-index:1}.form-fields .input-field .register-input-container .register-input-field{width:100%;height:36px;padding:0 .8rem;border:1px solid rgba(45,48,71,.2);border-radius:6px;font-size:.9rem;transition:all .2s ease}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-fields .input-field .register-input-container .register-input-field{height:34px;font-size:.85rem;padding:0 .7rem}}@media screen and (max-height: 800px){.form-fields .input-field .register-input-container .register-input-field{height:32px;font-size:.8rem;padding:0 .6rem}}.form-fields .input-field .register-input-container .register-input-field:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.form-fields .input-field .register-input-container .register-input-field:hover{border-color:#2d304766}.form-fields .input-field .register-input-container .register-input-field::placeholder{color:#2d304766}.form-fields .input-field .register-input-container .register-input-field:-webkit-autofill,.form-fields .input-field .register-input-container .register-input-field:-webkit-autofill:hover,.form-fields .input-field .register-input-container .register-input-field:-webkit-autofill:focus,.form-fields .input-field .register-input-container .register-input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#1a1b25!important;background-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.form-fields .input-field .register-input-container .register-input-field:-moz-autofill{background-color:#fff!important;color:#1a1b25!important}.form-fields .input-field .register-input-container .register-input-field:autofill{background-color:#fff!important;color:#1a1b25!important}.form-fields .selection-section{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;margin:1.5rem 0;padding:.5rem 0}@media (max-width: 480px){.form-fields .selection-section{flex-direction:column;gap:1rem;margin:1rem 0}}.form-fields .selection-section .gender-section,.form-fields .selection-section .auth-method{flex:1}.form-fields .selection-section .gender-section .radio-group,.form-fields .selection-section .auth-method .radio-group{display:flex;gap:1.5rem;margin-top:.5rem}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-fields .selection-section .gender-section .radio-group,.form-fields .selection-section .auth-method .radio-group{gap:1rem}}.form-fields .selection-section .gender-section .radio-group .radio-label,.form-fields .selection-section .auth-method .radio-group .radio-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.form-fields .selection-section .gender-section .radio-group .radio-label input[type=radio],.form-fields .selection-section .auth-method .radio-group .radio-label input[type=radio]{position:absolute;opacity:0}.form-fields .selection-section .gender-section .radio-group .radio-label .radio-circle,.form-fields .selection-section .auth-method .radio-group .radio-label .radio-circle{width:18px;height:18px;border:2px solid rgba(45,48,71,.3);border-radius:50%;position:relative;transition:all .2s ease}.form-fields .selection-section .gender-section .radio-group .radio-label .radio-circle:after,.form-fields .selection-section .auth-method .radio-group .radio-label .radio-circle:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#2563eb;transform:scale(0);transition:transform .2s ease}.form-fields .selection-section .gender-section .radio-group .radio-label input[type=radio]:checked+.radio-circle,.form-fields .selection-section .auth-method .radio-group .radio-label input[type=radio]:checked+.radio-circle{border-color:#2563eb}.form-fields .selection-section .gender-section .radio-group .radio-label input[type=radio]:checked+.radio-circle:after,.form-fields .selection-section .auth-method .radio-group .radio-label input[type=radio]:checked+.radio-circle:after{transform:scale(1)}.form-fields .username-field{overflow:hidden;max-height:0;opacity:0;transition:all .3s ease;margin:0}.form-fields .username-field.active{max-height:100px;opacity:1;margin-top:1rem}.form-fields .error-text{display:block;color:#e86b6b;font-size:.75rem;margin-top:.25rem}.form-fields .selection-section,.form-fields .gender-section,.form-fields .auth-method{margin:.4rem 0}@media screen and (max-height: 800px){.form-fields .selection-section,.form-fields .gender-section,.form-fields .auth-method{margin:.2rem 0}}.form-fields .selection-section .field-title,.form-fields .gender-section .field-title,.form-fields .auth-method .field-title{font-size:.85rem;margin-bottom:.2rem}@media screen and (max-height: 800px){.form-fields .selection-section .field-title,.form-fields .gender-section .field-title,.form-fields .auth-method .field-title{font-size:.75rem;margin-bottom:.1rem}}.form-fields .selection-section .radio-group,.form-fields .gender-section .radio-group,.form-fields .auth-method .radio-group{display:flex;gap:.8rem;padding:.2rem 0}@media screen and (max-height: 800px){.form-fields .selection-section .radio-group,.form-fields .gender-section .radio-group,.form-fields .auth-method .radio-group{gap:.6rem;padding:.1rem 0}}.form-fields .selection-section .radio-group .radio-label,.form-fields .gender-section .radio-group .radio-label,.form-fields .auth-method .radio-group .radio-label{display:flex;align-items:center;font-size:.85rem;gap:.3rem}@media screen and (max-height: 800px){.form-fields .selection-section .radio-group .radio-label,.form-fields .gender-section .radio-group .radio-label,.form-fields .auth-method .radio-group .radio-label{font-size:.75rem;gap:.2rem}}.form-fields .selection-section .radio-group .radio-label input[type=radio],.form-fields .gender-section .radio-group .radio-label input[type=radio],.form-fields .auth-method .radio-group .radio-label input[type=radio]{width:16px;height:16px}@media screen and (max-height: 800px){.form-fields .selection-section .radio-group .radio-label input[type=radio],.form-fields .gender-section .radio-group .radio-label input[type=radio],.form-fields .auth-method .radio-group .radio-label input[type=radio]{width:14px;height:14px}}.form-fields .username-field{margin-top:.3rem}@media screen and (max-height: 800px){.form-fields .username-field{margin-top:.2rem}}.form-fields .username-field.active{padding-top:.2rem}@media screen and (max-height: 800px){.form-fields .username-field.active{padding-top:.1rem}}.form-fields .error-text{font-size:.75rem;margin-top:.15rem;line-height:1.2}@media screen and (max-height: 800px){.form-fields .error-text{font-size:.7rem;margin-top:.1rem}}.form-fields .date-picker-container{position:relative}.form-fields .date-picker-container .register-input-label{position:absolute;top:-10px;right:10px;background:white;padding:0 8px;font-size:.9rem;color:#1a1b25;z-index:1}.form-fields .date-picker-container .date-picker-dropdowns{display:flex;gap:.5rem;direction:rtl}@media screen and (max-height: 800px){.form-fields .date-picker-container .date-picker-dropdowns{gap:.3rem}}.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown{flex:1;height:36px;padding:0 .5rem;border:1px solid rgba(45,48,71,.2);border-radius:6px;font-size:.9rem;background-color:#fff;color:#1a1b25;direction:rtl;cursor:pointer;transition:all .2s ease}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown{height:34px;font-size:.85rem;padding:0 .4rem}}@media screen and (max-height: 800px){.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown{height:32px;font-size:.8rem;padding:0 .3rem}}.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:hover{border-color:#2d304766}.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown option:first-child{color:#2d304766}.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown option:not(:first-child){color:#1a1b25}.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(1){max-width:80px;min-width:60px}@media screen and (max-height: 800px){.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(1){max-width:70px;min-width:55px}}@media (max-width: 480px){.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(1){max-width:70px;min-width:50px}}.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(2){flex:2;min-width:100px}@media screen and (max-height: 800px){.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(2){min-width:90px}}@media (max-width: 480px){.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(2){min-width:80px}}.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(3){max-width:90px;min-width:70px}@media screen and (max-height: 800px){.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(3){max-width:80px;min-width:65px}}@media (max-width: 480px){.form-fields .date-picker-container .date-picker-dropdowns .date-dropdown:nth-child(3){max-width:75px;min-width:60px}}.buttonCmp-container{background-color:#3498db;color:#fff;font-size:1.125rem;font-weight:500;border-radius:.375rem;outline:none;border:none;display:flex;align-items:center;justify-content:center;padding:.8rem;width:100%;transition:all .2s ease;cursor:pointer}.buttonCmp-container:hover:not(:disabled){background-color:#4682b4}.buttonCmp-container:active:not(:disabled){background-color:#2f4f7f}.buttonCmp-container:disabled{opacity:.5;cursor:not-allowed}.opcity-05{opacity:.5}.spinner{display:inline-block;animation:spin 1.5s linear infinite;border-radius:50%;border-width:4px;border-style:solid;border-color:currentColor;border-top-color:transparent;vertical-align:-.125em}@media (prefers-reduced-motion: reduce){.spinner{animation:spin 1.5s linear infinite}}.spinner.spinner-verification{width:24px;height:24px;border-width:3px;border-color:#2563eb;border-top-color:transparent;margin:0 auto}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#f5f5f5}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-left-color:#09f;animation:spin 1s linear infinite}.loading-text{margin-top:16px;font-size:18px;color:#333}.register-flex-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:1.5rem;height:100%;overflow-y:auto;overflow-x:hidden}.register-flex-container img{width:3rem;height:auto;margin-bottom:.5rem;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1366px){.register-flex-container img{width:2.5rem;margin-bottom:.4rem}}@media screen and (max-height: 800px){.register-flex-container img{width:2rem;margin-bottom:.3rem}}@media screen and (max-height: 700px){.register-flex-container img{width:1.8rem;margin-bottom:.25rem}}@media screen and (max-height: 600px){.register-flex-container img{width:1.5rem;margin-bottom:.2rem}}@media screen and (max-height: 500px){.register-flex-container img{width:1.2rem;margin-bottom:.1rem}}.register-flex-container.in-modal{padding:1.5rem;height:auto;min-height:100%;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}@media screen and (min-width: 1024px) and (max-width: 1366px){.register-flex-container.in-modal{padding:1.2rem}}@media screen and (max-height: 800px){.register-flex-container.in-modal{padding:1rem}}@media screen and (max-height: 700px){.register-flex-container.in-modal{padding:.8rem}}@media screen and (max-height: 600px){.register-flex-container.in-modal{padding:.6rem}}@media screen and (max-height: 500px){.register-flex-container.in-modal{padding:.5rem}}.form-container{width:100%;max-width:600px;padding:.5rem 1rem;background-color:transparent;flex:1;display:flex;flex-direction:column;overflow:hidden}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-container{padding:.4rem .8rem}}@media screen and (max-height: 800px){.form-container{padding:.3rem .6rem}}@media screen and (max-height: 700px){.form-container{padding:.25rem .5rem}}@media screen and (max-height: 600px){.form-container{padding:.2rem .4rem}}@media screen and (max-height: 500px){.form-container{padding:.15rem .3rem}}.form-container.rtl{direction:rtl}.form-container.register .form-title{font-size:1.3rem;font-weight:600;color:#1a1b25;margin-bottom:.25rem;text-align:center;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-container.register .form-title{font-size:1.1rem;margin-bottom:.2rem}}@media screen and (max-height: 800px){.form-container.register .form-title{font-size:1rem;margin-bottom:.15rem}}@media screen and (max-height: 700px){.form-container.register .form-title{font-size:.95rem;margin-bottom:.1rem}}@media screen and (max-height: 600px){.form-container.register .form-title{font-size:.9rem;margin-bottom:.08rem}}@media screen and (max-height: 500px){.form-container.register .form-title{font-size:.85rem;margin-bottom:.05rem}}.form-container.register .form-subtitle{font-size:1rem;color:#646b8c;margin-bottom:.75rem;text-align:center;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-container.register .form-subtitle{font-size:.9rem;margin-bottom:.6rem}}@media screen and (max-height: 800px){.form-container.register .form-subtitle{font-size:.8rem;margin-bottom:.5rem}}@media screen and (max-height: 700px){.form-container.register .form-subtitle{font-size:.75rem;margin-bottom:.4rem}}@media screen and (max-height: 600px){.form-container.register .form-subtitle{font-size:.7rem;margin-bottom:.3rem}}@media screen and (max-height: 500px){.form-container.register .form-subtitle{font-size:.65rem;margin-bottom:.25rem}}.form-container.register .button-container{margin-top:1.25rem;width:100%;height:40px;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-container.register .button-container{margin-top:1rem;height:36px}}@media screen and (max-height: 800px){.form-container.register .button-container{margin-top:.75rem;height:34px}}@media screen and (max-height: 700px){.form-container.register .button-container{margin-top:.6rem;height:32px}}@media screen and (max-height: 600px){.form-container.register .button-container{margin-top:.5rem;height:30px}}@media screen and (max-height: 500px){.form-container.register .button-container{margin-top:.4rem;height:28px}}.form-container.register .button-container button{width:100%;height:100%;font-size:.95rem;border-radius:8px}@media screen and (min-width: 1024px) and (max-width: 1366px){.form-container.register .button-container button{font-size:.85rem}}@media screen and (max-height: 800px){.form-container.register .button-container button{font-size:.8rem}}@media screen and (max-height: 700px){.form-container.register .button-container button{font-size:.75rem}}@media screen and (max-height: 600px){.form-container.register .button-container button{font-size:.7rem}}@media screen and (max-height: 500px){.form-container.register .button-container button{font-size:.65rem}}@media screen and (max-width: 480px){.form-container{padding:1rem}.form-container.register .form-title{font-size:1.2rem!important}.form-container.register .form-subtitle{font-size:.9rem!important;margin-bottom:1rem!important}.form-container.register .button-container{margin-top:1rem!important;height:36px!important}.form-container.register .button-container button{font-size:.9rem!important}}@media screen and (max-width: 768px){.modal-content{max-height:90vh}.register-flex-container.in-modal img{width:3.5rem;height:auto;margin-bottom:.25rem}.register-flex-container.in-modal .form-container{padding:0 1rem}.register-flex-container.in-modal .form-container.register .form-title{font-size:1.2rem;margin-bottom:.25rem}.register-flex-container.in-modal .form-container.register .form-subtitle{font-size:.9rem;margin-bottom:.5rem}.register-flex-container.in-modal .form-container.register .button-container{height:40px;margin-top:.5rem}}@media screen and (max-height: 864px) and (min-height: 700px){.register-flex-container.in-modal img{width:2.2rem;margin-bottom:.35rem}.register-flex-container.in-modal .form-container.register .form-title{font-size:1.05rem;margin-bottom:.18rem}.register-flex-container.in-modal .form-container.register .form-subtitle{font-size:.85rem;margin-bottom:.55rem}.register-flex-container.in-modal .form-container.register .button-container{margin-top:.9rem;height:35px}.register-flex-container.in-modal .form-container.register .button-container button{font-size:.82rem}}@media screen and (max-height: 720px) and (min-height: 600px){.register-flex-container.in-modal img{width:1.9rem;margin-bottom:.28rem}.register-flex-container.in-modal .form-container.register .form-title{font-size:.98rem;margin-bottom:.13rem}.register-flex-container.in-modal .form-container.register .form-subtitle{font-size:.78rem;margin-bottom:.45rem}.register-flex-container.in-modal .form-container.register .button-container{margin-top:.7rem;height:33px}.register-flex-container.in-modal .form-container.register .button-container button{font-size:.78rem}}@media screen and (max-height: 600px){.register-flex-container.in-modal img{width:1.6rem;margin-bottom:.2rem}.register-flex-container.in-modal .form-container.register .form-title{font-size:.9rem;margin-bottom:.1rem}.register-flex-container.in-modal .form-container.register .form-subtitle{font-size:.7rem;margin-bottom:.35rem}.register-flex-container.in-modal .form-container.register .button-container{margin-top:.5rem;height:30px}.register-flex-container.in-modal .form-container.register .button-container button{font-size:.7rem}}@media (min-width: 1367px){.register-flex-container.in-modal .form-container{padding:0 2rem}}.verification-content{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;text-align:center}@media screen and (max-width: 768px){.verification-content{padding:1.5rem 1rem}}@media screen and (max-width: 480px){.verification-content{padding:1rem .8rem}}.verification-content .modal-title{font-size:1.4rem;color:#2d3047;margin-bottom:.75rem;font-weight:600;font-family:Varela Round,Assistant,sans-serif}@media screen and (max-width: 768px){.verification-content .modal-title{font-size:1.3rem;margin-bottom:.6rem}}@media screen and (max-width: 480px){.verification-content .modal-title{font-size:1.2rem;margin-bottom:.5rem}}.verification-content .verification-message{margin-bottom:1rem}@media screen and (max-width: 768px){.verification-content .verification-message{margin-bottom:.8rem}}@media screen and (max-width: 480px){.verification-content .verification-message{margin-bottom:.6rem}}.verification-content .verification-message p{color:#646b8c;font-size:1rem;line-height:1.4;margin-bottom:.4rem}@media screen and (max-width: 768px){.verification-content .verification-message p{font-size:.95rem;margin-bottom:.4rem}}@media screen and (max-width: 480px){.verification-content .verification-message p{font-size:.9rem;margin-bottom:.3rem}}.verification-content .verification-message .method-question{color:#2d3047;font-weight:500;margin-top:.8rem}@media screen and (max-width: 768px){.verification-content .verification-message .method-question{margin-top:.6rem}}@media screen and (max-width: 480px){.verification-content .verification-message .method-question{margin-top:.5rem}}.verification-content .verification-options{display:flex;flex-direction:row;gap:1rem;width:100%;margin-top:.5rem;justify-content:center}@media screen and (max-width: 768px){.verification-content .verification-options{flex-direction:column;gap:.5rem}}@media screen and (max-width: 480px){.verification-content .verification-options{flex-direction:column;gap:.4rem;margin-top:.3rem}}.verification-content .verification-options .verification-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .8rem;border:2px solid rgba(45,48,71,.1);border-radius:8px;background:#ffffff;cursor:pointer;transition:all .2s ease;flex:1;min-width:140px;max-width:160px;position:relative}.verification-content .verification-options .verification-option:nth-child(1){order:3}.verification-content .verification-options .verification-option:nth-child(2){order:2}.verification-content .verification-options .verification-option:nth-child(3){order:1}@media screen and (max-width: 768px){.verification-content .verification-options .verification-option{flex-direction:row;gap:.8rem;padding:.6rem 1rem;flex:none;max-width:none;position:static}.verification-content .verification-options .verification-option:nth-child(1){order:1}.verification-content .verification-options .verification-option:nth-child(2){order:2}.verification-content .verification-options .verification-option:nth-child(3){order:3}}@media screen and (max-width: 480px){.verification-content .verification-options .verification-option{flex-direction:row;gap:.7rem;padding:.5rem .8rem;flex:none;max-width:none;position:static}.verification-content .verification-options .verification-option:nth-child(1){order:1}.verification-content .verification-options .verification-option:nth-child(2){order:2}.verification-content .verification-options .verification-option:nth-child(3){order:3}}.verification-content .verification-options .verification-option:hover:not(.disabled){border-color:#2563eb80;background:rgba(37,99,235,.02)}.verification-content .verification-options .verification-option.selected{border-color:#2563eb;background:rgba(37,99,235,.05)}.verification-content .verification-options .verification-option.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.verification-content .verification-options .verification-option.disabled .option-icon{opacity:.5}.verification-content .verification-options .verification-option .option-checkbox{width:20px;height:20px;border:2px solid rgba(45,48,71,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;background:#ffffff;flex-shrink:0;position:absolute;top:.5rem;right:.5rem}@media screen and (max-width: 768px){.verification-content .verification-options .verification-option .option-checkbox{position:static;top:auto;right:auto}}@media screen and (max-width: 480px){.verification-content .verification-options .verification-option .option-checkbox{position:static;top:auto;right:auto}}.verification-content .verification-options .verification-option .option-checkbox .check-icon{width:14px;height:14px;color:#2563eb}.verification-content .verification-options .verification-option .option-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;text-align:center}@media screen and (max-width: 768px){.verification-content .verification-options .verification-option .option-content{gap:.75rem}}@media screen and (max-width: 480px){.verification-content .verification-options .verification-option .option-content{gap:.75rem}}.verification-content .verification-options .verification-option .option-content .option-icons{display:flex;align-items:center;justify-content:center;gap:.5rem}.verification-content .verification-options .verification-option .option-content .option-icons .plus-sign{color:#646b8c;font-weight:600;font-size:.9rem}.verification-content .verification-options .verification-option .option-content .option-icon{width:20px;height:20px;color:#2563eb;flex-shrink:0}.verification-content .verification-options .verification-option .option-content .option-label{color:#2d3047;font-weight:500;font-size:1rem;text-align:center}.verification-content .verification-options .verification-option .option-content .option-label div{margin:0;line-height:1.2}.verification-content .verification-options .verification-option .option-content .phone-hint{font-size:.85rem;color:#646b8c;direction:ltr;text-align:center;margin-top:.25rem}.verification-content .verification-options .verification-option.selected .option-checkbox{border-color:#2563eb;background:rgba(37,99,235,.1)}.verification-content .confirmation-section{width:100%;margin-top:1.2rem;display:flex;justify-content:center;align-items:center;background:transparent;border:none;padding:0}@media screen and (max-width: 768px){.verification-content .confirmation-section{margin-top:1rem}}@media screen and (max-width: 480px){.verification-content .confirmation-section{margin-top:.8rem}}.verification-content .confirmation-section .confirm-button{background:#2563eb;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:150px;display:flex;align-items:center;justify-content:center;box-shadow:none;outline:none}@media screen and (max-width: 768px){.verification-content .confirmation-section .confirm-button{padding:.8rem 1.5rem;font-size:1rem;min-width:140px}}@media screen and (max-width: 480px){.verification-content .confirmation-section .confirm-button{padding:.7rem 1.2rem;font-size:.95rem;min-width:130px}}.verification-content .confirmation-section .confirm-button:hover:not(.disabled):not(.loading){background:rgb(18.5714285714,76.1428571429,202.4285714286);transform:translateY(-1px)}.verification-content .confirmation-section .confirm-button:active:not(.disabled):not(.loading){transform:translateY(0)}.verification-content .confirmation-section .confirm-button:focus{outline:none;box-shadow:none}.verification-content .confirmation-section .confirm-button.disabled{background:rgba(45,48,71,.3);color:#2d304780;cursor:not-allowed;pointer-events:none}.verification-content .confirmation-section .confirm-button.loading{pointer-events:none;background:rgba(37,99,235,.7)}.verification-choice-button{background:#ffffff;border:1px solid rgba(45,48,71,.1);padding:1rem 1.5rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s ease;min-width:150px}@media screen and (max-width: 768px){.verification-choice-button{width:100%;flex-direction:row;justify-content:center;padding:.75rem 1rem}}.verification-choice-button:hover:not(:disabled){background:rgba(37,99,235,.05);border-color:#2563eb}.verification-choice-button:disabled{opacity:.6;cursor:not-allowed;background:rgba(45,48,71,.05)}.verification-choice-button .button-icon{color:#2563eb;margin-bottom:.25rem}@media screen and (max-width: 768px){.verification-choice-button .button-icon{margin-bottom:0;margin-left:.5rem}}.verification-choice-button .button-text{font-family:Varela Round,Assistant,sans-serif;color:#2d3047;font-weight:500}.verification-choice-button{flex:1;background:#ffffff;border:1px solid rgba(45,48,71,.1);padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .2s ease;cursor:pointer;min-width:180px}@media screen and (max-width: 768px){.verification-choice-button{width:100%}}.verification-choice-button:hover:not(:disabled){background:rgba(37,99,235,.05);transform:translateY(-2px);border-color:#2563eb}.verification-choice-button:disabled{opacity:.6;cursor:not-allowed;background:rgba(45,48,71,.05);pointer-events:none}.verification-choice-button:disabled .button-icon{opacity:.5}.verification-choice-button.loading{pointer-events:none;min-height:100px;display:flex;align-items:center;justify-content:center}.verification-choice-button .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;border-radius:8px}.verification-choice-button .button-icon{color:#2563eb;width:24px;height:24px}.verification-choice-button .button-text{color:#2d3047;font-weight:500;display:flex;flex-direction:column;align-items:center;font-size:1.1rem}.verification-choice-button .phone-hint{font-size:.85rem;color:#646b8c;direction:ltr;display:block;margin-top:.25rem}.verification-content{width:100%;min-height:400px;padding:2.5rem;text-align:center;display:flex;flex-direction:column}.verification-content .modal-title{font-size:1.5rem;font-weight:600;color:#1a1b25;margin-bottom:2rem}.verification-content .verification-message{flex-grow:1;margin:1.5rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.verification-content .verification-message p{margin:.5rem 0;line-height:1.5;font-size:1.1rem;color:#646b8c}.verification-content .verification-message p.verification-method{color:#2d3047;font-weight:500;margin-top:1rem}.verification-content .verification-buttons{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:2rem auto 0;width:100%}.verification-content .verification-buttons .primary-button{background-color:#2563eb;color:#fff;border:none}.verification-content .verification-buttons .primary-button:hover{background-color:#1555e2}.verification-content .verification-buttons .secondary-button{background-color:transparent;border:1px solid #2563eb;color:#2563eb}.verification-content .verification-buttons .secondary-button:hover{background-color:#2563eb0d}@media screen and (max-width: 768px){.verification-content{min-height:350px;padding:1.5rem}.verification-content .modal-title{font-size:1.3rem;margin-bottom:1.5rem}.verification-content .verification-message p{font-size:1rem}.verification-content .verification-buttons{gap:.75rem;max-width:100%}}.verification-confirmation-content{width:100%;padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.verification-confirmation-content .confirmation-title{font-size:1.3rem;font-weight:600;color:#1a1b25;margin:0}.verification-confirmation-content .confirmation-message p{margin:0;line-height:1.4;font-size:1rem;color:#646b8c}.verification-confirmation-content .confirmation-buttons{display:flex;justify-content:center;margin-top:.5rem}.verification-confirmation-content .confirmation-buttons .primary-button{background-color:#2563eb;color:#fff;border:none;padding:.8rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.verification-confirmation-content .confirmation-buttons .primary-button:hover{background-color:#1555e2;transform:translateY(-1px)}.verification-confirmation-content .confirmation-buttons .primary-button:active{transform:translateY(0)}@media screen and (max-width: 768px){.verification-confirmation-content{padding:1.2rem;gap:.8rem}.verification-confirmation-content .confirmation-title{font-size:1.2rem}.verification-confirmation-content .confirmation-message p{font-size:.95rem}.verification-confirmation-content .confirmation-buttons .primary-button{padding:.7rem 1.5rem;font-size:.95rem;min-width:110px}}@media screen and (max-width: 480px){.verification-confirmation-content{padding:1rem;gap:.6rem}.verification-confirmation-content .confirmation-title{font-size:1.1rem}.verification-confirmation-content .confirmation-message p{font-size:.9rem}.verification-confirmation-content .confirmation-buttons .primary-button{padding:.6rem 1.2rem;font-size:.9rem;min-width:100px}}.recovery-modal-content{width:100%;padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.recovery-modal-content .recovery-title{font-size:1.3rem;font-weight:600;color:#1a1b25;margin:0}.recovery-modal-content .recovery-message p{margin:0;line-height:1.4;font-size:1rem;color:#646b8c}.recovery-modal-content .recovery-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px;margin-top:.5rem}.recovery-modal-content .recovery-buttons .primary-button{background-color:#2563eb;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.recovery-modal-content .recovery-buttons .primary-button:hover{background-color:#1555e2;transform:translateY(-1px)}.recovery-modal-content .recovery-buttons .primary-button:active{transform:translateY(0)}.recovery-modal-content .recovery-buttons .secondary-button{background-color:transparent;border:1px solid #2563eb;color:#2563eb;padding:.8rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.recovery-modal-content .recovery-buttons .secondary-button:hover{background-color:#2563eb0d;transform:translateY(-1px)}.recovery-modal-content .recovery-buttons .secondary-button:active{transform:translateY(0)}@media screen and (max-width: 768px){.recovery-modal-content{padding:1.2rem;gap:.8rem}.recovery-modal-content .recovery-title{font-size:1.2rem}.recovery-modal-content .recovery-message p{font-size:.95rem}.recovery-modal-content .recovery-buttons{gap:.6rem;max-width:260px}.recovery-modal-content .recovery-buttons .primary-button,.recovery-modal-content .recovery-buttons .secondary-button{padding:.7rem 1.3rem;font-size:.95rem}}@media screen and (max-width: 480px){.recovery-modal-content{padding:1rem;gap:.6rem}.recovery-modal-content .recovery-title{font-size:1.1rem}.recovery-modal-content .recovery-message p{font-size:.9rem}.recovery-modal-content .recovery-buttons{gap:.5rem;max-width:240px}.recovery-modal-content .recovery-buttons .primary-button,.recovery-modal-content .recovery-buttons .secondary-button{padding:.6rem 1.1rem;font-size:.9rem}}.register-modal{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;direction:rtl}.register-modal .register-header{text-align:center;padding:1rem 0 1.5rem}.register-modal .register-header .register-logo{width:5rem;height:auto;margin-bottom:1rem}.register-modal .register-header .form-title{font-size:1.75rem;color:#2d3047;margin-bottom:.5rem;font-weight:600}.register-modal .register-header .form-subtitle{color:#646b8c;font-size:1.1rem}.register-modal .register-form{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.5rem}.error-message{color:#e53e3e;font-size:.875rem}.login-flex-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:0;overflow:hidden}.login-flex-container img{width:4rem;height:auto;margin-bottom:1.5rem;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-flex-container img{width:3.5rem;margin-bottom:1.2rem}}@media screen and (max-height: 800px){.login-flex-container img{width:3rem;margin-bottom:1rem}}@media screen and (max-height: 700px){.login-flex-container img{width:2.8rem;margin-bottom:.8rem}}@media screen and (max-height: 600px){.login-flex-container img{width:2.5rem;margin-bottom:.6rem}}@media screen and (max-height: 500px){.login-flex-container img{width:2.2rem;margin-bottom:.5rem}}.login-flex-container.in-modal{padding:2rem;min-height:100%;justify-content:flex-start}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-flex-container.in-modal{padding:1.8rem}}@media screen and (max-height: 800px){.login-flex-container.in-modal{padding:1.5rem}}@media screen and (max-height: 700px){.login-flex-container.in-modal{padding:1.3rem}}@media screen and (max-height: 600px){.login-flex-container.in-modal{padding:1.1rem}}@media screen and (max-height: 500px){.login-flex-container.in-modal{padding:1rem}}.login-flex-container.in-modal img{width:3.5rem;margin-bottom:1.2rem}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-flex-container.in-modal img{width:3.2rem;margin-bottom:1rem}}@media screen and (max-height: 800px){.login-flex-container.in-modal img{width:2.8rem;margin-bottom:.8rem}}@media screen and (max-height: 700px){.login-flex-container.in-modal img{width:2.5rem;margin-bottom:.7rem}}@media screen and (max-height: 600px){.login-flex-container.in-modal img{width:2.2rem;margin-bottom:.6rem}}@media screen and (max-height: 500px){.login-flex-container.in-modal img{width:2rem;margin-bottom:.5rem}}.login-form-container{width:100%;background-color:transparent;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.login-form-container.in-modal{padding:0;box-shadow:none;border-radius:0;overflow:visible;height:100%}.login-form-container:not(.in-modal){width:100%;max-width:32rem;padding:2.5rem;background-color:#fff;border-radius:1rem;box-shadow:0 0 1rem #0003;margin-bottom:40px}.login-title{font-size:1.8rem;font-weight:300;color:#1a1b25;margin-bottom:.5rem;text-align:center;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-title{font-size:1.6rem;margin-bottom:.4rem}}@media screen and (max-height: 800px){.login-title{font-size:1.4rem;margin-bottom:.3rem}}@media screen and (max-height: 700px){.login-title{font-size:1.3rem;margin-bottom:.25rem}}@media screen and (max-height: 600px){.login-title{font-size:1.2rem;margin-bottom:.2rem}}@media screen and (max-height: 500px){.login-title{font-size:1.1rem;margin-bottom:.15rem}}.login-subtitle{font-size:1rem;font-weight:400;margin-bottom:2rem;color:#646b8c;text-align:center;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-subtitle{font-size:.95rem;margin-bottom:1.8rem}}@media screen and (max-height: 800px){.login-subtitle{font-size:.9rem;margin-bottom:1.5rem}}@media screen and (max-height: 700px){.login-subtitle{font-size:.85rem;margin-bottom:1.3rem}}@media screen and (max-height: 600px){.login-subtitle{font-size:.8rem;margin-bottom:1.1rem}}@media screen and (max-height: 500px){.login-subtitle{font-size:.75rem;margin-bottom:1rem}}.login-form-content{flex:1;display:flex;flex-direction:column;min-height:0}.login-button-container{width:100%;padding:1.5rem 0 0;border-top:1px solid rgba(45,48,71,.08);margin-top:auto;flex-shrink:0}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-button-container{padding:1.3rem 0 0}}@media screen and (max-height: 800px){.login-button-container{padding:1.1rem 0 0}}@media screen and (max-height: 700px){.login-button-container{padding:.9rem 0 0}}@media screen and (max-height: 600px){.login-button-container{padding:.8rem 0 0}}@media screen and (max-height: 500px){.login-button-container{padding:.7rem 0 0}}.button-container{width:100%;height:48px;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #2563eb33;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 1024px) and (max-width: 1366px){.button-container{height:44px;font-size:.95rem}}@media screen and (max-height: 800px){.button-container{height:40px;font-size:.9rem}}@media screen and (max-height: 700px){.button-container{height:38px;font-size:.85rem}}@media screen and (max-height: 600px){.button-container{height:36px;font-size:.8rem}}@media screen and (max-height: 500px){.button-container{height:34px;font-size:.75rem}}.button-container:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.button-container:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb33}.button-container:disabled{background:rgba(45,48,71,.2);color:#1a1b2580;cursor:not-allowed;transform:none;box-shadow:none}.button-container:focus{outline:none;box-shadow:0 4px 12px #2563eb33,0 0 0 3px #2563eb1a}.spinner{width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media screen and (min-width: 1024px) and (max-width: 1366px){.spinner{width:1.1rem;height:1.1rem}}@media screen and (max-height: 800px){.spinner{width:1rem;height:1rem}}@media screen and (max-height: 700px){.spinner{width:.9rem;height:.9rem}}@media screen and (max-height: 600px){.spinner{width:.8rem;height:.8rem}}@media screen and (max-height: 500px){.spinner{width:.7rem;height:.7rem}}@media screen and (max-height: 864px) and (min-height: 700px){.login-title{font-size:1.7rem}.login-subtitle{font-size:.98rem;margin-bottom:1.7rem}.button-container{height:46px;font-size:.98rem}}@media screen and (max-height: 720px) and (min-height: 600px){.login-title{font-size:1.5rem}.login-subtitle{font-size:.92rem;margin-bottom:1.4rem}.button-container{height:42px;font-size:.92rem}}@media screen and (max-height: 600px){.login-title{font-size:1.3rem}.login-subtitle{font-size:.85rem;margin-bottom:1.1rem}.button-container{height:38px;font-size:.85rem}}@media screen and (max-width: 768px){.login-flex-container.in-modal{padding:1.5rem}.login-flex-container.in-modal img{width:3rem;margin-bottom:1rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.9rem;margin-bottom:1.5rem}.button-container{height:44px;font-size:.9rem}}@media screen and (max-width: 480px){.login-flex-container.in-modal{padding:1.2rem}.login-flex-container.in-modal img{width:2.5rem;margin-bottom:.8rem}.login-title{font-size:1.3rem}.login-subtitle{font-size:.85rem;margin-bottom:1.2rem}.button-container{height:40px;font-size:.85rem}}.login-modal-fields{padding:0;overflow:visible;flex:1;display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-modal-fields{gap:1.3rem}}@media screen and (max-height: 800px){.login-modal-fields{gap:1.1rem}}@media screen and (max-height: 700px){.login-modal-fields{gap:1rem}}@media screen and (max-height: 600px){.login-modal-fields{gap:.9rem}}@media screen and (max-height: 500px){.login-modal-fields{gap:.8rem}}.login-modal-fields .login-method-section{margin-bottom:0}.login-modal-fields .login-method-section .login-field-heading{font-size:.9rem;color:#1a1b25;margin-bottom:1rem;font-weight:500}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-modal-fields .login-method-section .login-field-heading{font-size:.85rem;margin-bottom:.8rem}}@media screen and (max-height: 800px){.login-modal-fields .login-method-section .login-field-heading{font-size:.8rem;margin-bottom:.7rem}}@media screen and (max-height: 700px){.login-modal-fields .login-method-section .login-field-heading{font-size:.75rem;margin-bottom:.6rem}}@media screen and (max-height: 600px){.login-modal-fields .login-method-section .login-field-heading{font-size:.7rem;margin-bottom:.5rem}}@media screen and (max-height: 500px){.login-modal-fields .login-method-section .login-field-heading{font-size:.65rem;margin-bottom:.4rem}}.login-modal-fields .login-method-section .login-radio-options{display:flex;gap:1.5rem;justify-content:flex-start}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-modal-fields .login-method-section .login-radio-options{gap:1.2rem}}@media screen and (max-height: 800px){.login-modal-fields .login-method-section .login-radio-options{gap:1rem}}@media screen and (max-height: 700px){.login-modal-fields .login-method-section .login-radio-options{gap:.9rem}}@media screen and (max-height: 600px){.login-modal-fields .login-method-section .login-radio-options{gap:.8rem}}@media screen and (max-height: 500px){.login-modal-fields .login-method-section .login-radio-options{gap:.7rem}}.login-modal-fields .login-method-section .login-radio-options .login-radio-option{display:flex;align-items:center;gap:.6rem;cursor:pointer;position:relative;padding:.5rem;border-radius:8px;transition:all .2s ease}.login-modal-fields .login-method-section .login-radio-options .login-radio-option:hover{background:rgba(37,99,235,.05)}.login-modal-fields .login-method-section .login-radio-options .login-radio-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.login-modal-fields .login-method-section .login-radio-options .login-radio-option input[type=radio]:checked+.login-radio-mark{border-color:#2563eb;background:#2563eb}.login-modal-fields .login-method-section .login-radio-options .login-radio-option input[type=radio]:checked+.login-radio-mark:after{transform:scale(1)}.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark{width:18px;height:18px;border:2px solid rgba(45,48,71,.3);border-radius:50%;position:relative;transition:all .3s ease}.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:white;transform:scale(0);transition:transform .2s ease}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark{width:16px;height:16px}.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark:after{top:2px;left:2px;width:8px;height:8px}}@media screen and (max-height: 800px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark{width:14px;height:14px}.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark:after{top:2px;left:2px;width:6px;height:6px}}@media screen and (max-height: 700px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark{width:13px;height:13px}.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark:after{top:1.5px;left:1.5px;width:6px;height:6px}}@media screen and (max-height: 600px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark{width:12px;height:12px}.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark:after{top:1.5px;left:1.5px;width:5px;height:5px}}@media screen and (max-height: 500px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark{width:11px;height:11px}.login-modal-fields .login-method-section .login-radio-options .login-radio-option .login-radio-mark:after{top:1px;left:1px;width:5px;height:5px}}.login-modal-fields .login-method-section .login-radio-options .login-radio-option span{font-size:.9rem;color:#1a1b25;font-weight:400}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option span{font-size:.85rem}}@media screen and (max-height: 800px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option span{font-size:.8rem}}@media screen and (max-height: 700px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option span{font-size:.75rem}}@media screen and (max-height: 600px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option span{font-size:.7rem}}@media screen and (max-height: 500px){.login-modal-fields .login-method-section .login-radio-options .login-radio-option span{font-size:.65rem}}.login-modal-fields .login-input-wrapper{margin-bottom:0;position:relative}.login-modal-fields .login-input-wrapper .login-input-container{position:relative}.login-modal-fields .login-input-wrapper .login-input-label{position:absolute;top:-8px;right:12px;background:white;padding:0 6px;font-size:.75rem;color:#1a1b25;z-index:1;font-weight:500}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-modal-fields .login-input-wrapper .login-input-label{font-size:.7rem;top:-7px;right:10px;padding:0 5px}}@media screen and (max-height: 800px){.login-modal-fields .login-input-wrapper .login-input-label{font-size:.65rem;top:-6px;right:8px;padding:0 4px}}@media screen and (max-height: 700px){.login-modal-fields .login-input-wrapper .login-input-label{font-size:.6rem;top:-6px;right:8px;padding:0 4px}}@media screen and (max-height: 600px){.login-modal-fields .login-input-wrapper .login-input-label{font-size:.55rem;top:-5px;right:6px;padding:0 3px}}@media screen and (max-height: 500px){.login-modal-fields .login-input-wrapper .login-input-label{font-size:.5rem;top:-5px;right:6px;padding:0 3px}}.login-modal-fields .login-input-wrapper .login-input{width:100%;height:48px;padding:0 1rem;border:1.5px solid rgba(45,48,71,.2);border-radius:12px;font-size:.9rem;transition:all .3s ease;background:white;color:#1a1b25}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-modal-fields .login-input-wrapper .login-input{height:44px;padding:0 .9rem;font-size:.85rem}}@media screen and (max-height: 800px){.login-modal-fields .login-input-wrapper .login-input{height:40px;padding:0 .8rem;font-size:.8rem}}@media screen and (max-height: 700px){.login-modal-fields .login-input-wrapper .login-input{height:38px;padding:0 .7rem;font-size:.75rem}}@media screen and (max-height: 600px){.login-modal-fields .login-input-wrapper .login-input{height:36px;padding:0 .6rem;font-size:.7rem}}@media screen and (max-height: 500px){.login-modal-fields .login-input-wrapper .login-input{height:34px;padding:0 .5rem;font-size:.65rem}}.login-modal-fields .login-input-wrapper .login-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.login-modal-fields .login-input-wrapper .login-input:hover:not(:focus){border-color:#2d304766}.login-modal-fields .login-input-wrapper .login-input::placeholder{color:#2d304780;font-weight:400}.login-modal-fields .login-input-wrapper .login-input.error{border-color:#e86b6b;box-shadow:0 0 0 3px #e86b6b1a}.login-modal-fields .login-input-wrapper .login-input:-webkit-autofill,.login-modal-fields .login-input-wrapper .login-input:-webkit-autofill:hover,.login-modal-fields .login-input-wrapper .login-input:-webkit-autofill:focus,.login-modal-fields .login-input-wrapper .login-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#1a1b25!important;background-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.login-modal-fields .login-input-wrapper .login-input:-moz-autofill{background-color:#fff!important;color:#1a1b25!important}.login-modal-fields .login-input-wrapper .login-input:autofill{background-color:#fff!important;color:#1a1b25!important}.login-modal-fields .login-error{display:block;color:#e86b6b;font-size:.75rem;margin-top:.4rem;font-weight:500;position:relative}@media screen and (min-width: 1024px) and (max-width: 1366px){.login-modal-fields .login-error{font-size:.7rem;margin-top:.3rem}}@media screen and (max-height: 800px){.login-modal-fields .login-error{font-size:.65rem;margin-top:.25rem}}@media screen and (max-height: 700px){.login-modal-fields .login-error{font-size:.6rem;margin-top:.2rem}}@media screen and (max-height: 600px){.login-modal-fields .login-error{font-size:.55rem;margin-top:.15rem}}@media screen and (max-height: 500px){.login-modal-fields .login-error{font-size:.5rem;margin-top:.1rem}}.forgot-links{text-align:right;width:100%;margin-top:.8rem}@media screen and (min-width: 1024px) and (max-width: 1366px){.forgot-links{margin-top:.7rem}}@media screen and (max-height: 800px){.forgot-links{margin-top:.6rem}}@media screen and (max-height: 700px){.forgot-links{margin-top:.5rem}}@media screen and (max-height: 600px){.forgot-links{margin-top:.4rem}}@media screen and (max-height: 500px){.forgot-links{margin-top:.3rem}}.forgot-links .forgot-links-column{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}@media screen and (min-width: 1024px) and (max-width: 1366px){.forgot-links .forgot-links-column{gap:.5rem}}@media screen and (max-height: 800px){.forgot-links .forgot-links-column{gap:.4rem}}@media screen and (max-height: 700px){.forgot-links .forgot-links-column{gap:.35rem}}@media screen and (max-height: 600px){.forgot-links .forgot-links-column{gap:.3rem}}@media screen and (max-height: 500px){.forgot-links .forgot-links-column{gap:.25rem}}.forgot-links .forgot-link{font-size:.8rem;color:#2563eb;background:none;border:none;padding:.3rem 0;line-height:1.3;white-space:nowrap;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:4px}@media screen and (min-width: 1024px) and (max-width: 1366px){.forgot-links .forgot-link{font-size:.75rem;padding:.25rem 0}}@media screen and (max-height: 800px){.forgot-links .forgot-link{font-size:.7rem;padding:.2rem 0}}@media screen and (max-height: 700px){.forgot-links .forgot-link{font-size:.65rem;padding:.15rem 0}}@media screen and (max-height: 600px){.forgot-links .forgot-link{font-size:.6rem;padding:.1rem 0}}@media screen and (max-height: 500px){.forgot-links .forgot-link{font-size:.55rem;padding:.05rem 0}}.forgot-links .forgot-link:hover{color:#134cca;text-decoration:underline;background:rgba(37,99,235,.05);padding-left:.5rem;padding-right:.5rem}.forgot-links .forgot-link:focus{outline:none;box-shadow:0 0 0 2px #2563eb33}@media screen and (max-height: 864px) and (min-height: 700px){.login-modal-fields{gap:1.4rem}.login-input{height:46px;font-size:.88rem}.forgot-link{font-size:.78rem}}@media screen and (max-height: 720px) and (min-height: 600px){.login-modal-fields{gap:1.2rem}.login-input{height:42px;font-size:.82rem}.forgot-link{font-size:.72rem}}@media screen and (max-height: 600px){.login-modal-fields{gap:1rem}.login-input{height:38px;font-size:.75rem}.forgot-link{font-size:.65rem}}@media screen and (max-width: 768px){.login-modal-fields{gap:1.2rem}.login-modal-fields .login-input-wrapper .login-input{height:44px;font-size:.85rem}.forgot-links{margin-top:.6rem}.forgot-links .forgot-link{font-size:.75rem}}@media screen and (max-width: 480px){.login-modal-fields{gap:1rem}.login-modal-fields .login-input-wrapper .login-input{height:40px;font-size:.8rem}.forgot-links{margin-top:.5rem}.forgot-links .forgot-link{font-size:.7rem}}.forgot-password-form{direction:rtl;padding:2rem 1rem;width:100%;max-width:400px;margin:0 auto}.forgot-password-form h2{text-align:center;margin-top:1rem;margin-bottom:1.5rem;color:#2d3047;font-size:1.4rem;font-weight:600}@media screen and (max-width: 768px){.forgot-password-form h2{font-size:1.3rem;margin-top:.8rem;margin-bottom:1.2rem}}@media screen and (max-width: 480px){.forgot-password-form h2{font-size:1.2rem;margin-top:.6rem;margin-bottom:1rem}}.forgot-password-form .form-description{text-align:center;color:#646b8c;margin-bottom:1.5rem;font-size:1rem;line-height:1.4}@media screen and (max-width: 768px){.forgot-password-form .form-description{font-size:.95rem;margin-bottom:1.2rem}}@media screen and (max-width: 480px){.forgot-password-form .form-description{font-size:.9rem;margin-bottom:1rem}}.forgot-password-form .type-selector{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.forgot-password-form .type-selector button{padding:.75rem;border:1px solid #646b8c;border-radius:6px;background:#ffffff;transition:all .2s}.forgot-password-form .type-selector button.active{background:#2563eb;color:#fff;border-color:#2563eb}.forgot-password-form .type-selector button:hover:not(.active){background:#f7f9fc}.forgot-password-form .input-section{direction:rtl;text-align:right;margin-bottom:1.5rem;width:100%}.forgot-password-form .input-section .forgot-input-container{position:relative;margin-bottom:1rem;width:100%}.forgot-password-form .input-section .forgot-input-label{position:absolute;right:10px;top:-10px;background:#ffffff;padding:0 8px;font-size:.9rem;color:#2d3047}@media screen and (max-width: 480px){.forgot-password-form .input-section .forgot-input-label{font-size:.85rem}}.forgot-password-form .input-section .forgot-input{color:#2d3047;background-color:#fff;cursor:text;caret-color:#2563eb;direction:rtl;text-align:right;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:.75rem 1rem;border:1px solid rgba(45,48,71,.3);border-radius:6px;font-size:1rem}.forgot-password-form .input-section .forgot-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}@media screen and (max-width: 480px){.forgot-password-form .input-section .forgot-input{padding:.6rem .8rem;font-size:.9rem}}.forgot-password-form .input-section .error-message{color:#e86b6b;font-size:.85rem;margin-top:.5rem;text-align:right}@media screen and (max-width: 480px){.forgot-password-form .input-section .error-message{font-size:.8rem}}.forgot-password-form .actions{display:flex;gap:1rem;margin-top:2rem;margin-bottom:1rem;width:100%;justify-content:center}@media screen and (max-width: 768px){.forgot-password-form .actions{margin-top:1.5rem;margin-bottom:.8rem;gap:.8rem}}@media screen and (max-width: 480px){.forgot-password-form .actions{flex-direction:column;gap:.6rem;margin-top:1.2rem;margin-bottom:.6rem}}.forgot-password-form .actions button{flex:1;padding:.8rem 1.5rem;border-radius:8px;font-weight:500;font-size:1rem;transition:all .2s ease;border:none;cursor:pointer;min-width:120px}@media screen and (max-width: 768px){.forgot-password-form .actions button{padding:.7rem 1.2rem;font-size:.95rem;min-width:110px}}@media screen and (max-width: 480px){.forgot-password-form .actions button{padding:.6rem 1rem;font-size:.9rem;min-width:100px}}.forgot-password-form .actions .submit-button{background:linear-gradient(135deg,#2563eb 0%,rgb(18.5714285714,76.1428571429,202.4285714286) 100%);color:#fff;box-shadow:0 2px 8px #2563eb33}.forgot-password-form .actions .submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.forgot-password-form .actions .submit-button:disabled{background:rgba(45,48,71,.3);color:#2d304780;cursor:not-allowed;transform:none;box-shadow:none}.forgot-password-form .actions .cancel-button{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#2d3047;box-shadow:0 2px 8px #0000000d}.forgot-password-form .actions .cancel-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.footer{background:#edf2f7;display:flex;justify-content:space-between;align-items:center;padding:.5rem 4rem;color:#646b8c;font-size:.85rem;position:relative;box-shadow:0 -4px 8px #0000000d,0 4px 8px #fffc}.footer:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(to right,transparent,#2563eb,transparent);border-radius:2px}.footer .footer-content{display:flex;flex-direction:column;gap:.25rem}.footer .footer-content .brand{font-weight:600;font-size:.9rem;position:relative;padding-right:.75rem;color:#1a1b25}.footer .footer-content .brand:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:linear-gradient(to bottom,#2563eb,rgb(130.4285714286,165.8571428571,243.5714285714));border-radius:1.5px}.footer .footer-content .copyright{font-size:.7rem}.footer .footer-style-switcher{display:flex;justify-content:center;align-items:center}.footer .footer-style-switcher .style-switcher{display:flex;gap:.4rem;padding:.35rem .7rem;background:#edf2f7;border-radius:50px;box-shadow:inset 2px 2px 4px #0000000d,inset -2px -2px 4px #fffc}.footer .footer-style-switcher .style-switcher .style-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;transition:all .3s ease;cursor:pointer;box-shadow:1px 1px 2px #0000000d,-1px -1px 2px #fffc}.footer .footer-style-switcher .style-switcher .style-dot:hover{transform:scale(1.2);background:#646b8c}.footer .footer-style-switcher .style-switcher .style-dot.active{background:#2563eb;box-shadow:inset 1px 1px 2px #0003,inset -1px -1px 2px #ffffffb3}.footer .footer-right{display:flex;flex-direction:column;gap:.5rem}.footer .footer-right .contact-info{display:flex;flex-direction:column;gap:.3rem}.footer .footer-right .contact-info .contact-item{display:flex;align-items:center;gap:.5rem;margin-bottom:0}.footer .footer-right .contact-info .contact-item svg{color:#2563eb;font-size:.9rem}.footer .footer-right .contact-info .contact-item span{font-size:.8rem}.footer .footer-right .social-links{display:flex;gap:.75rem;justify-content:flex-end}.footer .footer-right .social-links a{width:30px;height:30px;border-radius:50%;background:#edf2f7;color:#646b8c;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease;box-shadow:3px 3px 6px #0000000d,-3px -3px 6px #fffc}.footer .footer-right .social-links a:hover{transform:translateY(-2px);color:#2563eb;box-shadow:4px 4px 8px #0000000d,-4px -4px 8px #fffc}.footer .footer-right .social-links a:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #0000000d,inset -2px -2px 4px #fffc}@media screen and (max-width: 1024px){.footer{padding:.5rem 3rem}}@media screen and (max-width: 768px){.footer{padding:.5rem 2rem}}@media screen and (max-width: 480px){.footer{padding:.5rem 1.5rem;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.footer .footer-content{align-items:center;order:2;gap:.2rem}.footer .footer-content .brand{padding-right:0;padding-bottom:.25rem}.footer .footer-content .brand:before{right:50%;top:auto;bottom:0;transform:translate(50%);width:20px;height:2px}.footer .footer-style-switcher{order:1}.footer .footer-right{order:3;width:100%;gap:.8rem}.footer .footer-right .contact-info{align-items:center}.footer .footer-right .social-links{justify-content:center}}@media screen and (max-width: 375px){.footer{padding:.5rem 1rem}.footer .footer-right .contact-info .contact-item{flex-direction:row;justify-content:center;gap:.3rem}.footer .footer-right .social-links a{width:30px;height:30px;font-size:.85rem}}.topBar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:.5rem 4rem;background:#ffffff;box-shadow:0 1px #2d30471a;direction:rtl;position:relative}@media screen and (max-width: 768px){.topBar{padding:.3rem 10rem}}.topBar .logo-container{display:flex;align-items:center}.topBar .logo-container .logo img{height:60px;transition:transform .3s ease}.topBar .logo-container .slogan{color:#67b26f;font-size:1.3rem;font-weight:600;letter-spacing:.5px;white-space:nowrap}@media screen and (max-width: 768px){.topBar .logo-container .slogan{font-size:1.2rem}}.topBar .mainSlogan{color:#1a1b25;font-size:1.5rem;font-weight:600;font-family:Varela Round,Assistant,sans-serif;letter-spacing:.8px;text-align:center;white-space:nowrap;justify-self:center}@media screen and (max-width: 768px){.topBar .mainSlogan{display:none}}.topBar .auth{display:flex;gap:1rem;justify-self:end;font-family:Varela Round,Assistant,sans-serif}@media screen and (max-width: 768px){.topBar .auth{display:none}}.topBar .auth .login{color:#2563eb;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:5px}.topBar .auth .login:hover{background:rgba(37,99,235,.1)}.topBar .auth .register{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:5px;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 4px #2563eb33}.topBar .auth .register:hover{transform:translateY(-2px);box-shadow:0 4px 6px #2563eb4d;background:rgb(18.5714285714,76.1428571429,202.4285714286)}.topBar .auth .login,.topBar .auth .register{border:none;cursor:pointer;font-family:inherit;font-size:inherit}.topBar .auth .logout{background:#e86b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #e86b6b33}.topBar .auth .logout:hover{transform:translateY(-2px);box-shadow:0 4px 6px #e86b6b4d}.topBar .auth .user-section{display:flex;align-items:center;gap:.5rem}.topBar .auth .user-section .user-avatar{border:2px solid #2563eb;transition:all .3s ease}.topBar .auth .user-section .user-avatar:hover{transform:scale(1.1);box-shadow:0 2px 8px #2563eb4d}.topBar .auth .profile{color:#1a1b25;text-decoration:none;padding:.5rem 1rem;transition:all .3s ease}.topBar .auth .profile:hover{color:#2563eb}.avatar-upload-dialog{direction:rtl}.avatar-upload-dialog .dialog-title{text-align:center;font-family:Varela Round,Assistant,sans-serif;font-weight:600;color:#1a1b25;border-bottom:1px solid rgba(37,99,235,.1);direction:rtl}.avatar-upload-dialog .dialog-content{padding:2rem 1.5rem;direction:rtl}.avatar-upload-dialog .dialog-content .avatar-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.avatar-upload-dialog .dialog-content .avatar-section .avatar-preview{border:3px solid #2563eb;box-shadow:0 4px 12px #2563eb33;transition:all .3s ease}.avatar-upload-dialog .dialog-content .avatar-section .avatar-preview:hover{transform:scale(1.05);box-shadow:0 6px 16px #2563eb4d}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions{display:flex;align-items:center;gap:1rem}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions .upload-button{background:#2563eb;color:#fff;font-family:Varela Round,Assistant,sans-serif;border-radius:8px;padding:.75rem 1.5rem;transition:all .3s ease}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions .upload-button:hover{background:rgb(18.5714285714,76.1428571429,202.4285714286);transform:translateY(-2px);box-shadow:0 4px 8px #2563eb4d}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions .upload-button:disabled{opacity:.6;transform:none}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions .remove-button{color:#e86b6b;border:1px solid #e86b6b;transition:all .3s ease}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions .remove-button:hover{background:rgba(232,107,107,.1);transform:scale(1.1)}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions .remove-button:disabled{opacity:.6;transform:none}.avatar-upload-dialog .dialog-content .file-info{background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.1);border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:right;font-family:Varela Round,Assistant,sans-serif}.avatar-upload-dialog .dialog-content .alert{margin:1rem 0;font-family:Varela Round,Assistant,sans-serif;border-radius:8px}.avatar-upload-dialog .dialog-content .alert.MuiAlert-standardError{background:rgba(232,107,107,.1);border:1px solid rgba(232,107,107,.3)}.avatar-upload-dialog .dialog-content .alert.MuiAlert-standardSuccess{background:rgba(103,178,111,.1);border:1px solid rgba(103,178,111,.3)}.avatar-upload-dialog .dialog-content .upload-guidelines{background:rgba(103,178,111,.05);border:1px solid rgba(103,178,111,.1);border-radius:8px;padding:1rem;margin-top:1.5rem;font-family:Varela Round,Assistant,sans-serif}.avatar-upload-dialog .dialog-content .upload-guidelines ul{margin:.5rem 0 0;padding-right:1.5rem;padding-left:0;color:#1a1b25cc;list-style-position:inside;text-align:right}.avatar-upload-dialog .dialog-content .upload-guidelines ul li{margin:.25rem 0;font-size:.875rem;text-align:right;direction:rtl}.avatar-upload-dialog .dialog-actions{padding:1rem 1.5rem;border-top:1px solid rgba(37,99,235,.1);justify-content:space-between}.avatar-upload-dialog .dialog-actions .MuiButton-outlined{color:#1a1b25b3;border-color:#1a1b254d;font-family:Varela Round,Assistant,sans-serif}.avatar-upload-dialog .dialog-actions .MuiButton-outlined:hover{background:rgba(26,27,37,.05);border-color:#1a1b25}.avatar-upload-dialog .dialog-actions .MuiButton-contained{background:#2563eb;font-family:Varela Round,Assistant,sans-serif}.avatar-upload-dialog .dialog-actions .MuiButton-contained:hover{background:rgb(18.5714285714,76.1428571429,202.4285714286)}.avatar-upload-dialog .dialog-actions .MuiButton-contained:disabled{opacity:.6}@media screen and (max-width: 768px){.avatar-upload-dialog .dialog-content{padding:1.5rem 1rem}.avatar-upload-dialog .dialog-content .avatar-section .avatar-preview{width:100px!important;height:100px!important}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions{flex-direction:column;gap:.75rem}.avatar-upload-dialog .dialog-content .avatar-section .upload-actions .upload-button{width:100%;padding:.875rem}}.home-style-1{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;background:linear-gradient(to bottom,#ffffff 0%,rgba(103,178,111,.2) 20%,rgba(37,99,235,.2) 50%,#ffffff 100%)}.home-style-1 .hero{height:100%;flex:1;display:flex;align-items:center;justify-content:space-between;gap:3rem;width:100%;max-width:1600px;padding:1rem 2rem;margin:0 auto;direction:rtl}@media screen and (max-width: 768px){.home-style-1 .hero{flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem 0rem}}.home-style-1 .hero .features-left,.home-style-1 .hero .features-right{display:flex;flex-direction:column;gap:2rem;width:280px}@media screen and (max-width: 768px){.home-style-1 .hero .features-left,.home-style-1 .hero .features-right{width:90%;flex-direction:row;gap:1rem}}.home-style-1 .hero .feature-item{padding:1.8rem;background:white;border-radius:12px;box-shadow:0 4px 6px #2d30471a;transition:all .3s ease;text-align:center}@media screen and (max-width: 768px){.home-style-1 .hero .feature-item{flex:1;padding:1rem .5rem}}@media screen and (max-width: 375px){.home-style-1 .hero .feature-item{padding:.2rem .1rem}.home-style-1 .hero .feature-item .icon{font-size:1.5rem;margin-bottom:.3rem}.home-style-1 .hero .feature-item h3{font-size:.8rem}}.home-style-1 .hero .feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 12px #2563eb33}.home-style-1 .hero .feature-item:hover .icon{color:#2563eb;transform:scale(1.1)}.home-style-1 .hero .feature-item .icon{font-size:2.2rem;color:#67b26f;margin-bottom:1rem;transition:all .3s ease}@media screen and (max-width: 768px){.home-style-1 .hero .feature-item .icon{font-size:2rem}}.home-style-1 .hero .feature-item h3{font-size:1.2rem;color:#1a1b25}@media screen and (max-width: 768px){.home-style-1 .hero .feature-item h3{font-size:1rem}}.home-style-1 .hero .hero-center{text-align:center;flex:1;max-width:800px}@media screen and (max-width: 768px){.home-style-1 .hero .hero-center{order:-1}}.home-style-1 .hero .hero-center img{width:500px;height:500px;object-fit:cover;border-radius:50%;margin-bottom:2rem;box-shadow:0 8px 32px #2d304726}@media screen and (max-width: 1024px){.home-style-1 .hero .hero-center img{width:400px;height:400px}}@media screen and (max-width: 768px){.home-style-1 .hero .hero-center img{width:50vw;height:20vh;margin-bottom:1rem}}@media screen and (max-width: 375px){.home-style-1 .hero .hero-center img{width:45vw;height:18vh}}.home-style-1 .hero .hero-center h1{font-size:3rem;color:#1a1b25;margin-bottom:1rem}.home-style-1 .hero .hero-center p{color:#646b8c;font-family:Varela Round,Assistant,sans-serif;font-size:1.3rem;font-weight:600;line-height:1.6;text-align:right;max-width:600px;margin:0 auto 1rem}@media screen and (max-width: 768px){.home-style-1 .hero .hero-center p{font-size:1rem;padding:0 2rem;margin:0 auto .5rem}}@media screen and (max-width: 375px){.home-style-1 .hero .hero-center p{font-size:.9rem;padding:0 1rem;margin:0 auto .3rem}}.home-style-1 .hero .hero-center p:last-child{margin-bottom:0}@media screen and (max-width: 768px){.home-style-1{height:100%;background:linear-gradient(to bottom,#ffffff 0%,rgba(103,178,111,.2) 20%,rgba(37,99,235,.2) 100%,#ffffff 100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.home-style-2{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;background:#fafbff}.home-style-2:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(34,197,94,.05) 0%,transparent 50%);z-index:0}.home-style-2 .hero{height:100%;flex:1;display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:1600px;padding:2rem;margin:0 auto;direction:rtl;position:relative;z-index:1}@media screen and (max-width: 768px){.home-style-2 .hero{flex-direction:column;gap:1.5vh}}@media screen and (max-width: 375px){.home-style-2 .hero{gap:1vh;padding:2vh}}.home-style-2 .hero .features-left,.home-style-2 .hero .features-right{display:flex;flex-direction:column;gap:1.5rem;width:300px}@media screen and (max-width: 768px){.home-style-2 .hero .features-left,.home-style-2 .hero .features-right{flex-direction:row;gap:1vh}}@media screen and (max-width: 375px){.home-style-2 .hero .features-left,.home-style-2 .hero .features-right{gap:.8vh}}.home-style-2 .hero .feature-item{background:white;border-radius:16px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #2d304733;border:1px solid rgba(45,48,71,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.home-style-2 .hero .feature-item.large{padding:1rem .5rem}.home-style-2 .hero .feature-item.large .icon{font-size:2.8rem}.home-style-2 .hero .feature-item.large h3{font-size:1.3rem}.home-style-2 .hero .feature-item.small{padding:1rem .5rem}.home-style-2 .hero .feature-item.small .icon{font-size:2.2rem}.home-style-2 .hero .feature-item.small h3{font-size:1.1rem}@media screen and (max-width: 768px){.home-style-2 .hero .feature-item{flex:1;padding:1.5vh}.home-style-2 .hero .feature-item.large .icon,.home-style-2 .hero .feature-item.small .icon{font-size:2.5vh;margin-bottom:1vh}.home-style-2 .hero .feature-item.large h3,.home-style-2 .hero .feature-item.small h3{font-size:1.8vh}}@media screen and (max-width: 375px){.home-style-2 .hero .feature-item{padding:1vh}.home-style-2 .hero .feature-item.large .icon,.home-style-2 .hero .feature-item.small .icon{font-size:2vh;margin-bottom:.8vh}.home-style-2 .hero .feature-item.large h3,.home-style-2 .hero .feature-item.small h3{font-size:1.5vh}}.home-style-2 .hero .feature-item .icon{color:#67b26f;margin-bottom:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.home-style-2 .hero .feature-item h3{color:#1a1b25;font-weight:600;line-height:1.4}.home-style-2 .hero .hero-center{flex:1;max-width:800px;display:flex;flex-direction:column;align-items:center;position:relative}@media screen and (max-width: 768px){.home-style-2 .hero .hero-center{order:-1}}.home-style-2 .hero .hero-center .image-wrapper{position:relative;margin-bottom:2rem}@media screen and (max-width: 768px){.home-style-2 .hero .hero-center .image-wrapper{margin-bottom:1vh}}@media screen and (max-width: 375px){.home-style-2 .hero .hero-center .image-wrapper{margin-bottom:.8vh}}.home-style-2 .hero .hero-center .image-wrapper:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:20px;padding:10px;background:linear-gradient(45deg,rgba(37,99,235,.3),rgba(103,178,111,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.home-style-2 .hero .hero-center .image-wrapper img{width:450px;height:450px;object-fit:cover;border-radius:12px;transition:transform .3s ease}@media screen and (max-width: 1024px){.home-style-2 .hero .hero-center .image-wrapper img{width:380px;height:380px}}@media screen and (max-width: 768px){.home-style-2 .hero .hero-center .image-wrapper img{width:50vw;height:20vh}}@media screen and (max-width: 375px){.home-style-2 .hero .hero-center .image-wrapper img{width:45vw;height:18vh}}.home-style-2 .hero .hero-center .text-content{text-align:right;width:100%;max-width:600px}.home-style-2 .hero .hero-center .text-content p{color:#646b8c;font-family:Varela Round,Assistant,sans-serif;font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:1rem;position:relative;padding-right:1rem}.home-style-2 .hero .hero-center .text-content p:before{content:"";position:absolute;right:0;top:.5rem;bottom:.5rem;width:3px;background:linear-gradient(to bottom,#2563eb,#67b26f);border-radius:3px}@media screen and (max-width: 768px){.home-style-2 .hero .hero-center .text-content p{font-size:2vh;padding:1rem;margin-bottom:0}}@media screen and (max-width: 375px){.home-style-2 .hero .hero-center .text-content p{font-size:1.8vh;padding:.8rem}}.home-style-2 .hero .hero-center .text-content p:last-child{margin-bottom:0}.home-style-3{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;background:#f8fafc}.home-style-3 .hero{height:100%;flex:1;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;max-width:1600px;padding:2rem;margin:0 auto;direction:rtl}@media screen and (max-width: 768px){.home-style-3 .hero{flex-direction:column;gap:2vh;padding:2vh 2vh 5vh;justify-content:center}}@media screen and (max-width: 375px){.home-style-3 .hero{gap:1vh}}.home-style-3 .hero .features-left,.home-style-3 .hero .features-right{display:flex;flex-direction:column;gap:1.5rem;width:300px}@media screen and (max-width: 768px){.home-style-3 .hero .features-left,.home-style-3 .hero .features-right{width:90%;flex-direction:row;gap:1vh;justify-content:center;align-items:center}}.home-style-3 .hero .features-left .feature-item:nth-child(odd),.home-style-3 .hero .features-left .feature-item:nth-child(2n),.home-style-3 .hero .features-right .feature-item:nth-child(odd),.home-style-3 .hero .features-right .feature-item:nth-child(2n){height:140px;width:100%;background:#ffffff}@media screen and (max-width: 768px){.home-style-3 .hero .features-left .feature-item:nth-child(odd),.home-style-3 .hero .features-left .feature-item:nth-child(2n),.home-style-3 .hero .features-right .feature-item:nth-child(odd),.home-style-3 .hero .features-right .feature-item:nth-child(2n){height:90px}.home-style-3 .hero .features-left .feature-item:nth-child(odd) .icon,.home-style-3 .hero .features-left .feature-item:nth-child(2n) .icon,.home-style-3 .hero .features-right .feature-item:nth-child(odd) .icon,.home-style-3 .hero .features-right .feature-item:nth-child(2n) .icon{font-size:2.5vh}}@media screen and (max-width: 375px){.home-style-3 .hero .features-left .feature-item:nth-child(odd),.home-style-3 .hero .features-left .feature-item:nth-child(2n),.home-style-3 .hero .features-right .feature-item:nth-child(odd),.home-style-3 .hero .features-right .feature-item:nth-child(2n){height:80px}.home-style-3 .hero .features-left .feature-item:nth-child(odd) .icon,.home-style-3 .hero .features-left .feature-item:nth-child(2n) .icon,.home-style-3 .hero .features-right .feature-item:nth-child(odd) .icon,.home-style-3 .hero .features-right .feature-item:nth-child(2n) .icon{font-size:2vh}}.home-style-3 .hero .features-left .feature-item:nth-child(odd) .icon,.home-style-3 .hero .features-right .feature-item:nth-child(odd) .icon{font-size:2.4rem;color:#2563eb}.home-style-3 .hero .features-left .feature-item:nth-child(2n) .icon,.home-style-3 .hero .features-right .feature-item:nth-child(2n) .icon{font-size:2.4rem;color:#67b26f}.home-style-3 .hero .feature-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;border-radius:2px;box-shadow:0 2px 10px #0003;transition:all .3s ease}@media screen and (max-width: 768px){.home-style-3 .hero .feature-item{padding:.8vh;flex:1}}.home-style-3 .hero .feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.home-style-3 .hero .feature-item:hover .icon{transform:scale(1.1) rotate(10deg)}.home-style-3 .hero .feature-item .icon{margin-bottom:1rem;transition:all .3s ease}@media screen and (max-width: 768px){.home-style-3 .hero .feature-item .icon{margin-bottom:.5vh}}.home-style-3 .hero .feature-item h3{font-size:1.1rem;font-weight:600;color:#1e293b;text-align:center;line-height:1.4}@media screen and (max-width: 768px){.home-style-3 .hero .feature-item h3{font-size:1.8vh}}@media screen and (max-width: 375px){.home-style-3 .hero .feature-item h3{font-size:1.5vh}}.home-style-3 .hero .hero-center{flex:1;max-width:800px;text-align:center;position:relative;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 768px){.home-style-3 .hero .hero-center{order:-1}}.home-style-3 .hero .hero-center img{width:100%;max-width:850px;height:auto;aspect-ratio:2/1;object-fit:cover;margin:0 auto 1.5rem;border-radius:2px;box-shadow:0 20px 40px #0000001a}@media screen and (max-width: 768px){.home-style-3 .hero .hero-center img{margin-bottom:1vh}}.home-style-3 .hero .hero-center .text-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem;position:relative}@media screen and (max-width: 768px){.home-style-3 .hero .hero-center .text-content{margin:0 1rem}}.home-style-3 .hero .hero-center .text-content p{text-align:right;font-size:1.1rem;font-weight:600;line-height:1.5;color:#1e293b;background:rgba(255,255,255,.9);padding:1rem 2rem;position:relative;overflow:hidden}.home-style-3 .hero .hero-center .text-content p:first-child{transform:translate(-1rem);border-left:4px solid #2563eb}.home-style-3 .hero .hero-center .text-content p:first-child:before{content:"✦";right:.5rem;position:absolute;color:#2563eb}.home-style-3 .hero .hero-center .text-content p:last-child{transform:translate(1rem);border-right:4px solid #67b26f}.home-style-3 .hero .hero-center .text-content p:last-child:before{content:"✧";left:.8rem;position:absolute;color:#67b26f}@media screen and (max-width: 768px){.home-style-3 .hero .hero-center .text-content p{font-size:2vh;padding:.8rem 1.5rem;transform:none}}@media screen and (max-width: 375px){.home-style-3 .hero .hero-center .text-content p{font-size:1.8vh;padding:.6rem 1.2rem}}:root{--primary-light: lighten($primary, 15%);--primary: $primary;--primary-dark: darken($primary, 15%);--secondary-light: lighten($secondary, 15%);--secondary: $secondary;--secondary-dark: darken($secondary, 15%);--accent-light: lighten($accent, 15%);--accent: $accent;--accent-dark: darken($accent, 15%);--success: $success;--error: $error;--warning: $warning;--info: $info;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e0;--neutral-400: #94a3b8;--neutral-500: $soft-color;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: $main-color;--card-bg: $main-bg;--card-shadow: 0 2px 10px rgba(0, 0, 0, .05);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--header-shadow: 0 10px 20px rgba($primary, .15);--space-xs: 5px;--space-sm: 10px;--space-md: 15px;--space-lg: 20px;--space-xl: 25px;--border-radius-sm: 8px;--border-radius-md: 10px;--border-radius-lg: 12px;--border-radius-full: 50%}.dashboard-profile{margin-bottom:var(--space-xl)}.dashboard-profile .profile-header-section{background:linear-gradient(135deg,#4b79a1,#283e51);border-radius:var(--border-radius-lg);padding:var(--space-xl);display:flex;justify-content:space-between;color:#fff;box-shadow:var(--header-shadow);margin-bottom:var(--space-lg);direction:rtl}.dashboard-profile .profile-header-section .user-block{display:flex;align-items:center;gap:18px}.dashboard-profile .profile-header-section .user-avatar .avatar-placeholder{width:70px;height:70px;border-radius:var(--border-radius-full);background-color:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.5)}.dashboard-profile .profile-header-section .user-avatar .avatar-placeholder span{font-size:32px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dashboard-profile .profile-header-section .user-avatar .profile-image{width:70px;height:70px;border-radius:var(--border-radius-full);object-fit:cover;border:3px solid rgba(255,255,255,.5);box-shadow:0 2px 10px #0000001a}.dashboard-profile .profile-header-section .user-info .user-name{font-size:22px;font-weight:700;margin:0 0 5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dashboard-profile .profile-header-section .user-info .user-meta{font-size:14px;font-weight:500;opacity:.95;display:flex;align-items:center;color:#ffffffe6}.dashboard-profile .profile-header-section .user-info .user-meta:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--success);border-radius:var(--border-radius-full);margin-left:6px}.dashboard-profile .profile-header-section .action-menu .menu-toggle{background:rgba(255,255,255,.2);border:none;border-radius:var(--border-radius-sm);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dashboard-profile .profile-header-section .action-menu .menu-toggle:hover{background:rgba(255,255,255,.3)}.dashboard-profile .profile-header-section .action-menu .menu-toggle svg{font-size:20px}.dashboard-profile .contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);direction:rtl}.dashboard-profile .contact-cards .contact-card{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:16px;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:var(--space-md);transition:transform .2s ease,box-shadow .2s ease}.dashboard-profile .contact-cards .contact-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.dashboard-profile .contact-cards .contact-card .card-icon{width:42px;height:42px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-profile .contact-cards .contact-card .card-icon svg{font-size:20px;color:#fff}.dashboard-profile .contact-cards .contact-card .card-icon.email-icon{background:linear-gradient(135deg,#2193b0,#6dd5ed);box-shadow:0 4px 8px #2193b040}.dashboard-profile .contact-cards .contact-card .card-icon.phone-icon{background:linear-gradient(135deg,#ff9966,#ff5e62);box-shadow:0 4px 8px #ff5e6240}.dashboard-profile .contact-cards .contact-card .card-icon.account-icon{background:linear-gradient(135deg,#56ab2f,#a8e063);box-shadow:0 4px 8px #56ab2f40}.dashboard-profile .contact-cards .contact-card .card-content .card-label{font-size:13px;color:var(--neutral-500);margin-bottom:3px}.dashboard-profile .contact-cards .contact-card .card-content .card-value{font-size:15px;font-weight:600;color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 1024px){.dashboard-profile .contact-cards{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.dashboard-profile .profile-header-section{padding:var(--space-lg)}.dashboard-profile .profile-header-section .user-avatar .avatar-placeholder,.dashboard-profile .profile-header-section .user-avatar .profile-image{width:60px;height:60px}.dashboard-profile .profile-header-section .user-avatar .avatar-placeholder span{font-size:26px}.dashboard-profile .profile-header-section .user-info .user-name{font-size:20px}.dashboard-profile .contact-cards{gap:var(--space-sm)}.dashboard-profile .contact-cards .contact-card{padding:14px}.dashboard-profile .contact-cards .contact-card .card-icon{width:38px;height:38px}.dashboard-profile .contact-cards .contact-card .card-icon svg{font-size:18px}.dashboard-profile .contact-cards .contact-card .card-content .card-value{font-size:14px}}@media screen and (max-width: 480px){.dashboard-profile .profile-header-section{padding:16px;flex-direction:column;gap:var(--space-md);align-items:stretch}.dashboard-profile .profile-header-section .user-block{justify-content:center}.dashboard-profile .profile-header-section .action-menu{display:flex;justify-content:center}.dashboard-profile .profile-header-section .action-menu .menu-toggle{width:100%;max-width:200px}.dashboard-profile .contact-cards{grid-template-columns:1fr;gap:var(--space-sm)}}@media screen and (max-width: 375px){.dashboard-profile .profile-header-section{padding:var(--space-md)}.dashboard-profile .profile-header-section .user-block{flex-direction:column;text-align:center;gap:var(--space-sm)}.dashboard-profile .profile-header-section .user-avatar .avatar-placeholder,.dashboard-profile .profile-header-section .user-avatar .profile-image{margin:0 auto}.dashboard-profile .profile-header-section .user-info .user-meta{justify-content:center}.dashboard-profile .profile-header-section .action-menu{margin-top:var(--space-xs)}}.progress-stepper{background:white;border-radius:12px;padding:2.5rem;box-shadow:0 2px 10px #0000001a}.progress-stepper h3{margin-bottom:2.5rem;color:#1e293b;font-size:1.25rem;font-weight:600;text-align:center}.progress-stepper .steps-container{display:flex;justify-content:space-between;align-items:flex-start;position:relative;max-width:1000px;margin:0 auto;padding:0 40px}.progress-stepper .steps-container:before{content:"";position:absolute;top:22px;right:70px;left:70px;height:3px;background-color:#e2e8f0;z-index:0;opacity:.7}.progress-stepper .steps-container .progress-line{position:absolute;top:22px;right:70px;height:3px;background-color:#10b981;z-index:1;transition:width .5s ease-in-out;opacity:.9;max-width:calc(100% - 140px)}@media screen and (max-width: 768px){.progress-stepper .steps-container{padding:0 20px}.progress-stepper .steps-container:before{right:50px;left:50px}.progress-stepper .steps-container .progress-line{right:50px;max-width:calc(100% - 100px)}}@media screen and (max-width: 480px){.progress-stepper .steps-container{flex-direction:column;align-items:stretch;gap:2.5rem}.progress-stepper .steps-container:before{top:44px;right:22px;left:auto;width:3px;height:calc(100% - 88px)}.progress-stepper .steps-container .progress-line{top:44px;right:22px;left:auto;width:3px;height:0;transition:height .5s ease-in-out;max-width:none;max-height:calc(100% - 88px)}}.progress-stepper .step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;padding:0 10px;max-width:25%}@media screen and (max-width: 480px){.progress-stepper .step{flex-direction:row;align-items:flex-start;max-width:100%;padding:0;margin-bottom:2.5rem}}.progress-stepper .step .step-indicator{width:44px;height:44px;border-radius:50%;background:#f1f5f9;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;margin-bottom:1.25rem;z-index:2;box-shadow:0 2px 5px #0000001a}@media screen and (max-width: 480px){.progress-stepper .step .step-indicator{margin-bottom:0;margin-left:1.25rem;min-width:44px}}.progress-stepper .step .step-content{display:flex;flex-direction:column;align-items:center;width:100%}@media screen and (max-width: 480px){.progress-stepper .step .step-content{align-items:flex-start}}.progress-stepper .step .step-content .step-title-container{text-align:center;margin-bottom:.75rem;max-width:100%}@media screen and (max-width: 480px){.progress-stepper .step .step-content .step-title-container{text-align:right}}.progress-stepper .step .step-content .step-title{color:#64748b;font-size:1rem;font-weight:600;margin-bottom:.5rem;width:100%;text-align:center}.progress-stepper .step .step-content .step-description{color:#94a3b8;font-size:.85rem;min-height:2.5em;line-height:1.4;width:100%;text-align:center}@media screen and (max-width: 480px){.progress-stepper .step .step-content .step-description{min-height:auto;text-align:right}}.progress-stepper .step.completed .step-indicator{background:#10b981;border-color:#10b981;color:#fff;animation:fadeIn .5s ease-in-out;box-shadow:0 2px 10px #10b98140}.progress-stepper .step.completed .step-indicator:hover{transform:scale(1.08);transition:transform .2s ease}.progress-stepper .step.completed .step-title{color:#10b981;font-weight:600;animation:fadeInRight .6s ease-in-out}.progress-stepper .step.completed .step-description{color:#64748b;animation:fadeInRight .8s ease-in-out}.progress-stepper .step.current .step-indicator{background:white;border-color:#3b82f6;color:#3b82f6;border-width:3px;box-shadow:0 0 0 4px #3b82f626;animation:pulse-blue 2s infinite}.progress-stepper .step.current .step-indicator:hover{animation:wobble 1s ease-in-out}.progress-stepper .step.current .step-title{color:#3b82f6;font-weight:700;position:relative}.progress-stepper .step.current .step-description{color:#64748b;font-weight:500}.progress-stepper .step.current .step-content{transform:translateY(-2px)}@media screen and (max-width: 480px){.progress-stepper .step.current .step-line{background:linear-gradient(to bottom,#10b981,#e2e8f0)}}.progress-stepper .step:first-child .step-line,.progress-stepper .step .step-line{display:none}.progress-stepper .step.has-line:after{display:none}.progress-stepper .step.completed.has-line:after{display:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-blue{0%{box-shadow:0 0 #3b82f64d}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-5%) rotate(-5deg)}30%{transform:translate(4%) rotate(3deg)}45%{transform:translate(-3%) rotate(-3deg)}60%{transform:translate(2%) rotate(2deg)}75%{transform:translate(-1%) rotate(-1deg)}to{transform:translate(0)}}.progress-stepper.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px}.progress-stepper.loading .loading-placeholder{display:flex;flex-direction:column;align-items:center}.progress-stepper.loading .loading-placeholder .loading-indicator{width:40px;height:40px;border:3px solid rgba(59,130,246,.1);border-radius:50%;border-top-color:#3b82f6b3;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.progress-stepper.loading .loading-placeholder p{color:#64748b;font-size:.9rem}@media screen and (max-width: 768px){.progress-stepper{padding:2rem}}@media screen and (max-width: 480px){.progress-stepper{padding:1.75rem 1.25rem}}:root{--text-color-dark: var(--dark-color, #333);--text-color-light: var(--soft-color, #666);--primary-color: var(--primary, #4a6cf7);--primary-color-light: var(--primary-light, #6b8afd)}.dashboard-quick-actions{width:100%;margin-bottom:30px}.dashboard-quick-actions h3{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:var(--text-color-dark)}.dashboard-quick-actions .dashboard-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%}@media (max-width: 1200px){.dashboard-quick-actions .dashboard-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard-quick-actions .dashboard-actions-grid{grid-template-columns:1fr}}.dashboard-quick-actions .dashboard-action-card{display:flex;flex-direction:column;background-color:#fff;border-radius:12px;box-shadow:#110c2e0d 0 48px 100px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:none;text-align:right;height:100%;min-height:180px;position:relative}.dashboard-quick-actions .dashboard-action-card:hover{transform:translateY(-5px);box-shadow:#110c2e1a 0 48px 100px}.dashboard-quick-actions .dashboard-action-card:hover .dashboard-card-header{background-size:105% 105%}.dashboard-quick-actions .dashboard-action-card.active{transform:scale(.98);opacity:.9}.dashboard-quick-actions .dashboard-action-card .dashboard-card-header{height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);color:#fff;transition:all .3s ease;background-size:100% 100%}.dashboard-quick-actions .dashboard-action-card .dashboard-card-header svg{font-size:28px}.dashboard-quick-actions .dashboard-action-card .dashboard-card-body{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:center}.dashboard-quick-actions .dashboard-action-card .dashboard-card-title{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-color-dark)}.dashboard-quick-actions .dashboard-action-card .dashboard-card-description{font-size:.85rem;color:var(--text-color-light);line-height:1.4}.dashboard-quick-actions .dashboard-action-card:nth-child(1) .dashboard-card-header{background:linear-gradient(135deg,#6b8afd 0%,#4466f2 100%)}.dashboard-quick-actions .dashboard-action-card:nth-child(2) .dashboard-card-header{background:linear-gradient(135deg,#fc7b92 0%,#f85471 100%)}.dashboard-quick-actions .dashboard-action-card:nth-child(3) .dashboard-card-header{background:linear-gradient(135deg,#ffbb55 0%,#ff9900 100%)}.dashboard-quick-actions .dashboard-action-card:nth-child(4) .dashboard-card-header{background:linear-gradient(135deg,#65ddb7 0%,#3ccea3 100%)}.dashboard-quick-actions .dashboard-action-card.loading{cursor:default;pointer-events:none}.dashboard-quick-actions .dashboard-action-card.loading .dashboard-card-header{background:#f0f0f0;animation:loading-pulse 1.5s infinite ease-in-out}.dashboard-quick-actions .dashboard-action-card.loading .dashboard-card-body{display:flex;align-items:center;justify-content:center}.dashboard-quick-actions .dashboard-action-card.loading .dashboard-card-body .dashboard-loader{width:70%;height:12px;background:#f0f0f0;border-radius:6px;animation:loading-pulse 1.5s infinite ease-in-out}.dashboard-quick-actions .dashboard-no-actions{background-color:#fff;border-radius:12px;padding:30px;text-align:center;box-shadow:#110c2e0d 0 48px 100px}.dashboard-quick-actions .dashboard-no-actions p{color:var(--text-color-light);font-size:1rem}@keyframes loading-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 1200px){.dashboard-quick-actions .dashboard-action-card{min-height:160px}.dashboard-quick-actions .dashboard-action-card .dashboard-card-header{height:60px}}@media (max-width: 768px){.dashboard-quick-actions h3{font-size:1.1rem;margin-bottom:15px}.dashboard-quick-actions .dashboard-action-card{min-height:150px}.dashboard-quick-actions .dashboard-action-card .dashboard-card-title{font-size:.95rem}.dashboard-quick-actions .dashboard-action-card .dashboard-card-description{font-size:.8rem}}@media (max-width: 480px){.dashboard-quick-actions .dashboard-actions-grid{gap:12px}.dashboard-quick-actions .dashboard-action-card{min-height:130px}.dashboard-quick-actions .dashboard-action-card .dashboard-card-header{height:50px}.dashboard-quick-actions .dashboard-action-card .dashboard-card-body{padding:12px}}.notifications-panel{background:white;border-radius:16px;padding:1.5rem;box-shadow:#110c2e1a 0 48px 100px;position:relative;overflow:hidden}.notifications-panel:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(249,250,251,.8) 100%);z-index:0}.notifications-panel .notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;z-index:1;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.6)}.notifications-panel .notifications-header .header-actions{display:flex;gap:10px}.notifications-panel .notifications-header .header-actions .mark-all-read,.notifications-panel .notifications-header .header-actions .view-all{padding:.4rem .95rem;border-radius:10px;font-size:.85rem;background:transparent;border:1px solid rgba(226,232,240,.8);color:#4a5568;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500;letter-spacing:.01em;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:6px}.notifications-panel .notifications-header .header-actions .mark-all-read svg,.notifications-panel .notifications-header .header-actions .view-all svg{font-size:1rem}.notifications-panel .notifications-header .header-actions .mark-all-read:hover,.notifications-panel .notifications-header .header-actions .view-all:hover{background:linear-gradient(135deg,#f0f9ff,#dbeafe);color:#2563eb;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 3px 12px #3b82f626}.notifications-panel .notifications-header .header-actions .mark-all-read:active,.notifications-panel .notifications-header .header-actions .view-all:active{transform:translateY(0)}.notifications-panel .notifications-header .header-actions .mark-all-read{color:#4b5563;border-color:#e5e7eb}.notifications-panel .notifications-header .header-actions .mark-all-read:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#374151;border-color:#d1d5db;box-shadow:0 3px 12px #4755691a}.notifications-panel .notifications-header h3{color:#0f172a;font-size:1.25rem;font-weight:700;position:relative;display:flex;align-items:center;gap:12px;letter-spacing:-.01em}.notifications-panel .notifications-header h3:before{content:"";display:block;width:4px;height:22px;background:linear-gradient(to bottom,#3b82f6,#10b981);border-radius:10px;box-shadow:0 0 15px #3b82f64d}.notifications-panel .notifications-header h3 .unread-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.75rem;font-weight:600;height:24px;min-width:24px;padding:0 8px;border-radius:12px;margin-right:6px;box-shadow:0 2px 8px #3b82f640;animation:subtle-bounce 2s infinite}.notifications-panel .notifications-list{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1;max-height:350px;overflow-y:auto;padding-right:4px;margin-right:-4px}.notifications-panel .notifications-list::-webkit-scrollbar{width:6px}.notifications-panel .notifications-list::-webkit-scrollbar-track{background:rgba(241,245,249,.6);border-radius:3px}.notifications-panel .notifications-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:3px;transition:background .3s ease}.notifications-panel .notifications-list::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.notifications-panel .notification-item{display:flex;gap:.75rem;padding:.875rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8fafc;border:1px solid rgba(226,232,240,.6);position:relative;cursor:pointer}.notifications-panel .notification-item.new{background:linear-gradient(to right,#f0f9ff,#f8fafc);border-color:#bae6fdb3;box-shadow:0 2px 8px #3b82f614}.notifications-panel .notification-item.new:before{content:"";position:absolute;top:12px;right:12px;width:6px;height:6px;background:#3b82f6;border-radius:50%;box-shadow:0 0 #3b82f666;animation:pulse-blue 2s infinite}.notifications-panel .notification-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1cc}@media screen and (max-width: 480px){.notifications-panel .notification-item{padding:.75rem;gap:.75rem}}.notifications-panel .notification-item .notification-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:all .3s ease}@media screen and (max-width: 480px){.notifications-panel .notification-item .notification-icon{width:34px;height:34px;font-size:1rem}}.notifications-panel .notification-item .notification-icon svg{transition:transform .3s ease}.notifications-panel .notification-item:hover .notification-icon svg{transform:scale(1.15)}.notifications-panel .notification-item .notification-content{flex:1}.notifications-panel .notification-item .notification-content p{color:#1e293b;font-size:.95rem;margin-bottom:.5rem;line-height:1.4;font-weight:500}@media screen and (max-width: 480px){.notifications-panel .notification-item .notification-content p{font-size:.85rem;margin-bottom:.25rem}}.notifications-panel .notification-item .notification-content .notification-time{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.8rem;opacity:.8}.notifications-panel .notification-item .notification-content .notification-time svg{font-size:.9rem}@media screen and (max-width: 480px){.notifications-panel .notification-item .notification-content .notification-time{font-size:.75rem}.notifications-panel .notification-item .notification-content .notification-time svg{font-size:.85rem}}.notifications-panel .notification-item.warning .notification-icon{background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);color:#b45309}.notifications-panel .notification-item.success .notification-icon{background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 100%);color:#16a34a}.notifications-panel .notification-item.info .notification-icon{background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);color:#2563eb}.notifications-panel .notification-item.error .notification-icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.notifications-panel .notification-item .mark-read-button{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;background:white;border:1px solid #e2e8f0;color:#3b82f6;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .2s ease;opacity:0;transform:scale(.8);box-shadow:0 1px 3px #0000000d}.notifications-panel .notification-item .mark-read-button:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:scale(1.1);box-shadow:0 3px 10px #3b82f64d}.notifications-panel .notification-item .mark-read-button svg{font-size:1.1rem}.notifications-panel .notification-item:hover .mark-read-button{opacity:1;transform:scale(1)}.notifications-panel .empty-state,.notifications-panel .loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;text-align:center;color:#94a3b8;min-height:200px}.notifications-panel .empty-state .empty-icon,.notifications-panel .loading-placeholder .empty-icon{font-size:2.5rem;margin-bottom:1rem;color:#cbd5e1;opacity:.7}.notifications-panel .empty-state p,.notifications-panel .loading-placeholder p{font-size:1rem;margin:0;font-weight:500}.notifications-panel .loading-placeholder .loading-indicator{width:40px;height:40px;border-radius:50%;border:3px solid #f1f5f9;border-top-color:#3b82f6;animation:spinner 1s infinite linear;margin-bottom:1rem}.notifications-panel .unread-summary{font-size:.85rem;color:#64748b;text-align:center;padding:.75rem 0;border-top:1px solid rgba(226,232,240,.6);margin-top:.75rem;font-weight:500}.notifications-panel .notifications-footer{text-align:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(226,232,240,.6)}.notifications-panel .notifications-footer .view-all-button{background:linear-gradient(to right,#f0f9ff,#dbeafe);color:#2563eb;border:none;padding:.65rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 10px #3b82f61a;letter-spacing:.01em;position:relative;overflow:hidden}.notifications-panel .notifications-footer .view-all-button:hover{background:linear-gradient(to right,#dbeafe,#bfdbfe);transform:translateY(-2px);box-shadow:0 4px 15px #3b82f633}.notifications-panel .notifications-footer .view-all-button:active{transform:translateY(0)}.notifications-panel .notifications-footer .view-all-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transition:all .6s}.notifications-panel .notifications-footer .view-all-button:hover:before{left:100%}.notifications-panel.loading .loading-placeholder{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column}.notifications-panel.loading .loading-placeholder .loading-indicator{width:40px;height:40px;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#2563eb;animation:spinner 1s linear infinite;margin-bottom:1rem}.notifications-panel.loading .loading-placeholder p{color:#94a3b8;font-size:.9rem}.notifications-panel .notifications-footer{margin-top:12px}.notifications-panel .notifications-footer .view-all-button{width:100%;padding:.5rem;border-radius:4px;background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568;font-size:.9rem;cursor:pointer;transition:all .2s}.notifications-panel .notifications-footer .view-all-button:hover{background:#edf2f7;color:#2b6cb0}.notifications-panel .mark-read-button{background:transparent;border:none;width:26px;height:26px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4299e1;transition:all .2s;margin-right:8px}.notifications-panel .mark-read-button:hover{background-color:#4299e11a}.notifications-panel .mark-read-button svg{width:18px;height:18px}@media screen and (max-width: 768px){.notifications-panel{padding:1.5rem}}@media screen and (max-width: 375px){.notifications-panel{padding:1rem}}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.matching-cta{margin:0 0 24px;width:100%}.matching-cta__content{background:linear-gradient(to right,#f0fdf4,#e0f2fe);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #10b981;position:relative;overflow:hidden}.matching-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%2310b981' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.matching-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.matching-cta__content{padding:16px;gap:12px}}.matching-cta__icon{font-size:36px;color:#10b981;z-index:1;animation:pulse 2s infinite}@media screen and (max-width: 480px){.matching-cta__icon{font-size:28px}}.matching-cta__text{flex:1;z-index:1}.matching-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#065f46}@media screen and (max-width: 480px){.matching-cta__text h2{font-size:18px;margin-bottom:4px}}.matching-cta__text p{margin:0;font-size:16px;color:#0f766e;max-width:80%}@media screen and (max-width: 768px){.matching-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.matching-cta__text p{font-size:14px}}.matching-cta__button{background-color:#10b981;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:1;white-space:nowrap}.matching-cta__button--mobile{display:none;margin-top:16px;width:100%;justify-content:center}@media screen and (max-width: 768px){.matching-cta__button--mobile{display:flex}}@media screen and (max-width: 480px){.matching-cta__button--mobile{padding:10px 20px;font-size:14px}}@media screen and (max-width: 768px){.matching-cta__button--desktop{display:none}}.matching-cta__button:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.matching-cta__button:active{transform:translateY(0)}.submitted-cta{margin:0 0 24px;width:100%}.submitted-cta__content{background:linear-gradient(to right,#eff6ff,#f0f9ff);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #3b82f6;position:relative;overflow:hidden}.submitted-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%233b82f6' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.submitted-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.submitted-cta__content{padding:16px;gap:12px}}.submitted-cta__icon{font-size:36px;color:#3b82f6;z-index:1;animation:bounce 2s infinite ease-in-out}@media screen and (max-width: 480px){.submitted-cta__icon{font-size:28px}}.submitted-cta__text{flex:1;z-index:1}.submitted-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#1e40af}@media screen and (max-width: 480px){.submitted-cta__text h2{font-size:18px;margin-bottom:4px}}.submitted-cta__text p{margin:0 0 12px;font-size:16px;color:#1e3a8a;max-width:90%}@media screen and (max-width: 768px){.submitted-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.submitted-cta__text p{font-size:14px;margin-bottom:8px}}.submitted-cta__info{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#3b82f61a;border-radius:8px;margin-top:8px;border-right:3px solid #3b82f6}.submitted-cta__info svg{color:#3b82f6;flex-shrink:0}.submitted-cta__info span{font-size:14px;color:#1e40af;font-weight:500}@media screen and (max-width: 480px){.submitted-cta__info span{font-size:12px}}@media screen and (max-width: 480px){.submitted-cta__info{padding:8px 10px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.payment-cta{margin:0 0 24px;width:100%}.payment-cta__content{background:linear-gradient(to right,#fff7ed,#ffedd5);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #f59e0b;position:relative;overflow:hidden}.payment-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23f59e0b' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.payment-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.payment-cta__content{padding:16px;gap:12px}}.payment-cta__icon{font-size:36px;color:#f59e0b;z-index:1;animation:pulse-rotate 3s infinite ease-in-out}@media screen and (max-width: 480px){.payment-cta__icon{font-size:28px}}.payment-cta__text{flex:1;z-index:1}.payment-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#92400e}@media screen and (max-width: 480px){.payment-cta__text h2{font-size:18px;margin-bottom:4px}}.payment-cta__text p{margin:0;font-size:16px;color:#78350f;max-width:85%}@media screen and (max-width: 768px){.payment-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.payment-cta__text p{font-size:14px}}.payment-cta__button{background-color:#f59e0b;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:1;white-space:nowrap}.payment-cta__button--mobile{display:none;margin-top:16px;width:100%;justify-content:center}@media screen and (max-width: 768px){.payment-cta__button--mobile{display:flex}}@media screen and (max-width: 480px){.payment-cta__button--mobile{padding:10px 20px;font-size:14px}}@media screen and (max-width: 768px){.payment-cta__button--desktop{display:none}}.payment-cta__button:hover{background-color:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.payment-cta__button:active{transform:translateY(0)}@keyframes pulse-rotate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.membership-payment-cta{margin:0 0 24px;width:100%}.membership-payment-cta__content{background:linear-gradient(to right,#eff6ff,#dbeafe);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #3b82f6;position:relative;overflow:hidden}.membership-payment-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%233b82f6' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.membership-payment-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.membership-payment-cta__content{padding:16px;gap:12px}}.membership-payment-cta__icon{font-size:36px;color:#3b82f6;z-index:1;animation:pulse-float 3s infinite ease-in-out}@media screen and (max-width: 480px){.membership-payment-cta__icon{font-size:28px}}.membership-payment-cta__text{flex:1;z-index:1}.membership-payment-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#1e40af}@media screen and (max-width: 480px){.membership-payment-cta__text h2{font-size:18px;margin-bottom:4px}}.membership-payment-cta__text p{margin:0;font-size:16px;color:#1d4ed8;max-width:85%}@media screen and (max-width: 768px){.membership-payment-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.membership-payment-cta__text p{font-size:14px}}.membership-payment-cta__button{background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:1;white-space:nowrap}.membership-payment-cta__button--mobile{display:none;margin-top:16px;width:100%;justify-content:center}@media screen and (max-width: 768px){.membership-payment-cta__button--mobile{display:flex}}@media screen and (max-width: 480px){.membership-payment-cta__button--mobile{padding:10px 20px;font-size:14px}}@media screen and (max-width: 768px){.membership-payment-cta__button--desktop{display:none}}.membership-payment-cta__button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.membership-payment-cta__button:active{transform:translateY(0)}.membership-active-cta{margin:0 0 24px;width:100%}.membership-active-cta__content{background:linear-gradient(to right,#f0fdf4,#dcfce7);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #22c55e;position:relative;overflow:hidden}.membership-active-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%2322c55e' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.membership-active-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.membership-active-cta__content{padding:16px;gap:12px}}.membership-active-cta__icon{font-size:36px;color:#22c55e;z-index:1;animation:pulse-float 3s infinite ease-in-out}@media screen and (max-width: 480px){.membership-active-cta__icon{font-size:28px}}.membership-active-cta__text{flex:1;z-index:1}.membership-active-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#166534}@media screen and (max-width: 480px){.membership-active-cta__text h2{font-size:18px;margin-bottom:4px}}.membership-active-cta__text p{margin:0;font-size:16px;color:#15803d;max-width:85%}@media screen and (max-width: 768px){.membership-active-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.membership-active-cta__text p{font-size:14px}}.membership-active-cta__button{background-color:#22c55e;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:1;white-space:nowrap}.membership-active-cta__button--mobile{display:none;margin-top:16px;width:100%;justify-content:center}@media screen and (max-width: 768px){.membership-active-cta__button--mobile{display:flex}}@media screen and (max-width: 480px){.membership-active-cta__button--mobile{padding:10px 20px;font-size:14px}}@media screen and (max-width: 768px){.membership-active-cta__button--desktop{display:none}}.membership-active-cta__button:hover{background-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}.membership-active-cta__button:active{transform:translateY(0)}.questionnaire-cta{margin:0 0 24px;width:100%}.questionnaire-cta__content{background:linear-gradient(to right,#f5f3ff,#ede9fe);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #8b5cf6;position:relative;overflow:hidden}.questionnaire-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%238b5cf6' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.questionnaire-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.questionnaire-cta__content{padding:16px;gap:12px}}.questionnaire-cta__icon{font-size:36px;color:#8b5cf6;z-index:1;animation:slide-up-down 3s infinite ease-in-out}@media screen and (max-width: 480px){.questionnaire-cta__icon{font-size:28px}}.questionnaire-cta__text{flex:1;z-index:1}.questionnaire-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#5b21b6}@media screen and (max-width: 480px){.questionnaire-cta__text h2{font-size:18px;margin-bottom:4px}}.questionnaire-cta__text p{margin:0;font-size:16px;color:#4c1d95;max-width:85%}@media screen and (max-width: 768px){.questionnaire-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.questionnaire-cta__text p{font-size:14px}}.questionnaire-cta__button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:1;white-space:nowrap}.questionnaire-cta__button--mobile{display:none;margin-top:16px;width:100%;justify-content:center}@media screen and (max-width: 768px){.questionnaire-cta__button--mobile{display:flex}}@media screen and (max-width: 768px){.questionnaire-cta__button--desktop{display:none}}.questionnaire-cta__button:hover{background-color:#7c3aed;transform:translateY(-2px)}.questionnaire-cta__button:active{transform:translateY(1px)}@keyframes slide-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.start-application-cta{margin:0 0 24px;width:100%}.start-application-cta__content{background:linear-gradient(to right,#ecfdf5,#d1fae5);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #10b981;position:relative;overflow:hidden}.start-application-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%2310b981' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.start-application-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.start-application-cta__content{padding:16px;gap:12px}}.start-application-cta__icon{font-size:36px;color:#10b981;z-index:1;animation:pulse 2s infinite ease-in-out}@media screen and (max-width: 480px){.start-application-cta__icon{font-size:28px}}.start-application-cta__text{flex:1;z-index:1}.start-application-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#065f46}@media screen and (max-width: 480px){.start-application-cta__text h2{font-size:18px;margin-bottom:4px}}.start-application-cta__text p{margin:0;font-size:16px;color:#047857;max-width:85%}@media screen and (max-width: 768px){.start-application-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.start-application-cta__text p{font-size:14px}}.start-application-cta__button{background-color:#10b981;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:1;white-space:nowrap}.start-application-cta__button--mobile{display:none;margin-top:16px;width:100%;justify-content:center}@media screen and (max-width: 768px){.start-application-cta__button--mobile{display:flex}}@media screen and (max-width: 768px){.start-application-cta__button--desktop{display:none}}.start-application-cta__button:hover{background-color:#059669;transform:translateY(-2px)}.start-application-cta__button:active{transform:translateY(1px)}.cancelled-cta{margin:0 0 24px;width:100%}.cancelled-cta__content{background:linear-gradient(to right,#fff5f5,#fee2e2);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #e86b6b;position:relative;overflow:hidden}.cancelled-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23e86b6b' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.cancelled-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.cancelled-cta__content{padding:16px;gap:12px}}.cancelled-cta__icon{font-size:36px;color:#e86b6b;z-index:1;animation:pulse 2s infinite}@media screen and (max-width: 480px){.cancelled-cta__icon{font-size:28px}}.cancelled-cta__text{flex:1;z-index:1}.cancelled-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#9c2b2e}@media screen and (max-width: 480px){.cancelled-cta__text h2{font-size:18px;margin-bottom:4px}}.cancelled-cta__text p{margin:0;font-size:16px;color:#7f1d1d;max-width:80%}@media screen and (max-width: 768px){.cancelled-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.cancelled-cta__text p{font-size:14px}}.cancelled-cta__button{background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:1;white-space:nowrap}.cancelled-cta__button--mobile{display:none;margin-top:16px;width:100%;justify-content:center}@media screen and (max-width: 768px){.cancelled-cta__button--mobile{display:flex}}@media screen and (max-width: 480px){.cancelled-cta__button--mobile{padding:10px 20px;font-size:14px}}@media screen and (max-width: 768px){.cancelled-cta__button--desktop{display:none}}.cancelled-cta__button:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.cancelled-cta__button:active{transform:translateY(0)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.profile-dashboard{padding:24px;direction:rtl}@media (max-width: 1024px){.profile-dashboard{padding:16px}}@media (max-width: 768px){.profile-dashboard{padding:12px}}.profile-dashboard__container{display:grid;grid-template-columns:1fr 300px;gap:24px;direction:rtl}@media (max-width: 1024px){.profile-dashboard__container{grid-template-columns:1fr 250px;gap:16px}}@media (max-width: 768px){.profile-dashboard__container{grid-template-columns:1fr;gap:16px}}.profile-dashboard__main{display:flex;flex-direction:column;gap:16px}.profile-dashboard__sidebar{display:flex;flex-direction:column;gap:1.5rem;margin-top:0}@media (max-width: 768px){.profile-dashboard__sidebar{margin-top:16px}}.profile-dashboard__mobile-reordered{margin-top:16px;display:flex;flex-direction:column;gap:16px}@media (min-width: 769px){.profile-dashboard__mobile-reordered{display:none}}.profile-dashboard .notifications-panel-container,.profile-dashboard .progress-stepper-container{width:100%}@media (max-width: 768px){.profile-dashboard .notifications-panel-container,.profile-dashboard .progress-stepper-container{display:none}}.profile-dashboard__sidebar{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 1024px){.profile-dashboard__sidebar{order:-1;gap:.75rem}}@media screen and (max-width: 768px){.profile-dashboard__sidebar{gap:.6rem}}@media screen and (max-width: 480px){.profile-dashboard__sidebar{gap:.5rem}}@media screen and (max-width: 375px){.profile-dashboard__sidebar{gap:.4rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content:has(.modern-cancel-modal){max-width:450px!important;min-height:auto!important;padding:0!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 10px 40px #00000026!important}.modal-content:has(.modern-cancel-modal) .modal-close{top:15px!important;left:15px!important;width:28px!important;height:28px!important;background-color:#ff6b6b1a!important;color:#e54d4d!important;z-index:100!important}.modal-content:has(.modern-cancel-modal) .modal-close:hover{background-color:#ff6b6b33!important;transform:rotate(90deg)!important}.modern-cancel-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem 2.5rem;direction:rtl;text-align:center;background-color:#fff;border-radius:0;margin:0 auto;width:100%;position:relative;overflow:hidden;animation:fadeIn .4s ease-out}.modern-cancel-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#ff6b6b,#e86b6b)}.modern-cancel-icon{margin-bottom:1.5rem;position:relative}.modern-cancel-icon:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;background:radial-gradient(circle,rgba(255,244,244,.8) 0%,rgba(255,244,244,0) 70%);transform:translate(-50%,-50%);border-radius:50%;z-index:-1;animation:pulse 3s infinite ease-in-out}.modern-cancel-icon svg{width:64px;height:64px;filter:drop-shadow(0 2px 4px rgba(232,107,107,.2))}@media screen and (max-width: 768px){.modern-cancel-icon svg{width:52px;height:52px}}.modern-cancel-title{font-size:1.5rem;font-weight:700;color:#2d3047;margin-bottom:1rem;position:relative}.modern-cancel-title:after{content:"";display:block;width:40px;height:3px;background:linear-gradient(to right,#ff6b6b,#e86b6b);margin:.8rem auto 0;border-radius:3px}@media screen and (max-width: 768px){.modern-cancel-title{font-size:1.25rem}}.modern-cancel-description{font-size:1.1rem;color:#646b8c;margin-bottom:2rem;line-height:1.6;max-width:90%}@media screen and (max-width: 768px){.modern-cancel-description{font-size:1rem}}.modern-cancel-note{display:block;font-size:.95rem;color:#e54d4d;margin-top:1rem;padding:1rem;background-color:#ffebebcc;border-radius:12px;border-left:3px solid #e86b6b;box-shadow:0 2px 8px #e86b6b1a;transition:all .3s ease}.modern-cancel-note:hover{background-color:#ffebeb}@media screen and (max-width: 768px){.modern-cancel-note{font-size:.85rem;padding:.75rem}}.modern-cancel-buttons{display:flex;width:100%;gap:1rem;margin-top:.5rem}.modern-cancel-buttons .secondary-button{background-color:#fff;color:#646b8c;border:1px solid #e4e7ec;flex:1;padding:.9rem 1.2rem;font-weight:500;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.modern-cancel-buttons .secondary-button:hover{background-color:#f8f9fc;transform:translateY(-2px)}.modern-cancel-buttons .secondary-button:active{transform:translateY(0)}.modern-cancel-buttons .danger-button{background:linear-gradient(to right,#ff6b6b,#e86b6b);color:#fff;flex:1;padding:.9rem 1.2rem;font-weight:500;border-radius:8px;border:none;transition:all .3s ease;box-shadow:0 4px 12px #e86b6b33}.modern-cancel-buttons .danger-button:hover{background:linear-gradient(to right,#e54d4d,#d64545);transform:translateY(-2px);box-shadow:0 6px 15px #e86b6b40}.modern-cancel-buttons .danger-button:active{transform:translateY(0)}@media screen and (max-width: 768px){.modern-cancel-buttons{flex-direction:column-reverse;gap:.8rem}}.approval-modal-container{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;margin:0 auto;direction:rtl;background-color:#fff;border-radius:1rem}.approval-modal-container .approval-modal-icon{margin-bottom:1.5rem;background-color:#67b26f;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scale-in .5s ease-out}.approval-modal-container .approval-modal-icon svg{width:40px;height:40px;stroke:#fff}.approval-modal-container .approval-modal-title{font-size:1.75rem;font-weight:700;color:#10b981;margin-bottom:.5rem;animation:fade-in .5s ease-out .2s both}.approval-modal-container .approval-modal-subtitle{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;animation:fade-in .5s ease-out .3s both}.approval-modal-container .approval-modal-description{font-size:1rem;line-height:1.6;color:#555;margin-bottom:2rem;animation:fade-in .5s ease-out .4s both}.approval-modal-container .approval-modal-next-steps{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:2rem;width:100%;animation:fade-in .5s ease-out .5s both}.approval-modal-container .approval-modal-next-steps h4{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1rem;text-align:center}.approval-modal-container .approval-modal-next-steps ol{list-style-type:none;padding:0;margin:0}.approval-modal-container .approval-modal-next-steps ol li{position:relative;padding:.75rem .5rem .75rem 0;margin-bottom:1rem;display:flex;align-items:center;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.approval-modal-container .approval-modal-next-steps ol li:last-child{margin-bottom:0}.approval-modal-container .approval-modal-next-steps ol li:before{content:attr(data-step);position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#10b981;color:#fff;border-radius:50%;margin-left:1rem;font-weight:700}.approval-modal-container .approval-modal-buttons{display:flex;gap:1.25rem;width:100%;justify-content:center;animation:fade-in .5s ease-out .6s both}@media screen and (max-width: 480px){.approval-modal-container .approval-modal-buttons{flex-direction:column}}.approval-modal-container .approval-modal-buttons button{min-width:200px;transition:all .2s ease-in-out;border-radius:6px!important;padding:.85rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.02em!important;font-family:inherit!important;box-shadow:0 2px 4px #0000001a!important}.approval-modal-container .approval-modal-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026!important}.approval-modal-container .approval-modal-buttons button:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a!important}@media screen and (max-width: 480px){.approval-modal-container .approval-modal-buttons button{width:100%}}.approval-modal-container .approval-modal-buttons .profile-button{background-color:#fff!important;border:2px solid #10b981!important;color:#10b981!important;box-shadow:none!important}.approval-modal-container .approval-modal-buttons .profile-button:hover{background-color:#10b9810d!important}.approval-modal-container .approval-modal-buttons .matching-button{background-color:#10b981!important;color:#fff!important;border:none!important}.approval-modal-container .approval-modal-buttons .matching-button:hover{background-color:#0ca975!important}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.matching-questionnaire-cta{margin:0 0 24px;width:100%}.matching-questionnaire-cta__content{background:linear-gradient(to right,#f0fdf4,#dcfce7);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d;border-right:5px solid #22c55e;position:relative;overflow:hidden}.matching-questionnaire-cta__content:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%2322c55e' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.matching-questionnaire-cta__content{flex-direction:column;align-items:flex-start;padding:20px}}@media screen and (max-width: 480px){.matching-questionnaire-cta__content{padding:16px;gap:12px}}.matching-questionnaire-cta__icon{font-size:36px;color:#22c55e;z-index:1;animation:pulse-float 3s infinite ease-in-out}@media screen and (max-width: 480px){.matching-questionnaire-cta__icon{font-size:28px}}.matching-questionnaire-cta__text{flex:1;z-index:1}.matching-questionnaire-cta__text h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#166534}@media screen and (max-width: 480px){.matching-questionnaire-cta__text h2{font-size:18px;margin-bottom:4px}}.matching-questionnaire-cta__text p{margin:0;font-size:16px;color:#15803d;max-width:85%}@media screen and (max-width: 768px){.matching-questionnaire-cta__text p{max-width:100%}}@media screen and (max-width: 480px){.matching-questionnaire-cta__text p{font-size:14px}}.matching-questionnaire-cta__button{background-color:#22c55e;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;z-index:1;white-space:nowrap}.matching-questionnaire-cta__button--mobile{display:none;margin-top:16px;width:100%;justify-content:center}@media screen and (max-width: 768px){.matching-questionnaire-cta__button--mobile{display:flex}}@media screen and (max-width: 480px){.matching-questionnaire-cta__button--mobile{padding:10px 20px;font-size:14px}}@media screen and (max-width: 768px){.matching-questionnaire-cta__button--desktop{display:none}}.matching-questionnaire-cta__button:hover{background-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e33}.matching-questionnaire-cta__button:active{transform:translateY(0)}@keyframes pulse-float{0%{transform:scale(1) translateY(0)}25%{transform:scale(1.05) translateY(-5px)}50%{transform:scale(1) translateY(0)}75%{transform:scale(1.05) translateY(-5px)}to{transform:scale(1) translateY(0)}}:root{--primary-light: lighten($primary, 15%);--primary: $primary;--primary-dark: darken($primary, 15%);--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e0;--neutral-400: #94a3b8;--neutral-500: $soft-color;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: $main-color;--card-bg: $main-bg;--card-shadow: 0 2px 10px rgba(0, 0, 0, .05);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--border-radius-sm: 8px;--border-radius-md: 10px;--border-radius-lg: 12px}.profile-nav{width:240px;background:white;padding:1.5rem 1rem;border-radius:var(--border-radius-md);border-left:1px solid var(--neutral-200);display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--card-shadow)}@media screen and (max-width: 1024px){.profile-nav{width:100%;border-left:none;border-bottom:1px solid var(--neutral-200);padding:1rem;flex-direction:row;justify-content:space-between;flex-wrap:wrap;border-radius:var(--border-radius-md)}}@media screen and (max-width: 768px){.profile-nav{gap:.5rem;padding:.75rem}}@media screen and (max-width: 480px){.profile-nav{padding:.5rem}}.profile-nav .nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--border-radius-sm);border:none;background:var(--neutral-50);color:var(--neutral-600);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500}@media screen and (max-width: 1024px){.profile-nav .nav-item{padding:.6rem .8rem;font-size:.9rem;flex:1 1 auto;justify-content:center;min-width:100px}}@media screen and (max-width: 768px){.profile-nav .nav-item{padding:.5rem .75rem;gap:.5rem;font-size:.85rem;min-width:80px}}@media screen and (max-width: 480px){.profile-nav .nav-item{font-size:.8rem;padding:.4rem .6rem;min-width:70px}}.profile-nav .nav-item:hover{background:var(--neutral-100);color:var(--primary);transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.profile-nav .nav-item.active{background:white;color:var(--primary);font-weight:600;box-shadow:0 4px 8px #00000014;border-right:3px solid var(--primary)}.profile-nav .nav-item.active .icon svg{color:var(--primary)}.profile-nav .nav-item .icon{display:flex;align-items:center;justify-content:center}.profile-nav .nav-item .icon svg{font-size:1.25rem;transition:transform .2s ease}@media screen and (max-width: 768px){.profile-nav .nav-item .icon svg{font-size:1.1rem}}@media screen and (max-width: 480px){.profile-nav .nav-item .icon svg{font-size:1rem}}@media screen and (max-width: 480px){.profile-nav .nav-item .label{display:none}}.profile-page{display:flex;background:#f1f5f9;direction:rtl;height:100%}@media screen and (max-width: 1024px){.profile-page{flex-direction:column}}.profile-page .profile-content{flex:1;padding:1.5rem;overflow:auto}@media screen and (max-width: 1024px){.profile-page .profile-content{padding:1.25rem 1rem}}@media screen and (max-width: 768px){.profile-page .profile-content{padding:1rem .75rem}}@media screen and (max-width: 480px){.profile-page .profile-content{padding:.75rem .5rem}}@media screen and (max-width: 375px){.profile-page .profile-content{padding:.5rem .25rem}}.booking-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #2d30471a;padding:1rem 1.5rem;direction:rtl}.booking-item-details{display:flex;flex-direction:column}.booking-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media screen and (max-width: 480px){.booking-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.booking-item .booking-date{font-weight:600;color:#1a1b25}.booking-item .booking-status{padding:.3rem .8rem;border-radius:1rem;font-size:.9rem;font-weight:500}.booking-item .booking-status.pending{background-color:#f39c121a;color:#f39c12}.booking-item .booking-status.confirmed{background-color:#2ecc711a;color:#2ecc71}.booking-item .booking-status.cancelled{background-color:#e74c3c1a;color:#e74c3c}.booking-item .booking-status.completed{background-color:#2d30471a;color:#1a1b25}.booking-item .booking-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.booking-item .booking-type{color:#1a1b25cc}.booking-item .booking-notes{font-size:.9rem;color:#1a1b25b3;background-color:#2d30470d;padding:.75rem;border-radius:6px;margin-top:.25rem}.booking-item-actions{border-top:1px solid rgba(45,48,71,.1);padding-top:1rem;margin-top:.5rem}.booking-item-actions .cancel-button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.9rem;font-weight:500}.booking-item-actions .cancel-button:hover{text-decoration:underline}.booking-item-actions .cancel-confirmation p{margin-bottom:1rem;color:#1a1b25}.booking-item-actions .cancel-confirmation .cancel-actions{display:flex;gap:1rem}.booking-item-actions .cancel-confirmation .cancel-actions button{flex:1}.user-bookings{display:flex;flex-direction:column;width:100%;direction:rtl}.user-bookings-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#1a1b25;border-bottom:2px solid rgba(37,99,235,.2);padding-bottom:.75rem}.user-bookings-loading{display:flex;justify-content:center;align-items:center;height:150px;color:#1a1b2599}.user-bookings-error{background-color:#e74c3c1a;color:#e74c3c;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.user-bookings .bookings-section{margin-bottom:2.5rem}.user-bookings .bookings-section-title{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#1a1b25}.user-bookings .bookings-list{display:flex;flex-direction:column;gap:1rem}.user-bookings .no-bookings-message{text-align:center;padding:2rem;color:#1a1b2599;background-color:#2d30470d;border-radius:8px}:root{--welcome-primary-light: lighten($primary, 15%);--welcome-primary: $primary;--welcome-primary-dark: darken($primary, 15%);--welcome-success: #22c55e;--welcome-warning: #f59e0b;--welcome-error: #ef4444;--welcome-info: #3b82f6;--welcome-neutral-50: #f8fafc;--welcome-neutral-100: #f1f5f9;--welcome-neutral-200: #e2e8f0;--welcome-neutral-300: #cbd5e0;--welcome-neutral-400: #94a3b8;--welcome-neutral-500: $soft-color;--welcome-neutral-600: #475569;--welcome-neutral-700: #334155;--welcome-neutral-800: #1e293b;--welcome-neutral-900: $main-color;--welcome-card-bg: $main-bg;--welcome-card-shadow: 0 4px 16px rgba(0, 0, 0, .1);--welcome-card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .15);--welcome-border-radius-sm: 8px;--welcome-border-radius-md: 12px;--welcome-border-radius-lg: 16px}.welcome-modal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;direction:rtl;text-align:center;background:linear-gradient(135deg,var(--welcome-neutral-50),var(--welcome-neutral-100));border-radius:var(--welcome-border-radius-lg);position:relative;overflow:hidden;width:100%;box-sizing:border-box}.welcome-modal-container:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%233b82f6' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5;z-index:0}@media screen and (max-width: 768px){.welcome-modal-container{padding:2rem 1.5rem}}@media screen and (max-width: 480px){.welcome-modal-container{padding:2rem 1rem 1.5rem}}.welcome-modal-title{position:relative;font-size:2rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--welcome-primary);z-index:1}.welcome-modal-title:after{content:"";display:block;width:50px;height:4px;background:linear-gradient(to right,var(--welcome-primary-light),var(--welcome-primary));margin:.75rem auto 0;border-radius:2px}@media screen and (max-width: 768px){.welcome-modal-title{font-size:1.75rem}}@media screen and (max-width: 480px){.welcome-modal-title{font-size:1.5rem}}.welcome-modal-description{position:relative;font-size:1.125rem;text-align:center;color:var(--welcome-neutral-700);max-width:32rem;margin:0 auto 2.5rem;font-weight:500;z-index:1}@media screen and (max-width: 768px){.welcome-modal-description{font-size:1rem;margin-bottom:2rem}}.welcome-modal-buttons{position:relative;display:flex;flex-direction:column;width:100%;gap:1rem;z-index:1}.welcome-modal-buttons button{font-family:inherit;font-weight:600;border-radius:var(--welcome-border-radius-md);padding:.9rem 1.5rem;transition:all .3s ease;font-size:1rem;box-shadow:0 2px 8px #0000001a}.welcome-modal-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.welcome-modal-buttons button:active{transform:translateY(0)}@media screen and (max-width: 768px){.welcome-modal-buttons button{padding:.8rem 1.25rem;font-size:.95rem}}@media screen and (max-width: 480px){.welcome-modal-buttons button{padding:.7rem 1rem;font-size:.9rem}}.welcome-modal-buttons button:nth-child(1){background:linear-gradient(135deg,#4facfe,#00f2fe);border:none!important;color:#fff!important}.welcome-modal-buttons button:nth-child(2){background:white;color:var(--welcome-primary)!important;border:1px solid var(--welcome-primary)!important}.welcome-modal-buttons button:nth-child(3){background:white;color:var(--welcome-error)!important;border:1px solid var(--welcome-error)!important}.welcome-modal-buttons button:last-child{background:transparent;border:none!important;color:var(--welcome-neutral-600)!important;box-shadow:none}.welcome-modal-buttons button:last-child:hover{color:var(--welcome-primary)!important;background:var(--welcome-neutral-100)}.forms-section{background:white;border-radius:16px;padding:2rem;box-shadow:#110c2e1a 0 48px 100px;position:relative;overflow:hidden}.forms-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(249,250,251,.8) 100%);z-index:0}.forms-section__header{position:relative;z-index:1;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.6)}.forms-section__header h2{color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:12px}.forms-section__header h2:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(to bottom,#3b82f6,#10b981);border-radius:10px;box-shadow:0 0 15px #3b82f64d}.forms-section__header p{color:#64748b;font-size:.95rem;margin:0;padding-right:16px}.forms-section__footer{position:relative;z-index:1;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.6);text-align:center}.forms-section__footer p{color:#64748b;font-size:.9rem;margin:0}.forms-section .forms-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.forms-section .form-item{display:flex;gap:1rem;padding:1.25rem;border-radius:12px;background:#f8fafc;border:1px solid rgba(226,232,240,.6);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.forms-section .form-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1cc}.forms-section .form-item__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);color:#2563eb}.forms-section .form-item__content{flex:1;min-width:0}.forms-section .form-item__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.forms-section .form-item__header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forms-section .form-item__header .status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;white-space:nowrap;flex-shrink:0}.forms-section .form-item__header .status-badge svg{font-size:1rem}.forms-section .form-item__header .status-badge.approved{background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 100%);color:#16a34a}.forms-section .form-item__header .status-badge.submitted,.forms-section .form-item__header .status-badge.pending{background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);color:#b45309}.forms-section .form-item__header .status-badge.rejected{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.forms-section .form-item__meta{display:flex;align-items:center;gap:1.5rem;color:#64748b;font-size:.85rem}.forms-section .form-item__meta span{display:flex;align-items:center;gap:.35rem}.forms-section .form-item__meta span svg{font-size:1rem}.forms-section .form-item__actions{display:flex;align-items:center;gap:.5rem}.forms-section .form-item__actions .action-button{width:40px;height:40px;border-radius:10px;border:1px solid rgba(226,232,240,.8);background:white;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.forms-section .form-item__actions .action-button svg{font-size:1.2rem}.forms-section .form-item__actions .action-button:hover{background:linear-gradient(135deg,#f0f9ff,#dbeafe);color:#2563eb;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 3px 12px #3b82f626}@media screen and (max-width: 480px){.forms-section .form-item{flex-direction:column;padding:1rem}.forms-section .form-item__header,.forms-section .form-item__meta{flex-direction:column;align-items:flex-start;gap:.5rem}.forms-section .form-item__actions{justify-content:flex-end}}.forms-section .empty-state,.forms-section .loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8;min-height:300px}.forms-section .empty-state .empty-icon,.forms-section .loading-placeholder .empty-icon{font-size:4rem;margin-bottom:1.5rem;color:#cbd5e1;opacity:.7}.forms-section .empty-state h3,.forms-section .loading-placeholder h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#475569}.forms-section .empty-state p,.forms-section .loading-placeholder p{font-size:1rem;margin:0}.forms-section .loading-placeholder .loading-indicator{width:50px;height:50px;border-radius:50%;border:3px solid #f1f5f9;border-top-color:#3b82f6;animation:spinner 1s infinite linear;margin-bottom:1.5rem}@media screen and (max-width: 768px){.forms-section{padding:1.5rem}}@media screen and (max-width: 480px){.forms-section{padding:1rem;border-radius:12px}.forms-section__header h2{font-size:1.5rem}}.messages-section{background:white;border-radius:16px;padding:2rem;box-shadow:#110c2e1a 0 48px 100px;position:relative;overflow:hidden}.messages-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(249,250,251,.8) 100%);z-index:0}.messages-section__header{position:relative;z-index:1;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(226,232,240,.6)}.messages-section__header .header-title{margin-bottom:1.5rem}.messages-section__header .header-title h2{color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:12px}.messages-section__header .header-title h2:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(to bottom,#3b82f6,#10b981);border-radius:10px;box-shadow:0 0 15px #3b82f64d}.messages-section__header .header-title h2 .unread-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.85rem;font-weight:600;height:28px;min-width:28px;padding:0 10px;border-radius:14px;box-shadow:0 2px 8px #3b82f640}.messages-section__header .header-title p{color:#64748b;font-size:.95rem;margin:0;padding-right:16px}.messages-section__header .header-actions{display:flex;flex-direction:column;gap:1rem}.messages-section__header .header-actions .mark-all-read{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;border-radius:10px;font-size:.9rem;background:transparent;border:1px solid rgba(226,232,240,.8);color:#4b5563;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500}.messages-section__header .header-actions .mark-all-read svg{font-size:1.1rem}.messages-section__header .header-actions .mark-all-read:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#374151;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 3px 12px #4755691a}.messages-section__header .header-actions .filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.messages-section__header .header-actions .filter-buttons .filter-button{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;border-radius:10px;font-size:.9rem;background:white;border:1px solid rgba(226,232,240,.8);color:#64748b;cursor:pointer;transition:all .25s ease;font-weight:500}.messages-section__header .header-actions .filter-buttons .filter-button svg{font-size:1.1rem}.messages-section__header .header-actions .filter-buttons .filter-button:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.messages-section__header .header-actions .filter-buttons .filter-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #3b82f640}.messages-section__header .header-actions .filter-buttons .filter-button.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.messages-section__footer{position:relative;z-index:1;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.6);text-align:center}.messages-section__footer p{color:#64748b;font-size:.9rem;margin:0}.messages-section .notifications-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:4px;margin-right:-4px}.messages-section .notifications-list::-webkit-scrollbar{width:6px}.messages-section .notifications-list::-webkit-scrollbar-track{background:rgba(241,245,249,.6);border-radius:3px}.messages-section .notifications-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:3px}.messages-section .notifications-list::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.messages-section .notification-item{display:flex;gap:1rem;padding:1.25rem;border-radius:12px;background:#f8fafc;border:1px solid rgba(226,232,240,.6);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.messages-section .notification-item.new{background:linear-gradient(to right,#f0f9ff,#f8fafc);border-color:#bae6fdb3;box-shadow:0 2px 8px #3b82f614}.messages-section .notification-item.new:before{content:"";position:absolute;top:12px;right:12px;width:6px;height:6px;background:#3b82f6;border-radius:50%;animation:pulse-blue 2s infinite}.messages-section .notification-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1cc}.messages-section .notification-item:hover .notification-actions{opacity:1}.messages-section .notification-item .notification-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;transition:all .3s ease}.messages-section .notification-item.success .notification-icon{background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 100%);color:#16a34a}.messages-section .notification-item.info .notification-icon{background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);color:#2563eb}.messages-section .notification-item.warning .notification-icon{background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);color:#b45309}.messages-section .notification-item.error .notification-icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.messages-section .notification-item .notification-content{flex:1;min-width:0}.messages-section .notification-item .notification-content p{color:#1e293b;font-size:1rem;margin-bottom:.5rem;line-height:1.5;font-weight:500}.messages-section .notification-item .notification-content .notification-time{display:flex;align-items:center;gap:.35rem;color:#64748b;font-size:.85rem}.messages-section .notification-item .notification-content .notification-time svg{font-size:1rem}.messages-section .notification-item .notification-actions{display:flex;align-items:center;gap:.5rem;opacity:0;transition:opacity .3s ease}.messages-section .notification-item .notification-actions button{width:36px;height:36px;border-radius:8px;border:1px solid rgba(226,232,240,.8);background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0}.messages-section .notification-item .notification-actions button svg{font-size:1.3rem}.messages-section .notification-item .notification-actions button.mark-read-button{color:#3b82f6}.messages-section .notification-item .notification-actions button.mark-read-button:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border-color:#93c5fd;transform:scale(1.1)}.messages-section .notification-item .notification-actions button.delete-button{color:#64748b}.messages-section .notification-item .notification-actions button.delete-button svg{font-size:1.8rem}.messages-section .notification-item .notification-actions button.delete-button:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-color:#fca5a5;transform:scale(1.1)}@media screen and (max-width: 480px){.messages-section .notification-item{flex-direction:column;padding:1rem}.messages-section .notification-item .notification-actions{opacity:1;justify-content:flex-end}}.messages-section .empty-state,.messages-section .loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8;min-height:300px}.messages-section .empty-state .empty-icon,.messages-section .loading-placeholder .empty-icon{font-size:4rem;margin-bottom:1.5rem;color:#cbd5e1;opacity:.7}.messages-section .empty-state h3,.messages-section .loading-placeholder h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#475569}.messages-section .empty-state p,.messages-section .loading-placeholder p{font-size:1rem;margin:0}.messages-section .loading-placeholder .loading-indicator{width:50px;height:50px;border-radius:50%;border:3px solid #f1f5f9;border-top-color:#3b82f6;animation:spinner 1s infinite linear;margin-bottom:1.5rem}@media screen and (max-width: 768px){.messages-section{padding:1.5rem}}@media screen and (max-width: 480px){.messages-section{padding:1rem;border-radius:12px}.messages-section__header .header-title h2{font-size:1.5rem}.messages-section__header .header-actions .filter-buttons{width:100%}.messages-section__header .header-actions .filter-buttons .filter-button{flex:1;justify-content:center;font-size:.85rem}}@keyframes pulse-blue{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}.payments-section{background:white;border-radius:16px;padding:2rem;box-shadow:#110c2e1a 0 48px 100px;position:relative;overflow:hidden}.payments-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(249,250,251,.8) 100%);z-index:0}.payments-section__header{position:relative;z-index:1;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.6)}.payments-section__header h2{color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:12px}.payments-section__header h2:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(to bottom,#3b82f6,#10b981);border-radius:10px;box-shadow:0 0 15px #3b82f64d}.payments-section__header p{color:#64748b;font-size:.95rem;margin:0;padding-right:16px}.payments-section__footer{position:relative;z-index:1;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.6);text-align:center}.payments-section__footer p{color:#64748b;font-size:.9rem;margin:0}.payments-section .payments-summary{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.payments-section .payments-summary .summary-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;border:1px solid rgba(226,232,240,.6);transition:all .3s ease}.payments-section .payments-summary .summary-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000d}.payments-section .payments-summary .summary-card.completed{background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 100%);border-color:#22c55e33}.payments-section .payments-summary .summary-card.completed .summary-icon{background:#16a34a;color:#fff}.payments-section .payments-summary .summary-card.pending{background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);border-color:#fbbf2433}.payments-section .payments-summary .summary-card.pending .summary-icon{background:#f59e0b;color:#fff}.payments-section .payments-summary .summary-card .summary-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.payments-section .payments-summary .summary-card .summary-content{display:flex;flex-direction:column;gap:.25rem}.payments-section .payments-summary .summary-card .summary-content .summary-label{font-size:.85rem;color:#64748b;font-weight:500}.payments-section .payments-summary .summary-card .summary-content .summary-value{font-size:1.5rem;font-weight:700;color:#0f172a}@media screen and (max-width: 480px){.payments-section .payments-summary{grid-template-columns:1fr}}.payments-section .payments-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.payments-section .payment-item{display:flex;gap:1rem;padding:1.25rem;border-radius:12px;background:#f8fafc;border:1px solid rgba(226,232,240,.6);transition:all .3s cubic-bezier(.4,0,.2,1)}.payments-section .payment-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1cc}.payments-section .payment-item__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);color:#2563eb}.payments-section .payment-item.status-completed .payments-section .payment-item__icon{background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 100%);color:#16a34a}.payments-section .payment-item.status-pending .payments-section .payment-item__icon{background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);color:#f59e0b}.payments-section .payment-item.status-failed .payments-section .payment-item__icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.payments-section .payment-item__content{flex:1;min-width:0}.payments-section .payment-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.payments-section .payment-item__header .payment-info{flex:1;min-width:0}.payments-section .payment-item__header .payment-info h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.payments-section .payment-item__header .payment-info .status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;white-space:nowrap}.payments-section .payment-item__header .payment-info .status-badge svg{font-size:1rem}.payments-section .payment-item__header .payment-info .status-badge.completed{background:linear-gradient(135deg,#dcfce7 0%,#d1fae5 100%);color:#16a34a}.payments-section .payment-item__header .payment-info .status-badge.pending{background:linear-gradient(135deg,#fef3c7 0%,#fef9c3 100%);color:#f59e0b}.payments-section .payment-item__header .payment-info .status-badge.failed{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626}.payments-section .payment-item__header .payment-amount{font-size:1.5rem;font-weight:700;color:#0f172a;white-space:nowrap;flex-shrink:0}.payments-section .payment-item__meta{display:flex;align-items:center;gap:1.5rem;color:#64748b;font-size:.85rem;flex-wrap:wrap}.payments-section .payment-item__meta span{display:flex;align-items:center;gap:.35rem}.payments-section .payment-item__meta span svg{font-size:1rem}.payments-section .payment-item__actions{display:flex;align-items:center;gap:.5rem}.payments-section .payment-item__actions .action-button{width:40px;height:40px;border-radius:10px;border:1px solid rgba(226,232,240,.8);background:white;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.payments-section .payment-item__actions .action-button svg{font-size:1.2rem}.payments-section .payment-item__actions .action-button:hover{background:linear-gradient(135deg,#f0f9ff,#dbeafe);color:#2563eb;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 3px 12px #3b82f626}@media screen and (max-width: 480px){.payments-section .payment-item{flex-direction:column;padding:1rem}.payments-section .payment-item__header{flex-direction:column;align-items:flex-start;gap:.75rem}.payments-section .payment-item__header .payment-amount{font-size:1.25rem}.payments-section .payment-item__meta{flex-direction:column;align-items:flex-start;gap:.5rem}.payments-section .payment-item__actions{justify-content:flex-end}}.payments-section .empty-state,.payments-section .loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8;min-height:300px}.payments-section .empty-state .empty-icon,.payments-section .loading-placeholder .empty-icon{font-size:4rem;margin-bottom:1.5rem;color:#cbd5e1;opacity:.7}.payments-section .empty-state h3,.payments-section .loading-placeholder h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#475569}.payments-section .empty-state p,.payments-section .loading-placeholder p{font-size:1rem;margin:0}.payments-section .loading-placeholder .loading-indicator{width:50px;height:50px;border-radius:50%;border:3px solid #f1f5f9;border-top-color:#3b82f6;animation:spinner 1s infinite linear;margin-bottom:1.5rem}@media screen and (max-width: 768px){.payments-section{padding:1.5rem}}@media screen and (max-width: 480px){.payments-section{padding:1rem;border-radius:12px}.payments-section__header h2{font-size:1.5rem}}.forgot-password-modal{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem}@media screen and (max-width: 768px){.forgot-password-modal{padding:1.2rem .8rem}}@media screen and (max-width: 480px){.forgot-password-modal{padding:1rem .6rem}}.settings-section{background:white;border-radius:16px;padding:2rem;box-shadow:#110c2e1a 0 48px 100px;position:relative;overflow:hidden}.settings-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(249,250,251,.8) 100%);z-index:0}.settings-section__header{position:relative;z-index:1;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.6)}.settings-section__header h2{color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:12px}.settings-section__header h2:before{content:"";display:block;width:4px;height:28px;background:linear-gradient(to bottom,#3b82f6,#10b981);border-radius:10px;box-shadow:0 0 15px #3b82f64d}.settings-section__header p{color:#64748b;font-size:.95rem;margin:0;padding-right:16px}.settings-section .settings-form{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem}.settings-section .settings-group{background:#f8fafc;border:1px solid rgba(226,232,240,.6);border-radius:12px;padding:1.5rem;transition:all .3s ease}.settings-section .settings-group:hover{box-shadow:0 2px 8px #0000000a;border-color:#cbd5e1cc}.settings-section .settings-group__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(226,232,240,.5)}.settings-section .settings-group__header svg{font-size:1.5rem;color:#3b82f6}.settings-section .settings-group__header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.settings-section .form-field{margin-bottom:1.5rem}.settings-section .form-field:last-child{margin-bottom:0}.settings-section .form-field label{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.settings-section .form-field label svg{font-size:1.1rem;color:#64748b}.settings-section .form-field input[type=email],.settings-section .form-field input[type=tel],.settings-section .form-field input[type=text]{width:100%;padding:.75rem 1rem;border:1px solid rgba(226,232,240,.8);border-radius:10px;font-size:1rem;color:#1e293b;background:white;transition:all .25s ease;direction:ltr;text-align:right}.settings-section .form-field input[type=email]::placeholder,.settings-section .form-field input[type=tel]::placeholder,.settings-section .form-field input[type=text]::placeholder{color:#94a3b8;direction:rtl}.settings-section .form-field input[type=email]:focus,.settings-section .form-field input[type=tel]:focus,.settings-section .form-field input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.settings-section .form-field input[type=email]:disabled,.settings-section .form-field input[type=tel]:disabled,.settings-section .form-field input[type=text]:disabled{background:#f1f5f9;cursor:not-allowed}.settings-section .form-field.checkbox-field .checkbox-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.settings-section .form-field.checkbox-field .checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.settings-section .form-field.checkbox-field .checkbox-wrapper label{margin:0;cursor:pointer;font-weight:500}.settings-section .form-field.checkbox-field .field-description{color:#64748b;font-size:.85rem;margin:0;padding-right:32px;line-height:1.5}.settings-section .info-box{display:flex;gap:1rem;padding:1rem;border-radius:10px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid rgba(59,130,246,.2)}.settings-section .info-box>svg{font-size:1.5rem;color:#2563eb;flex-shrink:0}.settings-section .info-box .info-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .35rem}.settings-section .info-box .info-content p{color:#475569;font-size:.9rem;margin:0;line-height:1.5}.settings-section .password-reset-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;border-radius:12px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid rgba(245,158,11,.3)}.settings-section .password-reset-box .password-reset-content{display:flex;align-items:center;gap:1rem}.settings-section .password-reset-box .password-reset-content>svg{font-size:1.75rem;color:#d97706;flex-shrink:0}.settings-section .password-reset-box .password-reset-content .password-reset-info h4{color:#1e293b;font-size:1.05rem;font-weight:600;margin:0 0 .35rem}.settings-section .password-reset-box .password-reset-content .password-reset-info p{color:#78350f;font-size:.9rem;margin:0;line-height:1.5}.settings-section .password-reset-box .password-reset-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #f59e0b4d;white-space:nowrap}.settings-section .password-reset-box .password-reset-button svg{font-size:1.1rem}.settings-section .password-reset-box .password-reset-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner .8s linear infinite}.settings-section .password-reset-box .password-reset-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 10px #f59e0b66}.settings-section .password-reset-box .password-reset-button:active:not(:disabled){transform:translateY(0)}.settings-section .password-reset-box .password-reset-button:disabled{opacity:.8;cursor:not-allowed}.settings-section .password-reset-box .password-reset-button.sent{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d}.settings-section .password-reset-box .password-reset-button.sent:hover{background:linear-gradient(135deg,#10b981,#059669);transform:none}@media screen and (max-width: 480px){.settings-section .password-reset-box{flex-direction:column;align-items:stretch}.settings-section .password-reset-box .password-reset-button{justify-content:center;width:100%}}.settings-section .settings-actions{display:flex;justify-content:flex-start;gap:1rem;padding-top:1rem}.settings-section .settings-actions .save-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3b82f640}.settings-section .settings-actions .save-button svg{font-size:1.2rem}.settings-section .settings-actions .save-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f659}.settings-section .settings-actions .save-button:active:not(:disabled){transform:translateY(0)}.settings-section .settings-actions .save-button:disabled{opacity:.7;cursor:not-allowed}.settings-section .settings-actions .save-button.success{background:linear-gradient(135deg,#10b981,#059669)}.settings-section .settings-actions .save-button.success:hover{background:linear-gradient(135deg,#059669,#047857)}.settings-section .settings-actions .save-button .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner .8s linear infinite}@media screen and (max-width: 768px){.settings-section{padding:1.5rem}}@media screen and (max-width: 480px){.settings-section{padding:1rem;border-radius:12px}.settings-section__header h2{font-size:1.5rem}.settings-section .settings-group{padding:1rem}.settings-section .settings-group__header h3{font-size:1.1rem}.settings-section .settings-actions .save-button{width:100%;justify-content:center}}@keyframes spinner{to{transform:rotate(360deg)}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-left:45px}.password-input-wrapper input[data-disable-copy-paste=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.password-input-wrapper .password-toggle-button{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#646b8c;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:1}.password-input-wrapper .password-toggle-button:hover{color:#2d3047}.password-input-wrapper .password-toggle-button:focus{outline:none;color:#2563eb}.password-input-wrapper .password-toggle-button svg{width:20px;height:20px}.password-flex-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100vw;max-height:100vh}.password-flex-container img{width:3rem;height:auto;margin-bottom:.5rem}.form-container{width:calc(100vw - 2rem);background-color:#fff;border-radius:.5rem;box-shadow:0 .125rem .5rem #0000001a;max-height:calc(100vh - 2rem);overflow:hidden}@media (min-width: 1200px){.form-container{max-width:450px;padding:1.5rem}.form-container.rtl .form-title{text-align:right;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.form-container.rtl .form-subtitle{text-align:right;font-size:1rem;color:#646b8c;margin-bottom:1rem}.form-container .input-container{margin:.75rem 0 .25rem;width:100%}.form-container .input-container .input-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-container .button-container{margin-top:1rem;padding:.5rem;border-top:1px solid rgba(45,48,71,.1);width:100%}}@media (min-width: 768px) and (max-width: 1199px){.form-container{max-width:400px;padding:1.25rem}.form-container.rtl .form-title{text-align:right;font-size:1.25rem;font-weight:600;margin-bottom:.4rem}.form-container.rtl .form-subtitle{text-align:right;font-size:.9rem;color:#646b8c;margin-bottom:.8rem}.form-container .input-container{margin:.6rem 0 .2rem;width:100%}.form-container .input-container .input-label{display:block;margin-bottom:.4rem;font-weight:500;color:#374151;font-size:.8rem}.form-container .button-container{margin-top:.8rem;padding:.4rem;border-top:1px solid rgba(45,48,71,.1);width:100%}}@media (min-width: 480px) and (max-width: 767px){.form-container{max-width:360px;padding:1rem}.form-container.rtl .form-title{text-align:right;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.form-container.rtl .form-subtitle{text-align:right;font-size:.85rem;color:#646b8c;margin-bottom:.6rem}.form-container .input-container{margin:.5rem 0 .15rem;width:100%}.form-container .input-container .input-label{display:block;margin-bottom:.3rem;font-weight:500;color:#374151;font-size:.75rem}.form-container .button-container{margin-top:.6rem;padding:.3rem;border-top:1px solid rgba(45,48,71,.1);width:100%}}@media (max-width: 479px){.form-container{max-width:320px;padding:.75rem}.form-container.rtl .form-title{text-align:right;font-size:1rem;font-weight:600;margin-bottom:.25rem}.form-container.rtl .form-subtitle{text-align:right;font-size:.8rem;color:#646b8c;margin-bottom:.5rem}.form-container .input-container{margin:.4rem 0 .1rem;width:100%}.form-container .input-container .input-label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151;font-size:.7rem}.form-container .button-container{margin-top:.5rem;padding:.25rem;border-top:none;width:100%}}.change-password-input{border:1px solid #d1d5db;border-radius:.3rem;width:100%;transition:all .2s ease-in-out}@media (min-width: 1200px){.change-password-input{padding:.75rem;font-size:1rem;min-height:48px}}@media (min-width: 768px) and (max-width: 1199px){.change-password-input{padding:.6rem;font-size:.9rem;min-height:44px}}@media (min-width: 480px) and (max-width: 767px){.change-password-input{padding:.5rem;font-size:.85rem;min-height:40px}}@media (max-width: 479px){.change-password-input{padding:.4rem .3rem;font-size:.8rem;min-height:36px}}.change-password-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f61a}.change-password-input:hover{border-color:#9ca3af}.change-password-input:-webkit-autofill,.change-password-input:-webkit-autofill:hover,.change-password-input:-webkit-autofill:focus,.change-password-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#374151!important;background-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.change-password-input:-moz-autofill{background-color:#fff!important;color:#374151!important}.change-password-input:autofill{background-color:#fff!important;color:#374151!important}.password-reset-success-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.password-reset-success-modal-container .password-reset-success-modal-content{background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%);padding:2rem 1.5rem;border-radius:12px;text-align:center;box-shadow:0 10px 25px #0000001a;border:1px solid rgba(255,255,255,.2);transform:translateY(0);animation:modalSlideUp .3s ease-out;position:relative;width:clamp(450px,45vw,600px);min-height:fit-content;max-height:50vh}@media (max-width: 768px){.password-reset-success-modal-container .password-reset-success-modal-content{width:clamp(320px,85vw,400px);max-height:70vh;padding:1.5rem 1rem}}@media (max-width: 576px){.password-reset-success-modal-container .password-reset-success-modal-content{width:clamp(300px,90vw,350px);max-height:75vh;padding:1rem .8rem}}.password-reset-success-modal-container .password-reset-success-modal-content .close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#64748b}.password-reset-success-modal-container .password-reset-success-modal-content .close-button:hover{background:rgba(100,116,139,.1);color:#475569}.password-reset-success-modal-container .password-reset-success-modal-content .close-button:active{transform:scale(.95)}.password-reset-success-modal-container .password-reset-success-modal-content .close-button svg{width:20px;height:20px}@media (max-width: 768px){.password-reset-success-modal-container .password-reset-success-modal-content .close-button{top:.8rem;right:.8rem;padding:.4rem}.password-reset-success-modal-container .password-reset-success-modal-content .close-button svg{width:18px;height:18px}}@media (max-width: 576px){.password-reset-success-modal-container .password-reset-success-modal-content .close-button{top:.6rem;right:.6rem;padding:.3rem}.password-reset-success-modal-container .password-reset-success-modal-content .close-button svg{width:16px;height:16px}}.password-reset-success-modal-container .password-reset-success-modal-content img{width:80px;height:auto;margin-bottom:1.5rem;animation:logoSpin .5s ease-out}@media (max-width: 768px){.password-reset-success-modal-container .password-reset-success-modal-content img{width:70px;margin-bottom:1.2rem}}@media (max-width: 576px){.password-reset-success-modal-container .password-reset-success-modal-content img{width:60px;margin-bottom:1rem}}.password-reset-success-modal-container .password-reset-success-modal-content .success-title{font-size:1.4rem;font-weight:600;color:#2c3e50;margin:0 0 1rem;line-height:1.3}@media (max-width: 768px){.password-reset-success-modal-container .password-reset-success-modal-content .success-title{font-size:1.3rem;margin:0 0 .8rem}}@media (max-width: 576px){.password-reset-success-modal-container .password-reset-success-modal-content .success-title{font-size:1.2rem;margin:0 0 .6rem}}.password-reset-success-modal-container .password-reset-success-modal-content .success-subtitle{font-size:1.1rem;color:#5a6c7f;margin:0 0 1.5rem}@media (max-width: 768px){.password-reset-success-modal-container .password-reset-success-modal-content .success-subtitle{font-size:1rem;margin:0 0 1.2rem}}@media (max-width: 576px){.password-reset-success-modal-container .password-reset-success-modal-content .success-subtitle{font-size:.95rem;margin:0 0 1rem}}.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons{display:flex;gap:1rem;margin:1.2rem auto 0;width:100%;max-width:350px;justify-content:center}@media (max-width: 768px){.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons{gap:.8rem;margin:1rem auto 0;max-width:300px}}@media (max-width: 576px){.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons{flex-direction:column;gap:.6rem;margin:.8rem auto 0;max-width:250px}}.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button{flex:1;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;position:relative;overflow:hidden;min-width:120px}@media (max-width: 768px){.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button{padding:.7rem 1.2rem;font-size:.95rem;min-width:110px}}@media (max-width: 576px){.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button{padding:.6rem 1rem;font-size:.9rem;min-width:100px}}.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button.primary{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff;box-shadow:0 2px 8px #2563eb33}.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button.primary:active{transform:translateY(0)}.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button.secondary{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#475569;box-shadow:0 2px 8px #0000000d}.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button.secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.password-reset-success-modal-container .password-reset-success-modal-content .success-buttons .success-button.secondary:active{transform:translateY(0)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoSpin{0%{transform:rotate(-180deg) scale(.5);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.notification{position:fixed;top:20px;right:20px;z-index:100000;animation:notification-slide-in .3s ease-out;padding:1rem;border-radius:.375rem;box-shadow:1px 0 2px 4px #0000001a;max-width:28rem;direction:rtl}.notification-close{background:none;border:none;font-size:1.25rem;line-height:1;padding:.25rem;cursor:pointer;opacity:.7;transition:opacity .2s}.notification-close:hover{opacity:1}.notification-content{display:flex;align-items:flex-start;gap:.75rem}.notification-icon{width:1.25rem;height:1.25rem;margin-top:.125rem}.notification-text{flex:1}.notification-title{font-weight:600;text-align:right;margin-bottom:.25rem}.notification-message{font-size:.875rem;text-align:right;white-space:pre-line;line-height:1.5;padding-right:0}.notification-line{display:block;margin-bottom:.25rem;text-align:right}.notification-line:last-child{margin-bottom:0}.notification-success{background-color:#f0fdf4;border-right:4px solid #22c55e;border-left:none}.notification-success .notification-icon{color:#22c55e}.notification-success .notification-title{color:#166534}.notification-success .notification-message{color:#15803d}.notification-warning{background-color:#fffbeb;border-right:4px solid #f59e0b;border-left:none}.notification-warning .notification-icon{color:#f59e0b}.notification-warning .notification-title{color:#92400e}.notification-warning .notification-message{color:#b45309}.notification-error{background-color:#fef2f2;border-right:4px solid #ef4444;border-left:none}.notification-error .notification-icon{color:#ef4444}.notification-error .notification-title{color:#991b1b}.notification-error .notification-message{color:#b91c1c}@keyframes notification-slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.change-password-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8fafc;overflow:hidden;padding:0}.rtl{direction:rtl;text-align:right}.time-slot-picker{display:flex;flex-direction:column;width:100%;direction:rtl}.time-slot-picker-date{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#1a1b25;text-align:center}.time-slot-picker-instruction{font-size:1rem;margin-bottom:1.5rem;color:#1a1b25cc;text-align:center}.time-slot-picker .time-slot-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#1a1b2599}.time-slot-picker .time-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media screen and (max-width: 768px){.time-slot-picker .time-slots-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 480px){.time-slot-picker .time-slots-grid{grid-template-columns:repeat(2,1fr)}}.time-slot-picker .time-slot{background-color:#2563eb1a;color:#1a1b25;border-radius:8px;padding:.75rem;text-align:center;cursor:pointer;transition:all .2s ease}.time-slot-picker .time-slot:hover{background-color:#2563eb33}.time-slot-picker .time-slot.selected{background-color:#2563eb;color:#fff}.time-slot-picker .no-slots-message{text-align:center;padding:2rem;color:#1a1b2599;background-color:#2d30470d;border-radius:8px;margin-bottom:2rem}.time-slot-picker .time-slot-actions{display:flex;justify-content:space-between;margin-top:auto;padding-top:1.5rem;gap:1rem}.time-slot-picker .time-slot-actions button{flex:1}.time-slot-picker .time-slot-error{background-color:#e74c3c1a;color:#e74c3c;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.meeting-scheduler{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto;padding:.75rem 1rem .5rem;direction:rtl;height:100%;overflow:hidden}.meeting-scheduler-title{font-size:1.4rem;font-weight:600;text-align:center;margin-bottom:.75rem;color:#1a1b25}.meeting-scheduler-content{width:100%;display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.meeting-scheduler-steps{display:flex;justify-content:space-between;margin-bottom:.5rem;border-bottom:1px solid rgba(45,48,71,.1);padding-bottom:.5rem}.meeting-scheduler-steps .step{position:relative;width:33.3333333333%;text-align:center;color:#1a1b25;opacity:.5;font-weight:500;padding-bottom:.25rem;font-size:.95rem}.meeting-scheduler-steps .step:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:0;height:3px;background-color:#2563eb;transition:width .3s ease}.meeting-scheduler-steps .step.active{opacity:1;font-weight:600}.meeting-scheduler-steps .step.active:after{width:50%}.meeting-scheduler-step-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.meeting-scheduler-step-content>div{height:100%;display:flex;flex-direction:column}.meeting-scheduler button{cursor:pointer}@media screen and (max-width: 768px){.meeting-scheduler{padding:.5rem .75rem .25rem}.meeting-scheduler-title{font-size:1.25rem;margin-bottom:.5rem}.meeting-scheduler-steps{margin-bottom:.35rem}.meeting-scheduler-steps .step{font-size:.85rem}}.schedule-meeting-page{padding:2rem 0}.schedule-meeting-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.modern-status{display:flex;flex-direction:column;align-items:center;padding:2rem;background:white;border-radius:12px;box-shadow:0 4px 12px #0000000d;text-align:right;max-width:650px;margin:0 auto}.modern-status .status-icon{display:flex;justify-content:center;align-items:center;width:72px;height:72px;border-radius:50%;margin-bottom:1.5rem}.modern-status .status-icon.approved{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.modern-status .status-icon.approved svg{width:40px;height:40px}.modern-status .status-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem}.modern-status .status-content{width:100%;text-align:center;margin-bottom:2rem}.modern-status .status-content .status-description{font-size:1.25rem;color:#34495e;margin-bottom:1rem}.modern-status .status-content .status-info{font-size:1.1rem;color:#7f8c8d;margin-bottom:1.5rem}.modern-status .status-content .status-metadata{display:flex;justify-content:center;margin-top:1.5rem}.modern-status .status-content .status-metadata .status-date-container{display:flex;flex-direction:column;align-items:center;background-color:#f8f9fa;padding:.75rem 1.5rem;border-radius:8px}.modern-status .status-content .status-metadata .status-date-container .status-date-label{font-size:.875rem;color:#7f8c8d;margin-bottom:.25rem}.modern-status .status-content .status-metadata .status-date-container .status-date-value{font-size:1rem;font-weight:600;color:#2c3e50}.modern-status .status-actions{width:100%;display:flex;justify-content:center}.modern-status .status-actions .primary-button,.modern-status .status-actions .secondary-button{min-width:220px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all .2s ease}.modern-status .status-actions .primary-button{background:var(--primary, #3498db);color:#fff;border:none}.modern-status .status-actions .primary-button:hover{background:var(--primary-dark, #2980b9);transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.modern-status .status-actions .secondary-button{background:transparent;color:var(--primary, #3498db);border:1px solid var(--primary, #3498db)}.modern-status .status-actions .secondary-button:hover{background:rgba(52,152,219,.1);transform:translateY(-2px)}@media (max-width: 768px){.modern-status{padding:1.5rem}.modern-status .status-icon{width:60px;height:60px}.modern-status .status-icon.approved svg{width:32px;height:32px}.modern-status .status-title{font-size:1.75rem}.modern-status .status-content .status-description{font-size:1.1rem}.modern-status .status-content .status-info{font-size:1rem}.modern-status .status-actions .primary-button,.modern-status .status-actions .secondary-button{min-width:100%;font-size:.95rem}}.membership-active-status{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2.5rem 2rem;text-align:center;max-width:600px;margin:0 auto}.membership-active-status .status-header{margin-bottom:2rem}.membership-active-status .status-header h2{color:#2c3e50;margin-bottom:.5rem;font-size:1.8rem}.membership-active-status .status-header p{color:#64748b;font-size:1.1rem}.membership-active-status .status-content,.membership-active-status .status-content .status-message{margin-bottom:2rem}.membership-active-status .status-content .status-message p{color:#64748b;margin-bottom:1rem;font-size:1.05rem;line-height:1.6}.membership-active-status .status-content .transaction-details{background-color:#f8fafc;border-radius:6px;padding:1.5rem;text-align:right}.membership-active-status .status-content .transaction-details h3{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem}.membership-active-status .status-content .transaction-details .transaction-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.membership-active-status .status-content .transaction-details .transaction-info:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.membership-active-status .status-content .transaction-details .transaction-info p{color:#64748b;margin:0;font-size:.95rem}.membership-active-status .status-content .transaction-details .transaction-info .transaction-id,.membership-active-status .status-content .transaction-details .transaction-info .transaction-amount,.membership-active-status .status-content .transaction-details .transaction-info .transaction-date{font-family:monospace;color:#0ea5e9;background-color:#f0f9ff;padding:.5rem 1rem;border-radius:4px;border:1px solid #bae6fd;font-size:.95rem}.membership-active-status .status-actions{display:flex;justify-content:center;gap:1rem}.membership-active-status .status-actions button{padding:.9rem 1.5rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.membership-active-status .status-actions button.primary-button{background-color:#0ea5e9;border:none;color:#fff;box-shadow:0 1px 3px #0000001a}.membership-active-status .status-actions button.primary-button:hover{background-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.membership-active-status .status-actions button.primary-button:active{transform:translateY(0)}.database-application-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}@media screen and (max-width: 480px){.database-application-container{padding:1rem}}.database-application-container .loading-spinner{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.2rem;color:#646b8c}.database-application-container .error-state{background-color:#e86b6b0d;border-radius:10px;padding:2rem;text-align:center;margin:2rem 0}.database-application-container .error-state h2{color:#e86b6b;margin-bottom:1rem}.database-application-container .error-state p{margin-bottom:1.5rem;color:#646b8c}.database-application-container .error-state button{background-color:#2563eb1a;color:#2563eb;border:none;padding:.8rem 1.5rem;border-radius:5px;font-weight:500;cursor:pointer;transition:all .3s ease}.database-application-container .error-state button:hover{background-color:#2563eb33;transform:translateY(-2px)}.database-application-container .status-message{background-color:#4a90e21a;color:#4a90e2;padding:.8rem 1rem;border-radius:5px;margin:1rem 0;border-right:3px solid #4a90e2;font-size:.95rem}.database-application-container .status-container{background-color:#f7f9fc;border-radius:10px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 10px #2d30470d;max-width:700px;margin:2rem auto}.database-application-container .status-container .status-icon{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 2rem}.database-application-container .status-container .status-icon svg{width:40px;height:40px}.database-application-container .status-container .status-icon.pending{background-color:#ffc8571a;color:#ffc857}.database-application-container .status-container .status-icon.rejected{background-color:#e86b6b1a;color:#e86b6b}.database-application-container .status-container .status-icon.approved{background-color:#67b26f1a;color:#67b26f}.database-application-container .status-container h2{color:#2d3047;margin-bottom:1.5rem;font-size:1.8rem}.database-application-container .status-container p{color:#646b8c;margin-bottom:1rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.database-application-container .status-container .status-date{font-size:.9rem;margin-top:2rem;color:#646b8c}.database-application-container .status-container .admin-notes{background-color:#2d30470d;padding:1.5rem;border-radius:8px;margin:1.5rem 0;text-align:right}.database-application-container .status-container .admin-notes h3{color:#2d3047;margin-bottom:.8rem;font-size:1.1rem}.database-application-container .status-container .admin-notes p{margin-bottom:0}.database-application-container .status-container .button-group{display:flex;justify-content:center;gap:1rem;margin-top:2rem}@media screen and (max-width: 480px){.database-application-container .status-container .button-group{flex-direction:column;align-items:center}}.database-application-container .status-container button{padding:.8rem 1.5rem;border-radius:5px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-family:Varela Round,Assistant,sans-serif;font-size:1rem;min-width:150px}.database-application-container .status-container button.primary-button{background-color:#2563eb;color:#fff}.database-application-container .status-container button.primary-button:hover{background-color:#134cca;transform:translateY(-2px)}.database-application-container .status-container button.secondary-button{background-color:#2563eb1a;color:#2563eb}.database-application-container .status-container button.secondary-button:hover{background-color:#2563eb33;transform:translateY(-2px)}.database-application-container .application-header{text-align:center;margin-bottom:2rem}.database-application-container .application-header h1{color:#2d3047;font-size:2.2rem;margin-bottom:.5rem}@media screen and (max-width: 768px){.database-application-container .application-header h1{font-size:1.8rem}}.database-application-container .application-header .subtitle{color:#646b8c;font-size:1.1rem}.database-application-container .application-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media screen and (max-width: 1024px){.database-application-container .application-content{grid-template-columns:1fr}}.database-application-container .application-content .information-section,.database-application-container .application-content .application-form{background-color:#f7f9fc;border-radius:10px;padding:2rem;box-shadow:0 2px 10px #2d30470d}@media screen and (max-width: 480px){.database-application-container .application-content .information-section,.database-application-container .application-content .application-form{padding:1.5rem}}.database-application-container .application-content .information-section h2,.database-application-container .application-content .application-form h2{color:#2563eb;margin-bottom:1.5rem;font-size:1.5rem;border-bottom:2px solid rgba(37,99,235,.1);padding-bottom:.8rem}.database-application-container .application-content .info-text{margin-bottom:2rem}.database-application-container .application-content .info-text p{margin-bottom:1rem;line-height:1.6}.database-application-container .application-content .info-text ol{margin:1rem 0 1rem 1.5rem}.database-application-container .application-content .info-text ol li{margin-bottom:.5rem}.database-application-container .application-content .agreement-section{background-color:#ffc8571a;padding:1.5rem;border-radius:8px}.database-application-container .application-content .agreement-section label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.database-application-container .application-content .agreement-section label input{margin-top:.3rem}.database-application-container .application-content .agreement-section label span a{color:#2563eb;text-decoration:underline}.database-application-container .application-content .agreement-section label span a:hover{color:#134cca}.database-application-container .application-content .agreement-section label.error{color:#e86b6b}.database-application-container .application-content .application-form .form-group{margin-bottom:1.5rem}.database-application-container .application-content .application-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.database-application-container .application-content .application-form .form-group select{width:100%;padding:.8rem;border:1px solid rgba(45,48,71,.2);border-radius:5px;background-color:#fff;font-family:inherit;font-size:1rem}.database-application-container .application-content .application-form .form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d}.database-application-container .application-content .application-form .form-group select.error{border-color:#e86b6b}.database-application-container .application-content .application-form .form-group .error-message{color:#e86b6b;font-size:.9rem;margin-top:.3rem}.database-application-container .application-content .application-form .button-group{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}@media screen and (max-width: 480px){.database-application-container .application-content .application-form .button-group{flex-direction:column}}.database-application-container .application-content .application-form .button-group button{padding:.8rem 1.5rem;border-radius:5px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-family:Varela Round,Assistant,sans-serif;font-size:1rem}.database-application-container .application-content .application-form .button-group button.primary-button{background-color:#2563eb;color:#fff;box-shadow:0 2px 4px #2563eb4d}.database-application-container .application-content .application-form .button-group button.primary-button:hover{background-color:#134cca;transform:translateY(-2px);box-shadow:0 4px 8px #2563eb66}.database-application-container .application-content .application-form .button-group button.primary-button.disabled{background-color:#b1c7f8;color:#fffc;cursor:not-allowed;box-shadow:none}.database-application-container .application-content .application-form .button-group button.primary-button.disabled:hover{transform:none;background-color:#b1c7f8;box-shadow:none}.database-application-container .application-content .application-form .button-group button.secondary-button{background-color:#2563eb1a;color:#2563eb}.database-application-container .application-content .application-form .button-group button.secondary-button:hover{background-color:#2563eb33;transform:translateY(-2px)}.database-application-container .application-content .application-form .button-group button.cancel-button{background-color:#e86b6b1a;color:#e86b6b}.database-application-container .application-content .application-form .button-group button.cancel-button:hover{background-color:#e86b6b33;transform:translateY(-2px)}.test-button{background-color:#f39c12;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease;margin-right:.5rem}.test-submit-button{background-color:#9b59b6;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s ease;margin-right:.5rem}.test-submit-button:hover{background-color:#8e44ad}.submit-error-message{color:#e74c3c;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:center}.submit-error-message:before{content:"⚠️";margin-left:.5rem;font-size:.9rem}.payment-success-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2.5rem 2rem;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.payment-success-card .success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#f0fdf4;border-radius:50%;margin-bottom:1.5rem;color:#10b981;font-size:2.5rem;border:2px solid #d1fae5;animation:pulse 2s ease-in-out}.payment-success-card h2{color:#2c3e50;margin-bottom:1rem;font-size:1.8rem}.payment-success-card p{color:#64748b;margin-bottom:2rem;font-size:1.05rem;line-height:1.6;max-width:400px}.payment-success-card .success-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.payment-success-card .success-actions button{padding:.9rem 1.5rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.payment-success-card .success-actions button.primary-button{background-color:#3498db;border:none;color:#fff;box-shadow:0 1px 3px #0000001a}.payment-success-card .success-actions button.primary-button:hover{background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.payment-success-card .success-actions button.primary-button:active{transform:translateY(0)}.payment-success-card .transaction-info{margin-top:2rem;padding-top:2rem;border-top:1px dashed #e2e8f0;width:100%}.payment-success-card .transaction-info p{font-size:.9rem;color:#94a3b8;margin-bottom:.5rem}.payment-success-card .transaction-info .transaction-id{font-family:monospace;font-size:.85rem;background-color:#f1f5f9;padding:.3rem .8rem;border-radius:4px;display:inline-block}@keyframes pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.application-payment-container{display:flex;flex-direction:column;padding:2rem;max-width:1200px;margin:0 auto}.application-payment-container.rtl{direction:rtl;text-align:right}.application-payment-container .payment-header{margin-bottom:2rem;text-align:center}.application-payment-container .payment-header h1{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.application-payment-container .payment-header p{font-size:1rem;color:#7f8c8d}.application-payment-container .payment-content{background-color:#f9f9f9;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.application-payment-container .payment-columns{display:flex;flex-direction:row-reverse;gap:2rem}@media (max-width: 768px){.application-payment-container .payment-columns{flex-direction:column-reverse}}.application-payment-container .payment-form-column{flex:3}.application-payment-container .payment-summary-column{flex:2}.application-payment-container .loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#7f8c8d}.application-payment-container .status-container{background-color:#fff;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000000d}.application-payment-container .status-container .status-icon{margin:0 auto 1.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%}.application-payment-container .status-container .status-icon.success{background-color:#67b26f1a;color:#67b26f}.application-payment-container .status-container .status-icon.pending{background-color:#3498db1a;color:#3498db}.application-payment-container .status-container .status-icon svg{width:32px;height:32px}.application-payment-container .status-container .status-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.application-payment-container .status-container .status-text{color:#7f8c8d;margin-bottom:1rem;line-height:1.6}.application-payment-container .status-container .status-date{font-size:.9rem;color:#7f8c8d;margin-bottom:1.5rem}.application-payment-container .status-container .status-button-container{margin-top:2rem}.application-payment-container .status-container .status-button-container button{min-width:200px}.payment-form-card{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000000d}.payment-form-card .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.payment-form-card .form-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s;direction:ltr;text-align:right}.payment-form-card .form-group input:focus{border-color:var(--primary, #3498db);outline:none}.payment-form-card .form-group input.error{border-color:var(--danger, #e74c3c)}.payment-form-card .form-group .error-message{color:var(--danger, #e74c3c);font-size:.9rem;margin-top:.5rem}.payment-form-card .form-row .half-width{flex:1}.payment-form-card .payment-testing-note{margin:1rem 0;padding:.5rem;background-color:#f9f9f9;border-radius:4px;border-right:3px solid var(--primary, #3498db);text-align:center}.payment-form-card .payment-testing-note p{margin:0;font-size:.9rem;color:var(--soft-color, #7f8c8d)}.payment-form-card .payment-testing-note .test-button{background:none;border:none;color:var(--primary, #3498db);cursor:pointer;font-weight:500;padding:0;text-decoration:underline}.payment-form-card .payment-testing-note .test-button:hover{color:#217dbb}.payment-form-card .payment-testing-note .testing-info{color:var(--soft-color, #7f8c8d)}.payment-form-card .payment-security-note{display:flex;align-items:center;margin:1.5rem 0;padding:1rem;background-color:#f8f9fa;border-radius:4px}.payment-form-card .payment-security-note .security-icon{margin-left:1rem}.payment-form-card .payment-security-note .security-icon svg{width:24px;height:24px;color:var(--primary, #3498db)}.payment-form-card .payment-security-note p{margin:0;font-size:.9rem;color:var(--soft-color, #7f8c8d)}.payment-form-card .button-group{display:flex;justify-content:space-between;margin-top:2rem}.payment-form-card .button-group button{padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .2s}.payment-form-card .button-group .cancel-button{background-color:transparent;border:1px solid #ddd;color:var(--soft-color, #7f8c8d)}.payment-form-card .button-group .cancel-button:hover{background-color:#f5f5f5}.payment-form-card .button-group .primary-button{background-color:#3498db;border:none;color:#fff;opacity:1;transition:background-color .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2);font-weight:600;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1}.payment-form-card .button-group .primary-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#3498db;z-index:-1;border-radius:4px}.payment-form-card .button-group .primary-button:hover{background-color:#2980b9}.payment-form-card .button-group .primary-button:hover:before{background-color:#2980b9}.payment-form-card .button-group .primary-button:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.payment-form-card .button-group .primary-button:disabled:before{background-color:#95a5a6}.payment-form-card .button-group .primary-button .spinner-container{display:flex;align-items:center;color:#fff}.payment-form-card .button-group .primary-button .spinner-container .spinner{margin-right:8px;width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.payment-success-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.payment-success-card .success-icon{font-size:4rem;color:#2ecc71;margin-bottom:1rem}.payment-success-card h2{color:#2c3e50;margin-bottom:1rem}.payment-success-card p{color:#7f8c8d;margin-bottom:2rem}.payment-success-card .success-actions{display:flex;flex-direction:column;gap:1rem}.payment-success-card .success-actions button{padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .2s}.payment-success-card .success-actions button.primary-button{background-color:#3498db;border:none;color:#fff;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.2);font-weight:600;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1}.payment-success-card .success-actions button.primary-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#3498db;z-index:-1;border-radius:4px}.payment-success-card .success-actions button.primary-button:hover{background-color:#2980b9}.payment-success-card .success-actions button.primary-button:hover:before{background-color:#2980b9}.payment-success-card .success-actions button.secondary-button{background-color:transparent;border:1px solid #3498db;color:#3498db}.payment-success-card .success-actions button.secondary-button:hover{background-color:#f0f7fc}.payment-success-info{background-color:#f0fdf4;border-radius:6px;padding:1rem;margin:1rem 0}.payment-success-info .success-badge{display:inline-block;background-color:#10b981;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;margin-bottom:.5rem}.payment-success-info p{margin:.3rem 0;font-size:.9rem}.status-container{max-width:600px;margin:0 auto;padding:2rem;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.payment-status-container{height:100%;display:flex;flex-direction:column;box-shadow:0 2px 10px #0000001a;max-width:100%}.status-title{margin-bottom:2rem;color:var(--main-color, #2c3e50);font-size:1.5rem}.status-text{margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.status-button-container{margin-top:auto;padding-top:2rem}.status-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.status-icon.pending{background-color:#f0f4ff;color:#2563eb}.status-icon.rejected{background-color:#fee2e2;color:#dc2626}.status-icon.approved,.status-icon.success{background-color:#dcfce7;color:#16a34a}.status-icon svg{width:36px;height:36px}.status-date{font-size:.9rem;color:#64748b;margin:1.5rem 0}.confirmation-section{margin:1.5rem 0;padding:1rem;background-color:#fffbeb;border:1px solid #fbbf24;border-radius:6px}.confirmation-message{margin-bottom:1rem;color:#92400e}.confirmation-success{display:flex;align-items:center;justify-content:center;margin:2rem 0}.confirmation-status{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;padding:1rem;border-radius:6px}.confirmation-status.confirmed{background-color:#dcfce7;color:#16a34a}.confirmation-status svg{width:24px;height:24px;margin-left:8px}.button-group{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.primary-button{background-color:#2563eb;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s;opacity:1}.primary-button:hover{background-color:#1d4ed8}.primary-button:disabled{background-color:#93c5fd;cursor:not-allowed}.secondary-button{background-color:transparent;color:#2563eb;border:1px solid #2563eb;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s}.secondary-button:hover{background-color:#f0f4ff}.error-message{color:#dc2626;margin-bottom:1rem;font-size:.9rem}.admin-notes{background-color:#f8fafc;padding:1rem;border-radius:6px;margin:1.5rem 0;text-align:right}.admin-notes h3{color:#64748b;font-size:1rem;margin-bottom:.5rem}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.spinner{width:32px;height:32px;border:3px solid rgba(37,99,235,.2);border-radius:50%;border-top-color:#2563eb;animation:spin 1s linear infinite;margin:0 auto}.modern-status{border-radius:12px;box-shadow:0 8px 20px #00000014}.modern-status .status-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.modern-status .status-content{width:100%;display:flex;flex-direction:column;gap:.75rem}.modern-status .status-description{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.modern-status .status-info{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.modern-status .status-metadata{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);width:100%}.modern-status .status-date-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.modern-status .status-date-label{font-weight:600;color:var(--text-secondary)}.modern-status .status-date-value{color:var(--text-primary)}.modern-status .status-actions{margin-top:1.5rem;width:100%;display:flex;justify-content:center}.modern-status .profile-button{min-width:180px;font-weight:600;transition:all .2s ease}.modern-status .profile-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.questionnaire-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.questionnaire-form .form-content{margin-bottom:1rem}.questionnaire-form .form-content .section-fields h2{margin-bottom:.8rem;font-size:1.5rem;color:var(--main-color, #2c3e50)}.questionnaire-form .form-content .section-fields .section-description{margin-bottom:1.5rem;color:var(--soft-color, #7f8c8d);font-size:.95rem}.questionnaire-form .form-content .section-fields .form-group{margin-bottom:1.5rem;position:relative;transition:all .3s ease}.questionnaire-form .form-content .section-fields .form-group.has-error{padding-bottom:.5rem}.questionnaire-form .form-content .section-fields .form-group label{display:block;font-weight:500;margin-bottom:.5rem}.questionnaire-form .form-content .section-fields .form-group input,.questionnaire-form .form-content .section-fields .form-group textarea,.questionnaire-form .form-content .section-fields .form-group select{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.questionnaire-form .form-content .section-fields .form-group input:focus,.questionnaire-form .form-content .section-fields .form-group textarea:focus,.questionnaire-form .form-content .section-fields .form-group select:focus{border-color:var(--primary, #3498db);outline:none;box-shadow:0 0 0 3px #3498db1a}.questionnaire-form .form-content .section-fields .form-group input.error-input,.questionnaire-form .form-content .section-fields .form-group textarea.error-input,.questionnaire-form .form-content .section-fields .form-group select.error-input{border-color:var(--danger, #e74c3c);background-color:#e74c3c08}.questionnaire-form .form-content .section-fields .form-group input.error-input:focus,.questionnaire-form .form-content .section-fields .form-group textarea.error-input:focus,.questionnaire-form .form-content .section-fields .form-group select.error-input:focus{box-shadow:0 0 0 3px #e74c3c1a}.questionnaire-form .form-content .section-fields .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left .7rem center;background-size:1em;padding-left:2.5rem}.questionnaire-form .form-content .section-fields .form-group textarea{min-height:100px;resize:vertical}.questionnaire-form .form-content .section-fields .form-group .field-hint{font-size:.85rem;color:var(--soft-color, #7f8c8d);margin-top:.3rem}.questionnaire-form .form-content .section-fields .form-group .field-error{font-size:.85rem;color:var(--danger, #e74c3c);margin-top:.5rem;display:flex;align-items:center;animation:fadeIn .3s ease}.questionnaire-form .form-content .section-fields .form-group .field-error:before{content:"⚠️";margin-left:.5rem;font-size:.9rem}.questionnaire-form .form-content .validation-summary{margin:20px 0;padding:15px;border:2px solid #dc3545;border-radius:5px;background-color:#fff8f8;box-shadow:0 2px 4px #dc354533;animation:highlight-pulse 1.5s infinite alternate}.questionnaire-form .form-content .validation-summary .validation-summary-header{display:flex;align-items:center;font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#dc3545}.questionnaire-form .form-content .validation-summary .validation-summary-header .validation-icon{margin-left:8px;font-size:1.3rem}.questionnaire-form .form-content .validation-summary .validation-summary-header .helper-text{margin-right:8px;font-size:.8rem;font-weight:400;color:#6c757d}.questionnaire-form .form-content .validation-summary .validation-error-list{list-style-type:none;padding-right:10px;margin:0}.questionnaire-form .form-content .validation-summary .validation-error-list .validation-error-item{margin-bottom:8px;padding:5px 0;border-bottom:1px dashed rgba(220,53,69,.3);cursor:pointer;transition:all .2s ease;text-align:right;position:relative}.questionnaire-form .form-content .validation-summary .validation-error-list .validation-error-item .rtl-bullet{display:inline-block;margin-left:5px;font-size:1.2em;color:#dc3545}.questionnaire-form .form-content .validation-summary .validation-error-list .validation-error-item:hover{background-color:#dc35450d;padding-right:5px}.questionnaire-form .form-content .validation-summary .validation-error-list .validation-error-item:last-child{border-bottom:none}.questionnaire-form .form-content .validation-summary .validation-error-list .validation-error-item strong{color:#dc3545}.questionnaire-form .form-content .validation-summary .validation-summary-footer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(220,53,69,.3);font-weight:700;font-size:.9rem;text-align:center;color:#dc3545}.questionnaire-form .form-content .completion-status{background-color:#f8f8f8;padding:.8rem;border-radius:4px;text-align:center;margin:1.5rem 0;font-size:.9rem;color:var(--soft-color, #7f8c8d)}.questionnaire-form .form-content .form-actions{display:flex;justify-content:space-between;margin-top:2rem}.questionnaire-form .form-content .form-actions button{padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .2s}.questionnaire-form .form-content .form-actions button.back-button{background-color:transparent;border:1px solid #ddd;color:var(--soft-color, #7f8c8d)}.questionnaire-form .form-content .form-actions button.back-button:hover{background-color:#f5f5f5}.questionnaire-form .form-content .form-actions button.save-button{background-color:#f8f9fa;border:1px solid #3498db;color:#3498db}.questionnaire-form .form-content .form-actions button.save-button:hover{background-color:#e9f5ff}.questionnaire-form .form-content .form-actions button.next-button{background-color:#3498db;border:none;color:#fff}.questionnaire-form .form-content .form-actions button.next-button:hover{background-color:#217dbb}.questionnaire-form .form-content .form-actions button.submit-button{background-color:#2ecc71;border:none;color:#fff}.questionnaire-form .form-content .form-actions button.submit-button:hover{background-color:#25a25a}@keyframes highlight-pulse{0%{box-shadow:0 2px 4px #dc354533}to{box-shadow:0 2px 12px #dc354599}}.form-radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.form-radio-group .radio-option{display:flex;align-items:center;cursor:pointer;padding:.5rem .8rem;border:1px solid #ddd;border-radius:4px;transition:all .2s}.form-radio-group .radio-option:hover{background-color:#f5f5f5}.form-radio-group .radio-option.selected{border-color:#3498db;background-color:#e9f5ff}.form-radio-group .radio-option input[type=radio],.form-radio-group .radio-option input[type=checkbox]{margin-left:.5rem;width:auto}.form-group{margin-bottom:1.5rem;position:relative;transition:all .3s ease}.form-group.has-error{animation:errorShake .4s 1}.form-group.is-focused label{color:#007bff}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;transition:color .3s ease}.form-group label.required:after{content:" *";color:#dc3545;margin-right:4px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:all .3s ease;background-color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input.error-input,.form-group textarea.error-input{border-color:#dc3545;background-color:#fff8f8}.form-group input.error-input:focus,.form-group textarea.error-input:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.form-group input.flash-error,.form-group textarea.flash-error{animation:flashError .5s 1}.form-group textarea{resize:vertical;min-height:100px}.form-group .field-error{color:#dc3545;font-size:.85rem;margin-top:.5rem;padding:6px 10px;background-color:#fff8f8;border-right:3px solid #dc3545;border-radius:3px;display:flex;align-items:center;animation:fadeIn .3s ease}.form-group .field-error .error-icon{margin-left:6px;font-size:.9rem}.form-group .field-hint{color:#6c757d;font-size:.85rem;margin-top:.5rem}.form-group .character-count{position:absolute;bottom:10px;left:12px;font-size:.75rem;color:#6c757d}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes flashError{0%{box-shadow:0 0 #dc354580}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}.compression-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.compression-modal-overlay .compression-modal{background:white;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:650px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.compression-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.compression-modal-header .modal-title{display:flex;align-items:center;gap:12px}.compression-modal-header .modal-title .warning-icon{font-size:24px;color:#f59e0b}.compression-modal-header .modal-title h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.compression-modal-header .close-button{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.compression-modal-header .close-button:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.compression-modal-header .close-button:disabled{opacity:.5;cursor:not-allowed}.compression-modal-content{padding:20px 24px;overflow-y:auto;flex:1}.compression-modal-content .modal-description{margin-bottom:24px}.compression-modal-content .modal-description p{margin:0 0 16px;color:#374151;font-size:15px;line-height:1.6}.compression-modal-content .modal-description .compression-benefits{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:14px;margin-bottom:16px}.compression-modal-content .modal-description .compression-benefits .compress-icon{font-size:16px;color:#3b82f6}.compression-modal-content .modal-description .compression-technology{padding:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;color:#fff}.compression-modal-content .modal-description .compression-technology .technology-header{font-size:16px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.compression-modal-content .modal-description .compression-technology .technology-description{font-size:14px;line-height:1.5;opacity:.9}.files-list{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.files-list .files-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.files-list .files-list-header .select-all-container{display:flex;align-items:center;gap:8px}.files-list .files-list-header .select-all-container input[type=checkbox]{width:16px;height:16px;cursor:pointer}.files-list .files-list-header .select-all-container input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.files-list .files-list-header .select-all-container label{font-weight:500;color:#374151;cursor:pointer;font-size:14px}.files-list .files-list-header .files-count{font-size:14px;color:#6b7280}.files-list .files-items{max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease;position:relative}.file-item:last-child{border-bottom:none}.file-item.selected{background-color:#f0f9ff;border-color:#bae6fd}.file-item:hover:not(.selected){background-color:#f9fafb}.file-item .file-checkbox{margin-top:2px}.file-item .file-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.file-item .file-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.file-item .file-info{flex:1}.file-item .file-info .file-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.file-item .file-info .file-header .file-icon{font-size:20px;margin-top:2px}.file-item .file-info .file-header .file-details{flex:1}.file-item .file-info .file-header .file-details .file-name{font-weight:500;color:#1f2937;margin-bottom:4px;word-break:break-word;font-size:14px}.file-item .file-info .file-header .file-details .file-size-info{display:flex;gap:16px;flex-wrap:wrap}.file-item .file-info .file-header .file-details .file-size-info .current-size{font-size:13px}.file-item .file-info .file-header .file-details .file-size-info .current-size.warning{color:#dc2626;font-weight:500}.file-item .file-info .file-header .file-details .file-size-info .size-limit{font-size:13px;color:#6b7280}.file-item .file-info .compression-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.file-item .file-info .compression-info .compression-estimate{display:flex;align-items:center;gap:6px;font-size:13px;color:#059669}.file-item .file-info .compression-info .compression-estimate .compress-small-icon{font-size:14px}.file-item .file-info .compression-info .exceeds-by{font-size:13px;color:#dc2626;font-weight:500}.file-item .file-info .compression-info .challenging-compression-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(45deg,#f59e0b,#d97706);border-radius:4px;font-size:12px;color:#fff;font-weight:500;margin-top:6px}.file-item .file-info .compression-info .challenging-compression-indicator .challenge-icon{font-size:14px;animation:pulse 2s ease-in-out infinite}.file-item .file-info .compression-info .challenging-compression-indicator .challenge-text{font-size:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.file-item .selection-indicator{color:#059669;font-size:18px;margin-top:2px}.compression-warning{display:flex;gap:12px;padding:16px;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-top:20px}.compression-warning .warning-small-icon{font-size:16px;color:#d97706;margin-top:2px;flex-shrink:0}.compression-warning .warning-text{font-size:14px;color:#92400e}.compression-warning .warning-text strong{display:block;margin-bottom:8px;font-weight:600}.compression-warning .warning-text ul{margin:0;padding-right:16px}.compression-warning .warning-text ul li{margin-bottom:4px}.compression-warning .warning-text ul li:last-child{margin-bottom:0}.compression-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #e5e7eb}.compression-modal-actions .cancel-button{padding:10px 20px;border:1px solid #d1d5db;background:white;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.compression-modal-actions .cancel-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.compression-modal-actions .cancel-button:disabled{opacity:.5;cursor:not-allowed}.compression-modal-actions .approve-button{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.compression-modal-actions .approve-button:hover:not(:disabled){background-color:#2563eb}.compression-modal-actions .approve-button:disabled{opacity:.6;cursor:not-allowed}.compression-modal-actions .approve-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}[dir=rtl] .compression-modal-content .compression-warning .warning-text ul{padding-left:16px;padding-right:0}@media (max-width: 768px){.compression-modal-overlay{padding:10px}.compression-modal-overlay .compression-modal{max-width:100%;max-height:95vh}.compression-modal-header{padding:16px 16px 12px}.compression-modal-header .modal-title h2{font-size:18px}.compression-modal-content{padding:16px}.files-list .files-list-header{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.file-item{padding:12px}.file-item .file-info .compression-info{flex-direction:column;align-items:flex-start;gap:8px}.compression-modal-actions{padding:12px 16px 16px;flex-direction:column}.compression-modal-actions .cancel-button,.compression-modal-actions .approve-button{width:100%;justify-content:center}}.document-upload-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.document-upload-section .section-fields .document-section{margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.document-upload-section .section-fields .document-section h3{font-size:1.2rem;color:var(--main-color, #2c3e50);margin-bottom:.5rem}.document-upload-section .section-fields .document-section .document-description{color:var(--soft-color, #7f8c8d);font-size:.9rem;margin-bottom:1.5rem}.document-upload-section .upload-dropzone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background-color:#fff}.document-upload-section .upload-dropzone:hover,.document-upload-section .upload-dropzone.active{border-color:#3498db;background-color:#f7fbff}.document-upload-section .upload-dropzone.error{border-color:#e74c3c;background-color:#fff5f5}.document-upload-section .upload-dropzone .upload-icon{font-size:2.5rem;color:#3498db;margin-bottom:1rem}.document-upload-section .upload-dropzone p{margin-bottom:.5rem;font-size:1.1rem;color:#2c3e50}.document-upload-section .upload-dropzone .file-types{font-size:.85rem;color:var(--soft-color, #7f8c8d)}.document-upload-section .upload-errors{background-color:#fff5f5;border:1px solid #fad7d7;border-radius:6px;padding:1rem;margin-top:1rem}.document-upload-section .upload-errors .error-message{display:flex;align-items:center;color:#e53e3e;font-size:.9rem}.document-upload-section .upload-errors .error-message .error-icon{margin-left:.5rem;flex-shrink:0}.document-upload-section .selected-files{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem;margin-top:1rem}.document-upload-section .selected-files .selected-files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid #e9ecef}.document-upload-section .selected-files .selected-files-header h4{font-size:1rem;margin:0;color:var(--main-color, #2c3e50)}.document-upload-section .selected-files .selected-files-header .selected-files-actions{display:flex;gap:.8rem}.document-upload-section .selected-files .selected-files-header .selected-files-actions .clear-button{background-color:transparent;border:1px solid #ccc;color:#777;padding:.4rem .8rem;border-radius:4px;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s}.document-upload-section .selected-files .selected-files-header .selected-files-actions .clear-button:hover{background-color:#f1f1f1;border-color:#999}.document-upload-section .selected-files .selected-files-header .selected-files-actions .upload-button{background-color:#3498db;border:none;color:#fff;padding:.4rem .8rem;border-radius:4px;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s}.document-upload-section .selected-files .selected-files-header .selected-files-actions .upload-button:hover{background-color:#2980b9}.document-upload-section .selected-files .selected-files-header .selected-files-actions .upload-button:disabled{background-color:#a0d0f0;cursor:not-allowed}.document-upload-section .selected-files .file-item{display:flex;align-items:center;padding:.8rem;background-color:#f8f9fa;border-radius:4px}.document-upload-section .selected-files .file-item .file-icon{margin-left:.8rem;font-size:1.5rem}.document-upload-section .selected-files .file-item .file-details{flex:1}.document-upload-section .selected-files .file-item .file-details .file-name{font-size:.9rem;margin-bottom:.2rem;word-break:break-word}.document-upload-section .selected-files .file-item .file-details .file-size{font-size:.8rem;color:#777}.document-upload-section .selected-files .file-item .file-status{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#38a169}.document-upload-section .selected-files .file-item .file-status .status-icon.ready{color:#38a169}.document-upload-section .selected-files .file-item .file-status .status-icon.error{color:#e53e3e}.document-upload-section .uploaded-document .document-item{display:flex;align-items:center;padding:1rem;background-color:#fff;border-radius:6px;border:1px solid #e9ecef;margin-top:1rem}.document-upload-section .uploaded-document .document-item .document-icon{margin-left:1rem;font-size:1.8rem}.document-upload-section .uploaded-document .document-item .document-details{flex:1}.document-upload-section .uploaded-document .document-item .document-details .document-name{font-size:.95rem;margin-bottom:.3rem;font-weight:500;word-break:break-word}.document-upload-section .uploaded-document .document-item .document-details .document-info{display:flex;gap:1rem;font-size:.8rem;color:#777}.document-upload-section .uploaded-document .document-item .document-details .document-info .document-size,.document-upload-section .uploaded-document .document-item .document-details .document-info .document-date{display:inline-block}.document-upload-section .uploaded-document .document-item .document-actions .delete-button{background-color:transparent;border:none;color:#e74c3c;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.document-upload-section .uploaded-document .document-item .document-actions .delete-button:hover{background-color:#fff5f5}.document-upload-section .document-upload-status{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:6px;font-size:.9rem;margin-top:1rem}.document-upload-section .document-upload-status.warning{background-color:#fff5f5;color:#e74c3c;border:1px solid #fad7d7}.document-upload-section .document-upload-status.success{background-color:#f0fff4;color:#38a169;border:1px solid #c6f6d5}.document-upload-section .completion-status{text-align:center;color:var(--soft-color, #7f8c8d);font-size:.9rem;margin:2rem 0}.document-upload-section .form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}.document-upload-section .form-actions button{padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .2s}.document-upload-section .form-actions button.back-button{background-color:transparent;border:1px solid #ddd;color:var(--soft-color, #7f8c8d)}.document-upload-section .form-actions button.back-button:hover{background-color:#f5f5f5}.document-upload-section .form-actions button.save-button{background-color:#f8f9fa;border:1px solid #3498db;color:#3498db}.document-upload-section .form-actions button.save-button:hover{background-color:#e9f5ff}.document-upload-section .form-actions button.test-button{background-color:#f8f9fa;border:1px solid #e67e22;color:#e67e22}.document-upload-section .form-actions button.test-button:hover{background-color:#fdf2e9}.document-upload-section .form-actions button.submit-button{background-color:#2ecc71;border:none;color:#fff}.document-upload-section .form-actions button.submit-button:hover{background-color:#27ae60}.document-upload-section .form-actions button.submit-button:disabled{background-color:#a8e4bc;cursor:not-allowed}@media (max-width: 768px){.document-upload-section .form-actions{flex-direction:column;gap:.8rem}.document-upload-section .form-actions button{width:100%}}.document-upload-section .document-upload-status{display:flex;align-items:center;gap:.5rem;padding:12px 16px;border-radius:6px;font-size:14px;margin-top:16px}.document-upload-section .document-upload-status.error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.document-upload-section .document-upload-status.error .error-icon{color:#dc2626}.document-upload-section .document-upload-status.error .close-error-button{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;border-radius:4px;margin-right:auto;font-size:16px;transition:background-color .2s ease}.document-upload-section .document-upload-status.error .close-error-button:hover{background-color:#dc26261a}.document-upload-section .document-upload-status.warning{background-color:#fef3c7;border:1px solid #fbbf24;color:#d97706}.process-explanation{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.process-explanation .explanation-header{display:flex;align-items:center;margin-bottom:1rem}.process-explanation .explanation-header .info-icon{margin-left:.8rem;color:#3498db;font-size:1.2rem}.process-explanation .explanation-header h3{font-size:1.2rem;margin:0;color:var(--main-color, #2c3e50)}.process-explanation .explanation-content p{margin-bottom:1rem;font-size:.95rem;line-height:1.5}.process-explanation .explanation-content .explanation-section{margin-bottom:1.2rem}.process-explanation .explanation-content .explanation-section h4{font-size:1rem;margin-bottom:.5rem;color:#2c3e50}.process-explanation .explanation-content .explanation-section ul{padding-right:1.5rem;margin-bottom:1rem}.process-explanation .explanation-content .explanation-section ul li{margin-bottom:.3rem;font-size:.9rem}.process-explanation .explanation-content .need-help{background-color:#f8f9fa;border-radius:6px;padding:1rem;display:flex;align-items:flex-start;margin-top:1.5rem}.process-explanation .explanation-content .need-help .help-icon{margin-left:.8rem;color:#3498db;font-size:1.1rem;margin-top:.2rem}.process-explanation .explanation-content .need-help p{margin:0;font-size:.9rem}.process-explanation .explanation-content .need-help p a{color:#3498db;text-decoration:none;margin-right:.3rem}.process-explanation .explanation-content .need-help p a:hover{text-decoration:underline}.progress-indicator{background-color:#fff;padding:1rem;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 4px 16px #0000000d}.progress-indicator .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.progress-indicator .progress-header h3{font-size:1.35rem;margin:0;color:var(--primary-dark, #2980b9);font-weight:600}.progress-indicator .progress-header .progress-percentage{font-size:1.25rem;font-weight:600;color:var(--primary, #3498db);background-color:#3498db14;padding:.3rem .7rem;border-radius:20px}.progress-indicator .steps-container{display:flex;flex-direction:column;gap:15px}.progress-indicator .steps-container .step{position:relative;padding:10px 35px 10px 10px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease}.progress-indicator .steps-container .step:before{content:"";position:absolute;right:10px;width:20px;height:20px;border-radius:50%;background-color:#e2e8f0;border:2px solid #e2e8f0;transition:all .2s ease}.progress-indicator .steps-container .step.active:before{background-color:#fff;border-color:#3b82f6}.progress-indicator .steps-container .step.completed:before{background-color:#10b981;border-color:#10b981}.progress-indicator .steps-container .step:not(:last-child):after{content:"";position:absolute;top:30px;right:19px;width:2px;height:calc(100% + 5px);background-color:#e2e8f0;z-index:0}.progress-indicator .steps-container .step.completed:not(:last-child):after{background-color:#10b981}.progress-indicator .steps-container .step .step-label{font-size:16px;margin-right:15px;color:#64748b;transition:all .2s ease}.progress-indicator .steps-container .step.active .step-label{color:#3b82f6;font-weight:600}.progress-indicator .steps-container .step.completed .step-label{color:#10b981}.progress-indicator .steps-container .step.navigating{pointer-events:none;opacity:.9}.progress-indicator .steps-container .step.navigating .step-label{transition:none}.progress-indicator .steps-container .step.navigating:before{transition:none}@media (max-width: 768px){.progress-indicator .steps-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.progress-indicator .steps-container .step{width:calc(33.333% - 10px);padding:25px 10px 10px;flex-direction:column;align-items:center}.progress-indicator .steps-container .step:before{top:0;right:50%;transform:translate(50%)}.progress-indicator .steps-container .step:not(:last-child):after{top:10px;right:50%;width:calc(100% + 10px);height:2px}.progress-indicator .steps-container .step .step-label{margin-right:0;margin-top:10px;text-align:center}}.application-questionnaire-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.application-questionnaire-container.rtl{direction:rtl}.application-questionnaire-container .questionnaire-header{text-align:center;margin-bottom:2rem}.application-questionnaire-container .questionnaire-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--main-color, #2c3e50)}.application-questionnaire-container .questionnaire-header .subtitle{font-size:1.1rem;color:var(--soft-color, #7f8c8d)}.application-questionnaire-container .questionnaire-content{margin:0 auto;max-width:1100px}.application-questionnaire-container .questionnaire-columns{display:flex;flex-direction:row-reverse;gap:2rem}@media (max-width: 900px){.application-questionnaire-container .questionnaire-columns{flex-direction:column}}.application-questionnaire-container .questionnaire-form-column{flex:3}@media (max-width: 900px){.application-questionnaire-container .questionnaire-form-column{order:1}}.application-questionnaire-container .questionnaire-sidebar{flex:1;display:flex;flex-direction:column;gap:2rem}@media (max-width: 900px){.application-questionnaire-container .questionnaire-sidebar{order:2}}.application-questionnaire-container .loading-spinner{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.2rem;color:var(--soft-color, #7f8c8d)}.application-questionnaire-container .redirect-message{display:flex;justify-content:center;align-items:center;height:200px;text-align:center;font-size:1.2rem;color:var(--soft-color, #7f8c8d)}@keyframes spin{to{transform:rotate(360deg)}}.test-button{background-color:#f39c12;border:none;color:#fff;padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .2s;margin-right:.5rem}.test-button:hover{background-color:#e67e22}.payment-summary-container .payment-summary-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;height:100%;display:flex;flex-direction:column}.payment-summary-container .payment-summary-card h2{margin-bottom:1.5rem;font-size:1.5rem;color:var(--main-color, #2c3e50);font-weight:600;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.payment-summary-container .payment-summary-card .summary-details{margin-bottom:1.5rem}.payment-summary-container .payment-summary-card .summary-details .summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;line-height:1.5}.payment-summary-container .payment-summary-card .summary-details .summary-item .item-label{color:var(--soft-color, #7f8c8d);font-size:.95rem}.payment-summary-container .payment-summary-card .summary-details .summary-item .item-value{font-weight:500;color:#2c3e50}.payment-summary-container .payment-summary-card .summary-details .summary-item.total{margin-top:1rem;font-size:1.1rem;font-weight:600}.payment-summary-container .payment-summary-card .summary-details .summary-item.total .item-label{color:#2c3e50}.payment-summary-container .payment-summary-card .summary-details .summary-item.total .item-value{color:#3498db;font-size:1.2rem}.payment-summary-container .payment-summary-card .summary-details .summary-divider{margin:1.2rem 0;border:0;border-top:1px dashed #e0e0e0}.payment-summary-container .payment-summary-card .payment-info-section{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.payment-summary-container .payment-summary-card .payment-info-section h3{font-size:1.1rem;margin-bottom:1rem;color:#2c3e50}.payment-summary-container .payment-summary-card .payment-info-section p{margin-bottom:1rem;line-height:1.6;font-size:.95rem;color:#4a4a4a}.payment-summary-container .payment-summary-card .payment-info-section p:last-child{margin-bottom:0}.payment-summary-container .payment-summary-card .payment-success-info{background-color:#f0fdf4;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #10b981}.payment-summary-container .payment-summary-card .payment-success-info .success-badge{display:inline-block;background-color:#10b981;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;margin-bottom:.8rem;font-weight:500}.payment-summary-container .payment-summary-card .payment-success-info p{margin:.5rem 0;font-size:.95rem;color:#1f2937}.payment-summary-container .payment-summary-card .payment-methods{margin-top:auto;padding-top:1.5rem;border-top:1px solid #f0f0f0}.payment-summary-container .payment-summary-card .payment-methods p{font-size:.9rem;color:var(--soft-color, #7f8c8d);margin-bottom:.8rem}.payment-summary-container .payment-summary-card .payment-methods .card-icons{display:flex;align-items:center}.payment-summary-container .payment-summary-card .payment-methods .card-icons .card-icon{margin-left:.8rem}.payment-summary-container .payment-summary-card .payment-methods .card-icons .card-icon svg{width:24px;height:24px;color:#3498db}.payment-summary-container .payment-summary-card .payment-methods .card-icons .card-type{margin-left:1rem;font-size:.9rem;color:#2c3e50}.membership-payment-success-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2.5rem 2rem;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.membership-payment-success-card .success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#f0f9ff;border-radius:50%;margin-bottom:1.5rem;color:#0ea5e9;font-size:2.5rem;border:2px solid #bae6fd;animation:pulse 2s ease-in-out}.membership-payment-success-card h2{color:#2c3e50;margin-bottom:1rem;font-size:1.8rem}.membership-payment-success-card p{color:#64748b;margin-bottom:2rem;font-size:1.05rem;line-height:1.6;max-width:400px}.membership-payment-success-card .transaction-details{background-color:#f8fafc;border-radius:6px;padding:1.5rem;margin-bottom:2rem;width:100%;max-width:400px}.membership-payment-success-card .transaction-details .transaction-detail{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:.95rem}.membership-payment-success-card .action-buttons{margin-top:1.5rem;width:100%;max-width:400px;display:flex;justify-content:center}.membership-payment-success-card .action-buttons .primary-button{padding:.9rem 2.5rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;background-color:#0ea5e9;border:none;color:#fff;box-shadow:0 1px 3px #0000001a;min-width:200px}.membership-payment-success-card .action-buttons .primary-button:hover{background-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.membership-payment-success-card .action-buttons .primary-button:active{transform:translateY(0)}.membership-payment-success-card .success-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.membership-payment-success-card .success-actions button{padding:.9rem 1.5rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.membership-payment-success-card .success-actions button.primary-button{background-color:#0ea5e9;border:none;color:#fff;box-shadow:0 1px 3px #0000001a}.membership-payment-success-card .success-actions button.primary-button:hover{background-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.membership-payment-success-card .success-actions button.primary-button:active{transform:translateY(0)}.membership-payment-success-card .transaction-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;width:100%;max-width:320px}.membership-payment-success-card .transaction-info p{margin:0 0 .5rem;font-size:.9rem;color:#64748b}.membership-payment-success-card .transaction-info .transaction-id{font-family:monospace;font-size:1.1rem;color:#0ea5e9;background-color:#f0f9ff;padding:.5rem 1rem;border-radius:4px;border:1px solid #bae6fd}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.membership-payment-page{min-height:100vh;background-color:#f5f5f5;padding:2rem 0}.membership-payment-container{max-width:1200px;margin:0 auto;padding:0 1rem;direction:rtl}.membership-payment-header{text-align:center;margin-bottom:2rem}.membership-payment-header h1{font-size:2rem;color:#2c3e50;margin-bottom:.5rem}.membership-payment-header p{font-size:1.1rem;color:#7f8c8d}.membership-payment-content{display:flex;gap:2rem;justify-content:center}@media (max-width: 768px){.membership-payment-content{flex-direction:column}}.payment-form-container{display:flex;gap:2rem;width:100%;max-width:1000px}@media (max-width: 768px){.payment-form-container{flex-direction:column}}.payment-form-card{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000000d;flex:1}.payment-form-card h2{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:#2c3e50}.payment-form-card .form-group{margin-bottom:1.5rem}.payment-form-card .form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.payment-form-card .form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.payment-form-card .form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.payment-form-card .form-group input.error{border-color:#e86b6b}.payment-form-card .form-group .error-message{color:#e86b6b;font-size:.875rem;margin-top:.25rem}.payment-form-card .form-row{display:flex;gap:1rem}.payment-form-card .form-row .form-group{flex:1}.payment-form-card .button-group{display:flex;gap:1rem;margin-top:2rem}.payment-form-card .button-group button{flex:1;padding:.75rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s ease}.payment-form-card .button-group button.primary-button{background-color:#2563eb;color:#fff}.payment-form-card .button-group button.primary-button:hover{background-color:#134cca}.payment-form-card .button-group button.primary-button:disabled{background-color:#82a6f4;cursor:not-allowed}.payment-form-card .button-group button.cancel-button{background-color:#f5f5f5;color:#2c3e50}.payment-form-card .button-group button.cancel-button:hover{background-color:#e5e5e5}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#7f8c8d}@media (max-width: 768px){.membership-payment-container{padding:1rem}.membership-payment-header h1{font-size:1.5rem}.membership-payment-header p{font-size:1rem}.payment-form-container{gap:1rem}.payment-form-card{padding:1.5rem}}.matches-page{padding:2rem;min-height:70vh;max-width:1200px;margin:0 auto}.matches-page__header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 4px 15px #667eea4d}.matches-page__header-top{margin-bottom:1rem}.matches-page__back{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;border-radius:20px;transition:background-color .2s}.matches-page__back:hover{background:rgba(255,255,255,.3)}.matches-page__header-main{display:flex;align-items:center;gap:1rem}.matches-page__title-icon{width:56px;height:56px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.matches-page__title-content{flex-grow:1}.matches-page__title-content h1{font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 .25rem}.matches-page__subtitle{color:#ffffffd9;font-size:.95rem;margin:0}.matches-page__count{background-color:#e74c3c;color:#fff;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;animation:pulse 2s infinite}.matches-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.matches-page__loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.matches-page__loading p{color:#7f8c8d;font-size:1rem}.matches-page__error{text-align:center;padding:3rem;background-color:#fff5f5;border-radius:8px;border:1px solid #feb2b2}.matches-page__error p{color:#c53030;margin-bottom:1rem}.matches-page__error button{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;cursor:pointer}.matches-page__error button:hover{background-color:#2980b9}.matches-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.match-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.match-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.match-card--new{border:2px solid #27ae60}.match-card--new:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:12px 12px 0 0}.match-card__badge{position:absolute;top:-10px;left:1rem;background-color:#27ae60;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.match-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-top:.5rem}.match-card__avatar{width:60px;height:60px;border-radius:50%;background-color:#ecf0f1;display:flex;align-items:center;justify-content:center;color:#7f8c8d;flex-shrink:0}.match-card__name h3{margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50}.match-card__date{font-size:.875rem;color:#7f8c8d}.match-card__contact{background-color:#f8f9fa;border-radius:8px;padding:1rem;margin-top:1rem}.match-card__contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.match-card__contact-item:last-child{margin-bottom:0}.match-card__contact-item a{color:#3498db;text-decoration:none}.match-card__contact-item a:hover{text-decoration:underline}.match-card__icon{color:#7f8c8d;flex-shrink:0}.match-card__action{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;background-color:#27ae60;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s}.match-card__action:hover:not(:disabled){background-color:#219a52}.match-card__action:disabled{background-color:#95a5a6;cursor:not-allowed}.matches-empty{text-align:center;padding:3rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.matches-empty__icon{width:100px;height:100px;margin:0 auto 1.5rem;background-color:#ebf5ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3498db}.matches-empty h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.matches-empty p{font-size:1.1rem;color:#34495e;line-height:1.6;max-width:500px;margin:0 auto 2rem}.matches-empty__info{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;max-width:500px;margin:0 auto}.matches-empty__info h3{font-size:1.2rem;color:#2c3e50;margin-bottom:1rem}.matches-empty__info ul{text-align:right;padding:0 1.5rem;margin:0}.matches-empty__info ul li{margin-bottom:.75rem;color:#34495e;font-size:1rem;line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.matches-page{padding:1rem}.matches-page__header{padding:1.25rem;border-radius:12px}.matches-page__header-main{flex-wrap:wrap}.matches-page__title-icon{width:48px;height:48px;font-size:1.25rem}.matches-page__title-content h1{font-size:1.3rem}.matches-page__subtitle{font-size:.85rem}.matches-page__count{margin-top:.75rem;width:100%;text-align:center}.matches-page__grid{grid-template-columns:1fr}.match-card__header{flex-direction:column;text-align:center}.match-card__name{text-align:center}.matches-empty{padding:2rem 1rem}.matches-empty h2{font-size:1.25rem}.matches-empty p{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Varela Round,Assistant,sans-serif;overflow-x:hidden;height:100%}a{text-decoration:none;color:inherit}.main{font-family:Inter,sans-serif;color:#2d3047;display:flex;flex-direction:column;min-height:100vh}.contentContainer{flex:1;width:100%;overflow:auto;padding-bottom:1.5rem}.rtl{direction:rtl}.footer{width:100%;margin-top:auto;padding-top:1rem!important;padding-bottom:1rem!important}.footer .footer-left,.footer .footer-right{gap:.5rem!important}.footer .contact-item{margin-bottom:.25rem!important}.footer .social-links{gap:.75rem!important}.footer .social-links a{width:32px!important;height:32px!important}.footer:after{display:none!important}