@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;scroll-behavior:smooth}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Tajawal,Arial,sans-serif;line-height:1.6}.App,.welcome-page,body{min-height:100vh}.welcome-page{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7 50%,#9333ea);display:flex;justify-content:center}.welcome-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #8b5cf64d;max-width:500px;padding:3rem;text-align:center;width:90%}.welcome-container h1{color:#8b5cf6;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.welcome-container p{color:#6b7280;font-size:1.2rem;margin-bottom:2rem}.admin-link{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50px;box-shadow:0 4px 15px #8b5cf666;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.admin-link:hover{box-shadow:0 8px 25px #8b5cf699;transform:translateY(-2px)}.form-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:900px;min-height:100vh;padding:2rem;position:relative}.form-card{animation:slideUp .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 80px #0000001f,0 0 0 1px #ffffff0d;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:2rem;text-align:center}.form-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.form-header p{font-size:1.1rem;opacity:.9}.user-info{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem}.user-info .user-icon{height:20px;width:20px}.progress-container{background:#fff;padding:1.5rem 2rem 0}.progress-bar{background:#e5e7eb;height:8px;margin-bottom:.5rem;width:100%}.progress-bar,.progress-fill{border-radius:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7);height:100%;position:relative;transition:width .5s cubic-bezier(.16,1,.3,1);width:0}.progress-fill:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#6b7280;font-size:.9rem;font-weight:500;text-align:center}.progress-0{width:0}.progress-10{width:10%}.progress-20{width:20%}.progress-30{width:30%}.progress-40{width:40%}.progress-50{width:50%}.progress-60{width:60%}.progress-70{width:70%}.progress-80{width:80%}.progress-90{width:90%}.progress-100{width:100%}.form-content{padding:2rem}.question{animation:fadeIn .6s ease-out;animation-fill-mode:both;margin-bottom:2rem}.question:first-child{animation-delay:.1s}.question:nth-child(2){animation-delay:.2s}.question:nth-child(3){animation-delay:.3s}.question:nth-child(4){animation-delay:.4s}.question:nth-child(5){animation-delay:.5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.question-header{margin-bottom:1.5rem}.question-title{color:#1f2937;font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.question-description{color:#6b7280;font-size:1rem;line-height:1.5}.required-indicator{color:#ef4444;font-weight:700;margin-right:.25rem}.input-group{margin-bottom:1.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.question-icon{color:#9ca3af;position:absolute;right:1rem;transition:color .3s ease;z-index:2}.form-input{background:#fafbfc;border:2px solid #e5e7eb;border-radius:16px;font-family:Tajawal,Arial,sans-serif;font-size:1rem;padding:1.2rem 3rem 1.2rem 1.2rem;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.form-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf614,0 1px 3px #0000001a;outline:none;transform:translateY(-1px)}.form-input:focus+.question-icon,.input-wrapper:focus-within .question-icon{color:#8b5cf6}.form-input.input-error{background:#fef2f2;border-color:#ef4444}.form-input.input-error:focus{box-shadow:0 0 0 4px #ef444414,0 1px 3px #0000001a}.form-textarea{min-height:120px;resize:vertical}.choice-options{display:flex;flex-direction:column;gap:.75rem}.choice-option{position:relative}.choice-input{cursor:pointer;opacity:0;position:absolute}.choice-label{align-items:center;background:#fafbfc;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;overflow:hidden;padding:1.2rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.choice-label:before{background:linear-gradient(135deg,#8b5cf60d,#a855f70d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.choice-label:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.choice-label:hover:before{opacity:1}.choice-input:checked+.choice-label{background:linear-gradient(135deg,#8b5cf614,#a855f714);border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf626;color:#8b5cf6;transform:translateY(-1px)}.choice-text{flex:1 1}.choice-indicator{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;height:22px;margin-left:1rem;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:22px}.choice-input[type=checkbox]+.choice-label .choice-indicator{border-radius:6px}.choice-input:checked+.choice-label .choice-indicator{background:#8b5cf6;border-color:#8b5cf6;transform:scale(1.1)}.choice-input:checked+.choice-label .choice-indicator:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:4px}.choice-input[type=radio]:checked+.choice-label .choice-indicator:after{background:#fff;border:none;border-radius:50%;height:8px;left:5px;top:5px;transform:none;width:8px}.submit-section{background:linear-gradient(135deg,#fafbfc,#f3f4f6);border-top:1px solid #e5e7ebcc;padding:2rem}.submit-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:16px;box-shadow:0 4px 20px #8b5cf666;color:#fff;cursor:pointer;display:flex;font-family:Tajawal,Arial,sans-serif;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1.4rem 2rem;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 30px #8b5cf699;transform:translateY(-3px)}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:active:not(:disabled){box-shadow:0 4px 20px #8b5cf666;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-arrow{transition:transform .3s ease}.submit-button:hover:not(:disabled) .submit-arrow{transform:translateX(-3px)}.success-message{background:#fff;padding:3rem 2rem;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.success-title{color:#10b981;font-size:2rem;font-weight:700;margin-bottom:1rem}.success-description{color:#6b7280;font-size:1.1rem;line-height:1.6}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:1rem}.error-message,.field-error{color:#dc2626;font-weight:500}.field-error{font-size:.9rem;margin-top:.5rem}.loading-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);direction:rtl;min-height:100vh}.loading-container,.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.spinner{height:64px;position:relative;width:64px}.spinner:after,.spinner:before{border:3px solid #0000;border-radius:50%;content:"";position:absolute}.spinner:before{animation:spin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;border-right:3px solid #a855f7;border-top:3px solid #8b5cf6;height:64px;width:64px}.spinner:after{animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite reverse;border-left:2px solid #ddd6fe;border-top:2px solid #c084fc;height:40px;left:12px;top:12px;width:40px}.spinner-small{height:32px;position:relative;width:32px}.spinner-small:after,.spinner-small:before{border:2px solid #0000;border-radius:50%;content:"";position:absolute}.spinner-small:before{animation:spin 1s linear infinite;border-right:2px solid #a855f7;border-top:2px solid #8b5cf6;height:32px;width:32px}.spinner-small:after{animation:spin .7s linear infinite reverse;border-left:1px solid #ddd6fe;border-top:1px solid #c084fc;height:20px;left:6px;top:6px;width:20px}.loading-text{animation:pulse 2s ease-in-out infinite;color:#8b5cf6;font-family:Tajawal,Arial,sans-serif;font-size:1.2rem;font-weight:600;text-align:center}.loading-dots{display:flex;gap:.5rem;margin-top:1rem}.loading-dot{animation:bounce 1.4s ease-in-out infinite both;background:#a855f7;border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loading-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafccc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@media (max-width:1024px){.form-container{max-width:700px;padding:1.5rem}}@media (max-width:768px){.form-container{justify-content:flex-start;padding:2rem 1rem 1rem}.form-card{border-radius:20px}.form-header{padding:1.5rem}.form-header h1{font-size:1.6rem}.form-content{padding:1.5rem}.question{margin-bottom:1.5rem}.question-title{font-size:1.1rem;line-height:1.5}.form-input{font-size:16px;padding:1rem 2.5rem 1rem 1rem}.question-icon{height:18px;right:.8rem;width:18px}.choice-label{font-size:.95rem;padding:1rem}.choice-indicator{height:20px;width:20px}.submit-section{padding:1.5rem}.submit-button{font-size:1rem;padding:1.2rem 2rem}.welcome-container{margin:1rem;padding:2rem}.welcome-container h1{font-size:2rem}.progress-container{padding:1rem 1.5rem 0}}@media (max-width:480px){.form-container{padding:1rem .75rem .75rem}.form-card{border-radius:18px}.form-header{padding:1.25rem}.form-header h1{font-size:1.4rem}.form-content{padding:1.25rem}.question{margin-bottom:1.25rem}.question-title{font-size:1rem}.form-input{border-radius:14px;padding:.9rem 2.25rem .9rem .9rem}.form-textarea{min-height:100px}.choice-label{border-radius:14px;font-size:.9rem;padding:.9rem}.choice-indicator{height:18px;margin-left:.75rem;width:18px}.submit-section{padding:1.25rem}.submit-button{border-radius:14px;font-size:.95rem;padding:1.1rem 1.5rem}.welcome-container{margin:.5rem;padding:1.5rem}.welcome-container h1{font-size:1.8rem}.user-info{margin-top:.75rem;padding:.75rem}.progress-container{padding:.75rem 1.25rem 0}}@media (max-width:360px){.form-container{padding:.5rem}.form-header{padding:1rem}.form-header h1{font-size:1.25rem}.form-content{padding:1rem}.choice-label{font-size:.85rem;padding:.8rem}.submit-section{padding:1rem}}.admin-container{background:#f8fafc;direction:rtl;min-height:100vh}.admin-header{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 2px 10px #8b5cf64d;color:#fff;padding:1rem 0}.admin-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.admin-logo{font-size:1.5rem;font-weight:800}.admin-menu{display:flex;gap:2rem;list-style:none}.admin-menu a{border-radius:8px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background .3s ease}.admin-menu a:hover{background:#ffffff1a}
/*# sourceMappingURL=main.ed1ec6f4.css.map*/