.tutorial-popup{position:fixed;top:80px;right:20px;z-index:15000;transform:translateX(100%);transition:transform .3s ease}.tutorial-popup.visible{transform:translateX(0)}.tutorial-content-wrapper{display:flex;flex-direction:column;background:#fdf6f6;border-radius:1rem;box-shadow:0 0 10px 2px rgba(0,0,0,.15);max-width:400px;width:55rem;height:-moz-fit-content;height:fit-content;overflow:hidden;border:1px solid #e5e7eb;justify-content:flex-start}.tutorial-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#fdf6f6}.tutorial-progress{display:flex;align-items:center;gap:1rem;flex:1}.progress-bar{flex:1;height:.5rem;background:#eefff8;border:1px solid rgba(61,64,63,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.15);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#2b8074;border-radius:2px}.progress-text{font-size:12px;color:#6b7280;font-weight:500;min-width:35px}.tutorial-close{background:none;border:none;font-size:16px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.tutorial-close:hover{background:#f3f4f6;color:#374151}.tutorial-content{padding:1rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.tutorial-title{font-size:18px;font-weight:700;color:#3d403f;line-height:1.3}.tutorial-description{font-size:1.2rem;color:#3d403f;line-height:1.5;text-align:left}.tutorial-gif-container{position:relative;border-radius:.5rem;overflow:hidden;border:1px solid rgba(61,64,63,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.15);min-height:150px;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin:auto}.tutorial-gif{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tutorial-gif-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#888f8c;gap:1.5rem}.tutorial-gif-placeholder .placeholder-icon{font-size:32px;margin-bottom:12px}.tutorial-gif-placeholder p{margin:0;font-size:1.25rem}.tutorial-footer{padding:1rem 1rem 1.5rem;display:flex;flex-direction:column;gap:1rem;border-top:1px solid #e5e7eb;background:#fdf6f6}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center}.tutorial-btn{padding:.6rem 1rem!important;border-radius:1rem;font-weight:600!important;cursor:pointer;transition:all .2s;border:none;font-size:1rem!important;box-shadow:inset 0 -2px 0 0 #3d403f}.tutorial-btn.tutorial-btn-primary{background-color:#2b8074;color:#fff}.tutorial-btn.tutorial-btn-primary:hover{background-color:#294d48}.tutorial-btn.tutorial-btn-secondary{padding:.5rem 1.25rem;gap:.75rem;display:flex;align-items:center;flex-shrink:0;cursor:pointer;background-color:none;box-shadow:inset 0 0 0 1px #2b8074!important;border:none!important;color:#3d403f;border-radius:1rem;font-weight:600;font-size:1rem}.tutorial-btn.tutorial-btn-secondary:hover:not(.disabled){box-shadow:inset 0 0 2.5px 1px #2b8074!important}.tutorial-btn.tutorial-btn-secondary.disabled{opacity:.5;cursor:not-allowed}.tutorial-dots{display:flex;justify-content:center;gap:6px}.tutorial-dot{width:6px;height:6px;border-radius:50%;background:#888f8c;border:none;cursor:pointer;transition:all .2s ease}.tutorial-dot.active{color:#2b8074;background-color:#2b8074}@media(max-width:768px){.tutorial-popup{top:40px;right:10px;left:10px;transform:translateY(0)!important}.tutorial-popup.visible{transform:translateY(0)}.tutorial-content-wrapper{width:100%;max-width:none;height:800px;min-height:800px}.tutorial-content{padding:16px}.tutorial-title{font-size:16px}.tutorial-description{font-size:13px}.tutorial-navigation{flex-direction:row;gap:8px}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.settings-overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-overlay-content{position:relative;background:rgba(0,0,0,0);border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);width:90vw;max-width:800px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem!important;background:#2b8074}.settings-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.settings-close-btn{background:none;border:none;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0!important}.settings-close-btn img{width:2rem}.settings-tabs{display:flex;border:none;border-bottom:1px solid #e5e7eb}.settings-tab{flex:1;background-color:#fdf6f6;padding:1rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:500;color:#3d403f;border:none;border-right:1px solid #e5e7eb;border-bottom:3px solid rgba(0,0,0,0);transition:all .2s}.settings-tab img{width:1.5rem;height:1.5rem}.settings-tab:hover{background-color:rgba(253,246,246,.9098039216);border-bottom-color:#2b8074;color:#374151}.settings-tab.active{color:#2b8074;border-bottom-color:#2b8074;background-color:#fdf6f6}.settings-tab.active img{opacity:1}.settings-content{padding:1rem 2rem;height:-moz-fit-content!important;height:fit-content!important;overflow-y:auto;background-color:#fdf6f6}.settings-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#3d403f}.settings-section h4{padding:0;font-size:1rem;font-weight:600;color:#3d403f}.settings-form-group{margin-bottom:1rem}.settings-form-group input{box-shadow:0 0 5px 0 rgba(0,0,0,.15)}.settings-form-group input::-moz-placeholder{color:#888f8c;opacity:1;font-weight:300}.settings-form-group input::placeholder{color:#888f8c;opacity:1;font-weight:300}.settings-form-group input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:1px solid #3d403f;border-radius:.25rem;background-color:rgba(0,0,0,0);position:relative;cursor:pointer}.settings-form-group input[type=checkbox]:hover{border-color:#2b8074}.settings-form-group input[type=checkbox]:focus{border-color:#3d403f}.settings-form-group input[type=checkbox]:checked{background-color:#2b8074;border-color:#3d403f}.settings-form-group input[type=checkbox]:checked:after{content:"";position:absolute;top:.1rem;left:.26rem;width:.25rem;height:.5rem;border:solid #fff;border-width:0 .2rem .2rem 0;transform:rotate(45deg)}.settings-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.settings-form-group .input-with-icon{position:relative;width:100%}.settings-form-group .input-with-icon input{width:100%;padding-right:2.5rem;box-shadow:0 0 5px 0 rgba(0,0,0,.15)}.settings-form-group .toggle-password-btn{all:unset;position:absolute;top:50%;right:.5rem;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-form-group .toggle-password-btn img{width:1.5rem;height:1.5rem}.settings-form-group input{font-family:Inter;border:1px solid rgba(61,64,63,.3);border-radius:.5rem;font-size:1rem;box-sizing:border-box;width:100%;padding:.5rem;height:2.5rem;outline:none;background-color:#eefff8;transition:border-color .3s ease;font-family:Inter,serif;color:#3d403f}.settings-form-group input:focus{border-color:#2b8074}.settings-form-group input.disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.settings-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.5rem 2.5rem .5rem .5rem;height:2.5rem;box-shadow:0 0 5px 0 rgba(0,0,0,.15);font-size:1rem;font-family:Inter,serif;color:#3d403f;background-color:#eefff8;border:1px solid rgba(61,64,63,.3);border-radius:.5rem;box-sizing:border-box;transition:border-color .3s ease;outline:none;background-image:url(/images/select-icon-black.svg);background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem auto}.settings-form-group select:focus{border-color:#3d403f}.settings-form-group select::-ms-expand{display:none}.settings-form-group select:hover{border-color:#2b8074}.settings-form-group small{display:block;margin-top:.25rem;color:#2b8074;font-size:.85rem}.settings-photo-section{border-top:1px solid #e5e7eb;padding-top:1rem}.settings-photo-container{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.settings-photo-preview{-o-object-fit:cover;object-fit:cover}.settings-photo-placeholder,.settings-photo-preview{width:6rem;height:6rem;border-radius:50%;border:3px solid #e5e7eb}.settings-photo-placeholder{background-color:#3d403f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.settings-checkbox-group{display:flex;flex-direction:column;gap:.75rem}.settings-checkbox{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;margin:0!important}.settings-checkbox input[type=checkbox]{width:auto!important;margin:0}.settings-checkbox span{font-weight:400;color:#374151}.password-requirements{background:#f9fafb;padding:.5rem;border-radius:.5rem;border:1px solid #e5e7eb}.password-requirements h4{padding:0}.password-checks{list-style:none;padding:0;margin:.5rem 0 0}.password-checks li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.9rem}.password-checks li.valid{color:#2b8074}.password-checks li.invalid{color:#dd4242}.password-checks .check-icon{display:flex;align-items:center;border:none}.settings-actions{margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}.settings-btn{padding:.6rem 1rem!important;border-radius:1rem;font-weight:600!important;cursor:pointer;transition:all .2s;border:none;font-size:1rem!important;box-shadow:inset 0 -2px 0 0 #3d403f}.settings-btn.primary{background-color:#2b8074;color:#fff}.settings-btn.primary:hover:not(:disabled){background-color:#1f5f56}.settings-btn.primary:disabled{background-color:#9ca3af;cursor:not-allowed}.settings-btn.secondary{padding:.5rem 1.25rem;gap:.75rem;display:flex;align-items:center;flex-shrink:0;cursor:pointer;background-color:none;box-shadow:inset 0 0 0 1px #2b8074!important;border:none!important;color:#3d403f;border-radius:1rem;font-weight:600;font-size:1rem}.settings-btn.secondary img{width:2rem}.settings-btn.secondary:hover{box-shadow:inset 0 0 2.5px 1px #2b8074!important}.subcancel-btn{background-color:rgba(0,0,0,0);color:#ff6b6b;box-shadow:none;border:none;letter-spacing:0;font-weight:600;font-size:.9rem;margin-top:auto;cursor:pointer}.subcancel-btn:hover{color:#3d403f!important}.settings-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#6b7280;font-size:1.1rem}@keyframes skeleton-pulse{0%,to{opacity:.9}50%{opacity:.66}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.settings-overlay-content{width:95vw;max-height:95vh;margin:1rem}.settings-header{padding:1rem 1.5rem;background-color:#2b8074}.settings-content{padding:1.5rem}.settings-tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.settings-tabs::-webkit-scrollbar{height:4px}.settings-tabs::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.settings-tabs::-webkit-scrollbar-thumb{background:#2b8074;border-radius:2px}.settings-tabs .settings-tab{flex:0 0 auto;min-width:-moz-fit-content;min-width:fit-content;padding:.75rem;font-size:.85rem;white-space:nowrap;gap:.5rem}.settings-tabs .settings-tab img{width:1rem;height:1rem;flex-shrink:0}.settings-photo-container{flex-direction:column;text-align:center}.settings-actions{flex-direction:column}}.cropper-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cropper-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:90vw;max-height:90vh;width:100%;max-width:900px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cropper-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.cropper-header h3{margin:0;color:#2c3e50;font-size:1.25rem;font-weight:600}.cropper-header .cropper-close-btn{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.cropper-header .cropper-close-btn:hover:not(:disabled){background:#e9ecef;color:#2c3e50}.cropper-header .cropper-close-btn:disabled{opacity:.5;cursor:not-allowed}.cropper-error{background:#f8d7da;color:#721c24;padding:12px 24px;border-left:4px solid #dc3545;margin:0;font-size:.9rem}.cropper-error span{display:flex;align-items:center;gap:8px}.cropper-main{flex:1;position:relative;min-height:400px;justify-content:center;padding:24px;background:#fafbfc}.cropper-loading,.cropper-main{display:flex;align-items:center}.cropper-loading{flex-direction:column;gap:16px;color:#6c757d}.cropper-loading .spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#2b8074;border-radius:50%;animation:spin 1s linear infinite}.cropper-loading span{font-size:.9rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cropper{width:100%;height:100%;min-height:350px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cropper.cropper-hidden{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.cropper .reactEasyCrop_Container{border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.cropper .reactEasyCrop_CropArea{border:2px solid #2b8074!important}.cropper .reactEasyCrop_CropAreaGrid:before{border:1px solid hsla(0,0%,100%,.5)!important}.cropper-controls{padding:24px;border-top:1px solid #e9ecef;background:#f8f9fa;display:flex;flex-direction:column;gap:20px}.zoom-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.zoom-control label{font-size:.9rem;font-weight:500;color:#2c3e50;min-width:45px}.zoom-control input[type=range]{flex:1;min-width:200px;height:6px;background:#e9ecef;border-radius:3px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.zoom-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2b8074;border-radius:50%;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.zoom-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(43,128,116,.3)}.zoom-control input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#2b8074;border-radius:50%;cursor:pointer;border:none;-moz-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.zoom-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(43,128,116,.3)}.zoom-control input[type=range]:disabled{opacity:.5;cursor:not-allowed}.zoom-control input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed;transform:none}.zoom-control input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed;transform:none}.zoom-control .zoom-value{font-size:.85rem;color:#6c757d;font-weight:500;min-width:45px;text-align:center}.action-buttons{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.action-buttons button{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center;position:relative}.action-buttons button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.action-buttons button:not(:disabled):hover{transform:translateY(-1px)}.action-buttons button:not(:disabled):active{transform:translateY(0)}.action-buttons .btn-cancel{background:#6c757d;color:#fff}.action-buttons .btn-cancel:hover:not(:disabled){background:#5a6268}.action-buttons .btn-validate{background:#2b8074;color:#fff}.action-buttons .btn-validate:hover:not(:disabled){background:#3d403f}.action-buttons .btn-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,0);border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.cropper-instructions{padding:16px 24px;background:#f1f3f4;border-top:1px solid #e9ecef;font-size:.85rem;color:#6c757d}.cropper-instructions p{margin:4px 0;display:flex;align-items:center}.cropper-instructions p:before{content:"";width:4px;height:4px;background:#2b8074;border-radius:50%;margin-right:8px;flex-shrink:0}@media(max-width:768px){.cropper-overlay{padding:10px}.cropper-container{max-height:95vh}.cropper-header{padding:16px 20px}.cropper-header h3{font-size:1.1rem}.cropper-main{padding:16px;min-height:300px}.cropper-controls{padding:16px 20px;gap:16px}.zoom-control{flex-direction:column;align-items:stretch;gap:8px}.zoom-control input[type=range]{min-width:auto}.action-buttons{flex-direction:column;gap:10px}.action-buttons button{min-width:auto;width:100%}.cropper-instructions{padding:12px 20px}.cropper-instructions p{font-size:.8rem}}@media(max-width:480px){.cropper-main{min-height:250px}.cropper-header h3{font-size:1rem}.cropper-instructions{display:none}}@media(prefers-color-scheme:dark){.cropper-container{background:#2d3748;color:#e2e8f0}.cropper-header{background:#4a5568;border-bottom-color:#4a5568}.cropper-header h3{color:#e2e8f0}.cropper-header .cropper-close-btn{color:#a0aec0}.cropper-header .cropper-close-btn:hover:not(:disabled){background:#4a5568;color:#e2e8f0}.cropper-controls,.cropper-instructions{background:#4a5568;border-top-color:#4a5568}.cropper-instructions{color:#a0aec0}.zoom-control label{color:#e2e8f0}.zoom-control .zoom-value{color:#a0aec0}.zoom-control input[type=range]{background:#4a5568}}