.profile-container{max-width:1200px;margin:30px auto;padding:20px;position:relative}.profile-container .update-message{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;color:#fff;font-weight:600;z-index:1000;animation:slideIn .3s ease-out,fadeOut .5s ease-out 2.5s forwards}.profile-container .update-message.success{background-color:#4caf50}.profile-container .update-message.error{background-color:#f44336}.profile-container.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.profile-container.loading .loading-spinner{margin-bottom:20px}.profile-container.loading .loading-spinner.large{width:50px;height:50px;border-width:5px}.profile-container.loading p{font-size:16px;color:#333}.profile-container.error{text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-container.error h2{color:#f44336;margin-bottom:10px;font-size:24px}.profile-container.error p{color:#333;margin-bottom:20px;font-size:16px}.profile-container.error .back-button{background-color:#383b83;color:#fff;border:none;padding:10px 20px;border-radius:30px;cursor:pointer;font-weight:600;transition:all .3s ease}.profile-container.error .back-button:hover{background-color:#292b5f;transform:translateY(-2px)}.profile-header{display:flex;align-items:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);border-radius:10px;padding:30px;margin-bottom:30px}.profile-header .profile-avatar{margin-right:30px}.profile-header .profile-avatar .avatar-placeholder{width:120px;height:120px;border-radius:50%;background-color:#383b83;color:#fff;display:flex;align-items:center;justify-content:center;font-size:50px;font-weight:600}.profile-header .profile-info{flex:1}.profile-header .profile-info .profile-name{font-size:28px;font-weight:700;color:#383b83;margin:0 0 5px}.profile-header .profile-info .profile-username{font-size:16px;color:#666;margin:0 0 20px}.profile-header .profile-info .profile-stats{display:flex;gap:30px}.profile-header .profile-info .profile-stats .stat-item{display:flex;flex-direction:column;align-items:center}.profile-header .profile-info .profile-stats .stat-item .stat-value{font-size:24px;font-weight:700;color:#383b83}.profile-header .profile-info .profile-stats .stat-item .stat-label{font-size:14px;color:#666}.profile-header .profile-actions .edit-profile-button{background-color:#ffe300;color:#383b83;border:none;padding:10px 20px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-header .profile-actions .edit-profile-button:hover{background-color:#ccb600;transform:translateY(-2px)}.private-quiz-info{background-color:rgba(56,59,131,.1);border-left:4px solid #383b83;padding:15px 20px;margin-bottom:20px;border-radius:5px}.private-quiz-info p{margin:0;color:#383b83;font-size:14px}.profile-quizzes .tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.profile-quizzes .tabs .tab-button{background:none;border:none;padding:15px 20px;font-size:16px;font-weight:600;color:#666;cursor:pointer;position:relative;transition:all .3s ease}.profile-quizzes .tabs .tab-button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:transparent;transition:all .3s ease}.profile-quizzes .tabs .tab-button.active{color:#383b83}.profile-quizzes .tabs .tab-button.active:after{background-color:#ffe300}.profile-quizzes .tabs .tab-button:hover{color:#383b83}.profile-quizzes .tab-content .quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.profile-quizzes .tab-content .quiz-grid>*{height:100%}.profile-quizzes .tab-content .empty-state{text-align:center;padding:50px 20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.profile-quizzes .tab-content .empty-state p{margin-bottom:20px;color:#666;font-size:16px}.profile-quizzes .tab-content .empty-state button{background-color:#ffe300;color:#383b83;border:none;padding:10px 20px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-quizzes .tab-content .empty-state button:hover{background-color:#ccb600;transform:translateY(-2px)}.profile-quizzes .tab-content .empty-state button.find-quiz-button{background-color:#383b83;color:#fff}.profile-quizzes .tab-content .empty-state button.find-quiz-button:hover{background-color:#292b5f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-overlay .modal-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.2);padding:25px;width:100%;max-width:500px}.modal-overlay .modal-container h2{color:#383b83;margin:0 0 20px;font-size:24px;font-weight:700}.modal-overlay .modal-container .form-group{margin-bottom:20px}.modal-overlay .modal-container .form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.modal-overlay .modal-container .form-group input{width:100%;padding:12px 15px;border:1px solid #e0e0e0;border-radius:5px;font-size:16px}.modal-overlay .modal-container .form-group input:focus{outline:none;border-color:#383b83;box-shadow:0 0 0 2px rgba(56,59,131,.2)}.modal-overlay .modal-container .form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.modal-overlay .modal-container .error-message{color:#f44336;margin-bottom:15px;font-size:14px}.modal-overlay .modal-container .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-overlay .modal-container .modal-actions button{padding:10px 20px;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-overlay .modal-container .modal-actions button:disabled{opacity:.7;cursor:not-allowed}.modal-overlay .modal-container .modal-actions button.cancel-button{background-color:#f5f5f5;color:#666;border:1px solid #e0e0e0}.modal-overlay .modal-container .modal-actions button.cancel-button:hover:not(:disabled){background-color:#e5e5e5}.modal-overlay .modal-container .modal-actions button.save-button{background-color:#383b83;color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.modal-overlay .modal-container .modal-actions button.save-button:hover:not(:disabled){background-color:#292b5f}.modal-overlay .modal-container .modal-actions button.save-button .loading-spinner.small{width:16px;height:16px;border-width:2px;border-top-color:#fff}@media(max-width:768px){.profile-header{flex-direction:column;text-align:center}.profile-header .profile-avatar{margin-right:0;margin-bottom:20px}.profile-header .profile-info{margin-bottom:20px}.profile-header .profile-info .profile-stats{justify-content:center}.profile-quizzes .tabs .tab-button{flex:1;text-align:center}.modal-container{width:90%;margin:0 15px}}.loading-spinner{display:inline-block;width:30px;height:30px;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:#383b83;animation:spin .8s ease-in-out infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}