.quiz-list{margin:0 auto;max-width:1200px;padding:20px}.quiz-list-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-actions{align-items:center;display:flex;gap:10px}.create-quiz-btn{background:#508a9f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:background-color .2s}.create-quiz-btn:hover{background:#2c3e46}.list-info h2{color:#232d34;font-size:24px;margin-bottom:8px}.list-info-details{color:#5a6766;font-size:14px;margin:0}.back-btn{transition:background-color .2s}.no-quizzes{background:#f8f9fa;border-radius:12px;color:#5a6766;font-size:16px;padding:60px 20px;text-align:center}.create-first-quiz-btn{background:#508a9f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:background-color .2s}.create-first-quiz-btn:hover{background:#2c3e46}.quiz-list-error,.quiz-list-loading{font-size:18px;padding:40px;text-align:center}.quiz-list-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#2c3e46;margin:20px 0}.quiz-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.quiz-card{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s,box-shadow .2s}.quiz-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.quiz-author{align-items:center;border-bottom:1px solid #eee;display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px}.author-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.author-name{color:#5a6766;font-size:14px;font-weight:500}.quiz-card h3{color:#232d34;font-size:20px;margin:0 0 12px}.quiz-description{margin:0 0 16px}.quiz-metadata{margin:0 0 20px}.quiz-date,.quiz-visibility{color:#999;font-size:13px;margin:4px 0}.quiz-visibility{color:#508a9f}.quiz-actions{display:flex;gap:8px;margin-top:15px}.quiz-start-btn{background:#508a9f;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:10px 16px;transition:background-color .2s}.quiz-start-btn:hover{background:#2c3e46}.quiz-start-btn:active{transform:translateY(1px)}.quiz-edit-btn{background:#5a6766;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 14px;transition:background-color .2s}.quiz-edit-btn:hover{background:#2c3e46}.quiz-edit-btn:active{transform:translateY(1px)}.quiz-question{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:30px}.choices-container{margin-top:20px}.choice-instruction{color:#5a6766;font-size:16px;font-weight:500;margin-bottom:20px}.choice{align-items:flex-start;gap:15px;padding:16px;transition:all .2s ease}.choice.selected{background:#f0f5f5}.choice-marker{flex-shrink:0;margin-top:2px}.radio{border:2px solid #ddd;border-radius:50%;height:20px;position:relative;transition:border-color .2s;width:20px}.radio.checked{border-color:#508a9f}.radio.checked:after{background:#508a9f;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkbox{align-items:center;border:2px solid #ddd;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.checkbox.checked{background:#508a9f;border-color:#508a9f}.checkmark{color:#fff;font-size:14px;font-weight:700}.choice-content{gap:10px}.submit-section{border-top:1px solid #eee;margin-top:30px;padding-top:20px;text-align:center}.submit-btn{background:#508a9f;border:none;border-radius:25px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;min-width:150px;padding:15px 40px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:#2c3e46;box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn.disabled,.submit-btn:disabled{background:#e9ecef;box-shadow:none;color:#5a6766;cursor:not-allowed;transform:none}.selection-hint{color:#5a6766;font-size:14px;font-style:italic;margin-top:15px}@media (max-width:768px){.quiz-question{padding:20px}.question-text{font-size:18px}.choice{padding:12px}.submit-btn{font-size:16px;min-width:130px;padding:12px 30px}}.question-result{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;padding:20px}.result-header{border-bottom:2px solid #eee;margin-bottom:30px;padding-bottom:20px;text-align:center}.progress-info{color:#666;font-size:16px;font-weight:500;margin-bottom:15px}.result-status{border-radius:25px;font-size:18px;font-weight:700;padding:12px 24px;text-align:center}.result-status.correct{border:2px solid #c3e6cb}.result-status.incorrect{border:2px solid #f5c6cb}.question-content{margin-bottom:30px}.question-text{color:#333;font-size:20px;line-height:1.6;margin-bottom:20px}.question-image{border-radius:8px;height:auto;margin-bottom:20px;max-width:100%}.question-tags{gap:8px;margin-bottom:20px}.tag{border-radius:16px;padding:4px 12px}.choices-review{margin-bottom:30px}.choices-review h4{color:#333;font-size:18px;margin-bottom:20px}.choices{display:flex;flex-direction:column;gap:12px}.choice-result{align-items:center;border:2px solid;border-radius:8px;display:flex;gap:15px;padding:16px;transition:all .3s ease}.choice-result.correct-selected{background:#d4edda;border-color:#28a745}.choice-result.incorrect-selected{background:#f8d7da;border-color:#dc3545}.choice-result.correct-not-selected{background:#fff3cd;border-color:#ffc107}.choice-result.not-selected{background:#f8f9fa;border-color:#e9ecef}.choice-icon{font-size:20px;min-width:24px;text-align:center}.choice-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.choice-text{color:#333;line-height:1.5}.choice-image{border-radius:6px;height:auto;max-width:200px}.choice-status-text{min-width:120px;text-align:right}.status-label{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status-label.correct{background:#28a745;color:#fff}.status-label.incorrect{background:#dc3545;color:#fff}.status-label.missed{background:#ffc107;color:#212529}.explanation{margin-bottom:30px;padding:20px}.explanation-header{margin-bottom:15px}.explanation h4{color:#333;font-size:16px;margin:0}.explanation-toggle{background:none;border:none;border-radius:4px;color:#508a9f;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .2s}.explanation-toggle:hover{background-color:#e9ecef}.explanation-content{overflow:hidden;transition:max-height .3s ease}.explanation-content.collapsed{max-height:120px;position:relative}.explanation-content.collapsed:after{background:linear-gradient(#0000,#f8f9fa);bottom:0;content:"";height:40px;left:0;pointer-events:none;position:absolute;right:0}.explanation p{color:#666;line-height:1.6;margin-bottom:15px;white-space:pre-wrap}.result-summary{background:#e9ecef;margin-bottom:30px}.summary-item{align-items:flex-start;display:flex;margin-bottom:10px}.summary-item:last-child{margin-bottom:0}.summary-label{color:#333;font-weight:600;margin-right:10px;min-width:120px}.summary-value{color:#666;flex:1 1;line-height:1.5}.result-navigation{text-align:center}.next-btn{background:#007bff;border:none;border-radius:25px;box-shadow:0 4px 12px #007bff4d;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .2s}.next-btn:hover{background:#0056b3;box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.next-btn:active{transform:translateY(0)}@media (max-width:768px){.question-result{padding:15px}.result-header{text-align:center}.choice-result{align-items:flex-start;flex-direction:column;gap:10px}.choice-status-text{min-width:auto;text-align:left}.summary-item{flex-direction:column;gap:5px}.summary-label{margin-right:0;min-width:auto}}.quiz-results{margin:0 auto;max-width:800px;padding:20px}.results-header{margin-bottom:30px;text-align:center}.results-header h2{color:#232d34;margin-bottom:20px}.score-display{background:#fff;border:3px solid #ddd;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:30px}.score-emoji{font-size:48px;margin-bottom:15px}.score-text{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.score-fraction{color:#232d34;font-size:32px;font-weight:700}.score-percentage{color:#5a6766;font-size:18px}.score-message{font-size:20px;font-weight:600}.quiz-info{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a}.quiz-info h3{color:#232d34;margin-bottom:10px}.quiz-info p{color:#5a6766}.results-details{margin-bottom:30px}.results-details h4{color:#232d34;font-size:20px;margin-bottom:20px}.result-item{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.result-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.question-number{color:#232d34;font-weight:600}.result-status{border-radius:16px;font-size:14px;font-weight:500;padding:4px 12px}.result-status.correct{background:#d4edda;color:#155724}.result-status.incorrect{background:#f8d7da;color:#721c24}.result-question{margin-bottom:20px}.question-text{font-size:16px;line-height:1.5;margin-bottom:10px}.question-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#e9ecef;border-radius:12px;color:#495057;font-weight:500;padding:2px 8px}.result-answers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.answer-section h5{color:#232d34;font-size:14px;margin-bottom:10px}.correct-choices,.user-choices{display:flex;flex-wrap:wrap;gap:8px}.choice-tag{border-radius:16px;font-size:14px;font-weight:500;padding:6px 12px}.choice-tag.correct{background:#d4edda;color:#155724}.choice-tag.incorrect{background:#f8d7da;color:#721c24}.explanation{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px}.explanation-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s}.explanation-header:hover{background:#e9ecef}.explanation-header h5{color:#232d34;font-size:14px;margin:0}.explanation-toggle{color:#5a6766;font-size:12px;font-weight:700;transition:transform .2s}.explanation-content{border-top:1px solid #e9ecef;padding:0 15px 15px}.explanation-content p{color:#5a6766;line-height:1.5;margin-bottom:10px}.explanation-image{border-radius:6px;height:auto;max-width:100%}.results-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;min-width:150px;padding:12px 24px;transition:all .2s}.restart-btn{background:#508a9f;color:#fff}.restart-btn:hover{background:#2c3e46}@media (max-width:768px){.result-answers{gap:15px;grid-template-columns:1fr}.results-actions{align-items:center;flex-direction:column}.action-btn{max-width:300px;width:100%}}.quiz-container{margin:0 auto;max-width:800px;padding:20px}.quiz-error,.quiz-loading{font-size:18px;padding:40px;text-align:center}.quiz-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#2c3e46;margin:20px 0}.quiz-header{margin-bottom:30px}.quiz-header h1{margin-bottom:15px}.back-to-list-btn{background:#5a6766;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:20px;padding:8px 16px;transition:all .2s;white-space:nowrap}.back-to-list-btn:hover{background:#2c3e46}.quiz-progress{align-items:center;display:flex;flex-direction:column;gap:10px}.progress-bar{max-width:400px}.quiz-navigation{border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.nav-btn{border-radius:8px;min-width:120px;transition:all .2s}.nav-btn:disabled{color:#5a6766}.back-btn{background:#5a6766;border-radius:8px;font-size:16px;margin-top:20px;padding:12px 24px}.back-btn:hover{background:#2c3e46}.question-form{margin:0 auto;max-width:800px;padding:20px}.question-form-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.question-form-header h2{color:#232d34;margin:0}.question-details-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-group{margin-bottom:25px}.choices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.choices-header label{margin:0}.add-choice-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.add-choice-btn:hover:not(:disabled){background-color:#2c3e46}.add-choice-btn:disabled{background-color:#ccc;cursor:not-allowed}.choices-list{display:flex;flex-direction:column;gap:15px}.choice-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.choice-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.choice-label{color:#495057;font-weight:700;min-width:25px}.choice-header input[type=checkbox],.choice-header input[type=radio]{margin:0;width:auto}.choice-header label{color:#5a6766;font-size:14px;margin:0}.remove-choice-btn{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 8px;transition:background-color .3s ease}.remove-choice-btn:hover{background-color:#232d34}.choice-item input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px;width:100%}.tag-input-container{display:flex;gap:10px;margin-bottom:10px}.tag-input-container input{flex:1 1}.add-tag-btn{background-color:#5a6766;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .3s ease}.add-tag-btn:hover{background-color:#2c3e46}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{background-color:#508a9f;border-radius:20px;font-size:12px;gap:5px;padding:4px 8px}.remove-tag-btn,.tag{align-items:center;color:#fff;display:flex}.remove-tag-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:16px;justify-content:center;line-height:1;padding:0;transition:background-color .3s ease;width:16px}.remove-tag-btn:hover{background-color:#fff3}.save-btn:hover{background-color:#2c3e46}@media (max-width:768px){.question-form{padding:10px}.question-form-header{flex-direction:column;gap:15px;text-align:center}.question-details-form{padding:20px}.choices-header{align-items:flex-start;flex-direction:column;gap:10px}.choice-header{flex-wrap:wrap;gap:8px}.form-actions,.tag-input-container{flex-direction:column}.form-actions{gap:10px}}.question-import{margin:0 auto;max-width:900px;padding:20px}.question-import-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.question-import-header h2{color:#333;margin:0}.import-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.import-method-selector{background:#f8f9fa;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.import-method-selector label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.import-method-selector input[type=radio]{margin:0}.file-upload-section{border:2px dashed #ddd;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.file-input{margin-bottom:10px}.file-info{color:#666;font-size:14px;margin-top:10px}.json-input-section{margin-bottom:20px}.json-input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.json-input-header label{color:#555;font-weight:500}.json-input-buttons{display:flex;gap:10px}.sample-btn{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.sample-btn:hover{background-color:#138496}.ai-generation-btn{background-color:#6f42c1;padding:8px 16px}.ai-generation-btn:hover:not(:disabled){background-color:#5a32a3}.ai-response-section{background:#f8f9fa;border:1px solid #e0e0e0;margin:20px 0}.ai-response-header h3{color:#333}.close-response-btn{border-radius:4px;color:#666}.close-response-btn:hover{background-color:#e0e0e0}.ai-response-content pre,.json-textarea{font-family:Consolas,Monaco,Courier New,monospace;line-height:1.4}.json-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;min-height:300px;padding:15px;resize:vertical;width:100%}.json-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.validation-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px;padding:15px}.validation-error pre{font-family:inherit;font-size:14px;margin:0;white-space:pre-wrap}.import-instructions{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.import-instructions h3{color:#333;margin-bottom:15px;margin-top:0}.format-description{color:#666;line-height:1.6}.format-description ul{margin:10px 0;padding-left:20px}.format-description li{margin-bottom:5px}.format-description strong{color:#333}.import-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.import-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.import-btn:hover:not(:disabled){background-color:#218838}.import-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.question-import{padding:10px}.question-import-header{flex-direction:column;gap:15px;text-align:center}.import-content{padding:20px}.import-method-selector,.json-input-header{flex-direction:column;gap:10px}.json-input-header{align-items:flex-start}.import-actions{flex-direction:column;gap:10px}}.ai-quiz-generator{margin:0 auto;max-width:900px;padding:20px}.ai-quiz-generator-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.ai-quiz-generator-header h2{align-items:center;color:#333;display:flex;gap:10px;margin:0}.ai-generator-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.input-method-selector{margin-bottom:30px}.input-method-selector h3{color:#333;margin-bottom:15px}.method-options{display:flex;flex-wrap:wrap;gap:20px}.method-options label{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:8px;min-width:150px;padding:15px 20px;transition:all .3s ease}.method-options label:hover{background:#f8f6ff;border-color:#6f42c1}.method-options label.active{background:#6f42c1;border-color:#6f42c1;color:#fff}.method-options input[type=radio]{margin:0}.input-section{margin-bottom:30px;min-height:200px}.image-input-section,.text-input-section,.url-input-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.image-input-section h3,.text-input-section h3,.url-input-section h3{color:#333;margin-bottom:10px;margin-top:0}.image-input-section p,.text-input-section p,.url-input-section p{color:#666;line-height:1.5;margin-bottom:15px}.text-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;padding:15px;resize:vertical;width:100%}.text-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.url-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:12px 15px;width:100%}.url-input:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.url-note{color:#666;margin-top:10px}.image-upload-area{margin-bottom:20px}.image-input{display:none}.image-upload-label{background-color:#6f42c1;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:12px 24px;transition:background-color .3s ease}.image-upload-label:hover{background-color:#5a32a3}.image-preview{background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:15px}.image-preview img{border-radius:4px;margin-bottom:10px;max-height:300px;max-width:100%}.image-info{color:#666;font-size:14px}.image-info p{margin:5px 0}.generation-options{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.generation-options h3{color:#333;margin-bottom:20px;margin-top:0}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-group{display:flex;flex-direction:column;gap:8px}.option-group label{color:#555;font-size:14px;font-weight:500}.option-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.option-group select:focus{border-color:#6f42c1;box-shadow:0 0 0 2px #6f42c140;outline:none}.generation-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.generate-btn{align-items:center;background-color:#6f42c1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 24px;transition:background-color .3s ease}.generate-btn:hover:not(:disabled){background-color:#5a32a3}.generate-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.ai-quiz-generator{padding:10px}.ai-quiz-generator-header{flex-direction:column;gap:15px;text-align:center}.ai-generator-content{padding:20px}.method-options{flex-direction:column;gap:10px}.method-options label{min-width:auto}.options-grid{gap:15px;grid-template-columns:1fr}.generation-actions{flex-direction:column;gap:10px}.cancel-btn,.generate-btn{justify-content:center;width:100%}}.quiz-form{margin:0 auto;max-width:800px;padding:20px}.quiz-form-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.quiz-form-header h2{color:#232d34;margin:0}.import-question-btn{background-color:#2c3e46}.import-question-btn:hover{background-color:#232d34}@media (max-width:768px){.quiz-form{padding:10px}.quiz-form-header{flex-direction:column;gap:15px;text-align:center}.quiz-details-form{padding:20px}.questions-header{flex-direction:column;gap:15px;text-align:center}.question-actions{flex-direction:column;gap:5px}.form-actions{flex-direction:column;gap:10px}}.edit-quiz-form{margin:0 auto;max-width:800px;padding:20px}.edit-quiz-form-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.edit-quiz-form-header h2{color:#232d34;margin:0}.loading{padding:60px;text-align:center}.quiz-details-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#5a6766;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#508a9f;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group input[type=checkbox]{margin-right:8px;width:auto}.questions-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.questions-header h3{color:#232d34;margin:0}.add-question-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.add-question-btn:hover{background-color:#2c3e46}.import-question-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.import-question-btn:hover{background-color:#2c3e46}.ai-generation-btn{background-color:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:0;padding:10px 20px;transition:background-color .3s ease}.ai-generation-btn:hover:not(:disabled){background-color:#e55825}.ai-generation-btn:disabled{background-color:#ccc;cursor:not-allowed}.ai-response-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.ai-response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.ai-response-header h3{color:#232d34;margin:0}.close-response-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5a6766;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;padding:5px;transition:background-color .3s ease;width:30px}.close-response-btn:hover{background-color:#e9ecef}.ai-response-content{background:#fff;border:1px solid #ddd;border-radius:4px;max-height:300px;overflow-y:auto;padding:15px}.ai-response-content pre{color:#232d34;font-family:Courier New,monospace;font-size:14px;margin:0;white-space:pre-wrap;word-break:break-word}.no-questions{background-color:#f8f9fa;border-radius:8px;color:#5a6766;padding:40px;text-align:center}.no-questions p{margin:10px 0}.questions-list{display:flex;flex-direction:column;gap:15px}.question-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.question-number{color:#495057;font-weight:700}.question-actions{display:flex;gap:10px}.delete-btn,.edit-btn{font-size:12px;padding:5px 12px}.delete-btn{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.delete-btn:hover{background-color:#232d34}.question-preview{background:#fff;margin-top:10px}.question-preview p{color:#5a6766;margin:5px 0}.question-preview strong{color:#232d34}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn:hover{background-color:#2c3e46}.delete-quiz-btn,.save-btn{font-size:16px;padding:12px 24px}.delete-quiz-btn{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.delete-quiz-btn:hover{background-color:#232d34}.delete-confirm-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:30px;width:90%}.modal-content h3{color:#232d34;margin-bottom:20px;margin-top:0}.modal-content p{color:#5a6766;line-height:1.5;margin-bottom:15px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.modal-actions .delete-btn{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.modal-actions .delete-btn:hover{background-color:#232d34}.pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;margin:20px 0;padding:20px 0}.pagination-btn{background-color:#5a6766;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.pagination-btn:hover:not(:disabled){background-color:#2c3e46}.pagination-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.pagination-pages{display:flex;gap:5px}.pagination-page{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#5a6766;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .3s ease}.pagination-page:hover{background-color:#e9ecef;border-color:#5a6766}.pagination-page.active{background-color:#508a9f;border-color:#508a9f;color:#fff}.pagination-info{margin-top:10px;text-align:center}.pagination-info p{color:#5a6766;font-size:14px;margin:0}.pagination-center{align-items:center;display:flex;flex-direction:column;gap:10px}.page-input-form{align-items:center;display:flex;gap:8px}.page-input-form .page-input{border:2px solid #e9ecef;border-radius:4px;font-size:14px;padding:6px 10px;text-align:center;width:80px}.page-input-form .page-input:focus{border-color:#508a9f;box-shadow:0 0 0 2px #508a9f40;outline:none}.page-go-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease}.page-go-btn:hover{background-color:#2c3e46}.share-url-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:10px;padding:15px}.share-url-info label{color:#495057;display:block;font-weight:700;margin-bottom:8px}.share-url-container{align-items:center;display:flex;gap:10px;margin-bottom:8px}.share-url-input{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;flex:1 1;font-family:monospace;font-size:14px;padding:8px 12px}.copy-url-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;white-space:nowrap}.copy-url-btn:hover{background:#0056b3}.share-url-note{color:#6c757d;font-size:12px;font-style:italic;margin:0}@media (max-width:768px){.edit-quiz-form{padding:10px}.edit-quiz-form-header{flex-direction:column;gap:15px;text-align:center}.quiz-details-form{padding:20px}.questions-header{flex-direction:column;gap:15px;text-align:center}.question-actions{flex-direction:column;gap:5px}.form-actions{flex-direction:column;gap:10px}.pagination{flex-direction:column;gap:15px}.pagination-pages{flex-wrap:wrap;justify-content:center}.share-url-container{align-items:stretch;flex-direction:column}.copy-url-btn{width:100%}}.quiz-stats{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:15px 0;padding:15px}.quiz-stats h4{color:#495057;font-size:1.05em;font-weight:600;margin:0 0 12px}.quiz-stats.loading{color:#6c757d;padding:25px;text-align:center}.unified-bar{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px}.bar-track{background:#e9ecef;border-radius:6px;display:flex;height:12px;margin-bottom:10px;overflow:hidden}.bar-segment{height:100%;transition:width .3s ease}.bar-segment.unanswered{background:#6c757d}.bar-segment.correct{background:#28a745}.bar-segment.incorrect{background:#dc3545}.bar-legend{display:flex;flex-direction:column;gap:6px}.legend-item{align-items:center;color:#495057;display:flex;font-size:.85em;gap:8px}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.legend-color.unanswered{background:#6c757d}.legend-color.correct{background:#28a745}.legend-color.incorrect{background:#dc3545}.stats-summary{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:.9em;font-weight:500;margin-top:12px;padding:10px;text-align:center}@media (max-width:768px){.quiz-stats{margin:12px 0;padding:12px}.stat-info{align-items:flex-start;flex-direction:column;gap:3px}.stat-label{font-size:.85em}.stat-value{font-size:.8em}}.quiz-settings{margin:0 auto;max-width:600px;padding:20px}.quiz-settings-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.quiz-settings-header h2{color:#333;margin:0}.close-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.close-btn:hover{background-color:#5a6268}.quiz-info{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.quiz-info h3{color:#333;margin:0 0 10px}.quiz-info p{color:#666;line-height:1.5;margin:0 0 15px}.quiz-meta{color:#888;display:flex;font-size:14px;gap:20px}.settings-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.setting-group{margin-bottom:30px}.setting-group label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:10px}.order-selector,.question-count-selector{display:flex;flex-direction:column;gap:5px}.radio-option{align-items:center;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;font-weight:400;gap:5px;justify-content:center;margin-bottom:0;padding:12px;transition:all .3s ease}.radio-option:hover:not(.disabled){background-color:#f8f9ff;border-color:#007bff}.radio-option input[type=radio]{align-self:center;height:18px;margin:0 5px;width:18px}.radio-option input[type=radio]:checked+span{color:#007bff;font-weight:600}.radio-option.disabled{cursor:not-allowed;opacity:.6}.radio-option span.disabled{color:#999}.setting-note{color:#666;font-size:14px;line-height:1.4;margin-top:10px}.settings-summary{background:#e7f3ff;border-radius:8px;margin-bottom:30px;padding:20px}.settings-summary h4{color:#06c;margin:0 0 15px}.settings-summary ul{color:#333;margin:0;padding-left:20px}.settings-summary li{line-height:1.4;margin-bottom:8px}.settings-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn{background-color:#6c757d;font-size:16px;padding:12px 24px}.cancel-btn:hover{background-color:#5a6268}.start-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.start-btn:hover{background-color:#218838}.start-question-selector{align-items:center;display:flex;gap:10px;margin-top:15px}.start-question-selector label{font-size:14px;font-weight:400;margin-bottom:0}.start-question-selector input[type=number]{border:2px solid #e9ecef;border-radius:4px;font-size:14px;padding:8px 12px;text-align:center;width:80px}.start-question-selector input[type=number]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.quiz-settings{padding:10px}.quiz-settings-header{flex-direction:column;gap:15px;text-align:center}.settings-form{padding:20px}.order-selector,.question-count-selector{gap:8px}.radio-option{padding:10px}.settings-actions{flex-direction:column;gap:10px}.start-question-selector{align-items:flex-start;flex-direction:column;gap:8px}}.my-page{margin:0 auto;max-width:800px;padding:20px}.my-page-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.my-page-header h2{color:#232d34;margin:0}.back-btn{background-color:#5a6766;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.back-btn:hover{background-color:#2c3e46}.my-page-content{display:flex;flex-direction:column;gap:30px}.account-section,.jwt-test-section,.logout-section,.profile-section,.quiz-gen-test-section{width:100%}.account-card,.jwt-test-card,.logout-card,.profile-card,.quiz-gen-test-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.account-card h3,.jwt-test-card h3,.logout-card h3,.profile-card h3,.quiz-gen-test-card h3{border-bottom:1px solid #e0e0e0;color:#232d34;font-size:18px;margin:0 0 20px;padding-bottom:10px}.profile-item{margin-bottom:20px}.profile-item label{color:#5a6766;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.profile-value{background-color:#f8f9fa;border-radius:4px;color:#232d34;font-size:16px;padding:12px}.user-id{color:#6c757d;font-family:monospace;font-size:12px;word-break:break-all}.display-name-view{align-items:center;display:flex;gap:15px}.display-name-view .profile-value{flex:1 1;margin:0}.edit-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.edit-btn:hover{background-color:#2c3e46}.edit-display-name{display:flex;flex-direction:column;gap:10px}.edit-display-name input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s ease}.edit-display-name input:focus{border-color:#508a9f;box-shadow:0 0 0 2px #007bff40;outline:none}.edit-actions{display:flex;gap:10px}.save-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.save-btn:hover:not(:disabled){background-color:#2c3e46}.save-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#5a6766;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.cancel-btn:hover:not(:disabled){background-color:#2c3e46}.cancel-btn:disabled{background-color:#ccc;cursor:not-allowed}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.stat-label{color:#5a6766;font-size:14px;margin-bottom:10px}.stat-value{color:#232d34;font-size:24px;font-weight:700}@media (max-width:768px){.my-page{padding:10px}.my-page-header{flex-direction:column;gap:15px;text-align:center}.account-card,.logout-card,.profile-card{padding:20px}.display-name-view{align-items:stretch;gap:10px}.display-name-view,.edit-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}}.jwt-test-card p{color:#5a6766;font-size:14px;margin-bottom:20px}.jwt-test-btn{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:12px 24px;transition:background-color .3s ease}.jwt-test-btn:hover:not(:disabled){background-color:#2c3e46}.jwt-test-btn:disabled{background-color:#ccc;cursor:not-allowed}.jwt-test-result{border:1px solid;border-radius:8px;margin-top:20px;padding:20px}.jwt-test-result.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.jwt-test-result.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.jwt-test-result h4{font-size:16px;margin:0 0 15px}.result-content{display:flex;flex-direction:column;gap:10px}.result-item{border-bottom:1px solid #0000001a;padding:8px 0}.result-item:last-child{border-bottom:none}.result-item strong{margin-right:10px}.current-user-info,.error-info,.token-info,.user-info{border-radius:4px;padding:15px}.current-user-info h5,.token-info h5,.user-info h5{font-size:14px;font-weight:700;margin:0 0 10px}.current-user-info{background-color:#0000ff1a;border-left:4px solid #508a9f}.quiz-gen-test-card p{color:#5a6766;font-size:14px;margin-bottom:20px}.quiz-gen-test-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:12px 24px;transition:background-color .3s ease}.quiz-gen-test-btn:hover:not(:disabled){background-color:#218838}.quiz-gen-test-btn:disabled{background-color:#ccc;cursor:not-allowed}.quiz-gen-result{border:1px solid;border-radius:8px;margin-top:20px;padding:20px}.quiz-gen-result.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.quiz-gen-result.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.quiz-gen-result h4{font-size:16px;margin:0 0 15px}.auth-user-info,.quiz-data-info{background-color:#ffffff4d;border-radius:4px;margin-top:15px;padding:15px}.auth-user-info{background-color:#28a7451a;border-left:4px solid #28a745}.quiz-data-info{background-color:#007bff1a;border-left:4px solid #007bff}.auth-user-info h5,.quiz-data-info h5{font-size:14px;font-weight:700;margin:0 0 10px}.question-preview{background-color:#0000000d;border-left:3px solid #007bff;border-radius:4px;margin:15px 0;padding:15px}.question-preview h6{color:#007bff;font-size:14px;font-weight:700;margin:0 0 10px}.logout-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;max-width:200px;padding:12px 24px;transition:background-color .3s ease;width:100%}.logout-btn:hover{background-color:#c82333}.logout-btn:active{transform:translateY(1px)}.shared-quiz-container{background:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.error-message,.loading{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center}.loading{color:#5a6766;font-size:18px}.error-message h2{color:#dc3545;margin-bottom:20px}.error-message p{color:#5a6766;font-size:16px;margin-bottom:30px}.back-home-btn{background:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:12px 24px;text-decoration:none}.back-home-btn:hover{background:#2c3e46}.quiz-header{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:30px;text-align:center}.quiz-header h1{color:#232d34;font-size:28px;margin:0 0 15px}.quiz-description{color:#5a6766;font-size:16px;line-height:1.5;margin-bottom:20px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{background:#508a9f;height:100%;transition:width .3s ease}.question-counter{color:#5a6766;font-size:14px;font-weight:500}.question-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.question-text{color:#232d34;font-size:22px;line-height:1.4;margin-bottom:15px}.question-type-info{background:#f8f9fa;border-left:4px solid #508a9f;border-radius:4px;color:#5a6766;font-size:14px;margin-bottom:25px;padding:10px}.choices-container{margin-bottom:30px}.choice{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:15px;transition:all .3s ease}.choice:hover{background:#f8f9fa;border-color:#508a9f}.choice.selected{background:#e7f3ff;border-color:#508a9f}.choice-indicator{color:#508a9f;font-size:18px;margin-right:15px;min-width:25px}.choice-text{color:#232d34;flex:1 1;font-size:16px;line-height:1.4}.navigation-buttons{display:flex;gap:15px;justify-content:space-between}.nav-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.prev-btn{background:#5a6766;color:#fff}.prev-btn:hover:not(:disabled){background:#2c3e46}.next-btn{background:#508a9f;color:#fff}.next-btn:hover:not(:disabled){background:#2c3e46}.nav-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.quiz-results{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.quiz-results h2{color:#232d34;font-size:28px;margin-bottom:30px;text-align:center}.result-summary{background:#f8f9fa;border-radius:8px;margin-bottom:40px;padding:20px;text-align:center}.score-display{color:#508a9f;font-size:48px;font-weight:700;margin-bottom:10px}.score-display .total{color:#5a6766}.percentage{color:#232d34;font-size:24px;font-weight:500}.result-details{margin-bottom:30px}.result-item{border:1px solid #e9ecef;border-radius:8px;display:flex;margin-bottom:20px;padding:15px}.result-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:30px;justify-content:center;margin-right:15px;width:30px}.result-indicator.correct{background:#28a745;color:#fff}.result-indicator.incorrect{background:#dc3545;color:#fff}.result-content{flex:1 1}.result-content h4{color:#232d34;font-size:16px;margin:0 0 15px}.choices-review{display:flex;flex-direction:column;gap:5px}.choice-review{border:1px solid #e9ecef;border-radius:4px;font-size:14px;padding:8px 12px}.choice-review.correct-answer{background:#d4edda;border-color:#28a745;color:#155724}.choice-review.user-selected{background:#fff3cd;border-color:#ffc107;color:#856404}.choice-review.correct-answer.user-selected{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.result-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.retry-btn{background:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.retry-btn:hover{background:#2c3e46}@media (max-width:768px){.shared-quiz-container{padding:10px}.question-container,.quiz-header,.quiz-results{padding:20px}.quiz-header h1{font-size:24px}.question-text{font-size:18px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}.result-actions{flex-direction:column}.back-home-btn,.retry-btn{width:100%}.result-item{flex-direction:column}.result-indicator{margin:0 auto 10px}}.auth-page{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.auth-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-toggle{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:2rem}.auth-toggle button{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;flex:1 1;font-size:1rem;padding:1rem;transition:all .3s ease}.auth-toggle button:hover{background-color:#f0f0f0}.auth-toggle button.active{border-bottom-color:#508a9f;color:#508a9f;font-weight:700}.auth-form{display:flex;flex-direction:column}.auth-form h2{color:#232d34;margin-bottom:1.5rem;text-align:center}.auth-form div{margin-bottom:1rem}.auth-form label{color:#5a6766;display:block;font-weight:500;margin-bottom:.5rem}.auth-form input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.auth-form input:focus{border-color:#508a9f;box-shadow:0 0 0 2px #007bff40;outline:none}.auth-form button{background-color:#508a9f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;transition:background-color .3s ease}.auth-form button:hover:not(:disabled){background-color:#2c3e46}.auth-form button:disabled{background-color:#ccc;cursor:not-allowed}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#2c3e46;font-size:.875rem;margin-bottom:1rem;padding:.75rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#232d34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background:linear-gradient(135deg,#508a9f,#2c3e46);box-shadow:0 2px 10px #0000001a;color:#fff;padding:40px 20px;position:relative;text-align:center}.user-info{align-items:center;display:flex;gap:1rem;position:absolute;right:20px;top:0}.user-info span{font-size:.9rem}.user-info button{background-color:#2c3e46;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.user-info button:hover{background-color:#232d34}.my-page-btn{background-color:#508a9f!important}.my-page-btn:hover{background-color:#2c3e46!important}@media (max-width:768px){.App-header{min-height:100px;padding:20px 10px 60px}.App-header h1{font-size:2rem;margin-bottom:5px}.App-header p{font-size:1rem;margin-bottom:10px}.user-info{align-items:flex-end;flex-direction:column;flex-wrap:nowrap;gap:.3rem;justify-content:flex-end;margin-top:0;position:absolute;right:10px;top:15px}.user-info span{font-size:.7rem;margin-bottom:5px;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:auto}.user-info button{font-size:.6rem;margin-bottom:2px;min-width:60px;padding:.3rem .6rem}}.loading-spinner{align-items:center;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.App-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.App-header p{font-size:1.2rem;opacity:.9}.App-main{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.App-footer{background:#232d34;color:#fff;margin-top:auto;padding:20px;text-align:center}.App-footer p{font-size:14px;margin:0}@media (max-width:768px){.App-header{padding:30px 20px}.App-header h1{font-size:2rem}.App-header p{font-size:1rem}.App-main{padding:15px}}
/*# sourceMappingURL=main.5900213e.css.map*/