.questionnaire-container{max-width:800px;margin:0 auto;padding:30px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.section-navigation{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.section-tab{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease;flex:1;text-align:center;min-width:120px}.section-tab.active{background-color:#2860ca;color:#fff;border-color:#2860ca}.section-tab.completed{background-color:#e2edff;border-color:#2860ca;color:#2860ca}.section-tab:hover:not(.active){background-color:#e0e0e0}.progress-container{margin-bottom:30px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#666;font-size:.9rem}.progress-percentage{font-weight:600;color:#2860ca}.page-info{text-align:center;margin:15px 0;color:#666;font-size:.9rem;cursor:pointer;padding:8px;display:inline-flex;align-items:center;gap:8px;border-radius:4px;transition:background-color .2s}.page-info:hover{background-color:#f5f5f5}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;margin-bottom:30px}.progress{height:100%;background-color:#2860ca;border-radius:4px;transition:width .3s ease}.section-title{margin-bottom:20px;color:#2c3e50;font-size:1.8rem;text-align:center}.question-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:25px;margin-bottom:30px}.question-text{font-size:1.2rem;color:#333;margin-bottom:20px}.question-input{margin-bottom:15px}.questionnaire-input,.questionnaire-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border .3s}.questionnaire-input:focus,.questionnaire-textarea:focus{border-color:#2860ca;outline:none}.questionnaire-textarea{min-height:120px;resize:vertical}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:12px}.checkbox-option,.radio-option{display:flex;align-items:center;font-size:16px}.checkbox-option input[type=checkbox],.radio-option input[type=radio]{margin-right:10px;cursor:pointer}.other-option{display:flex;align-items:center;margin-top:5px}.other-input{margin-left:10px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:70%}.rating-group{display:flex;flex-direction:column;gap:20px}.rating-item{padding:15px;border:1px solid #eee;border-radius:6px;background-color:#f9f9f9}.rating-label{margin-bottom:10px;font-weight:500}.rating-options{display:flex;justify-content:space-between;gap:10px}.rating-option{display:flex;flex-direction:column;align-items:center;gap:5px}.rating-option input[type=radio]{margin:0}.navigation-buttons{display:flex;justify-content:space-between;margin-top:30px}.next-button,.prev-button{padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.prev-button{background-color:#e0e0e0;color:#333}.prev-button:hover{background-color:#d0d0d0}.next-button{background-color:#2860ca;color:#fff}.next-button:hover{background-color:#063b9c}.page-navigation{position:relative;margin-bottom:20px;text-align:center}.page-navigation-hint{font-size:.8em;color:#666;margin-left:8px}.page-navigator{position:fixed;top:10px;right:20px;background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;width:90%;max-width:250px;max-height:-moz-fit-content;max-height:fit-content;margin-top:10px}.page-navigator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.page-navigator-header h3{margin:0;color:#2c3e50}.close-navigator{font-size:1.5rem;cursor:pointer;padding:0 8px}.page-numbers{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:8px;max-height:70vh;padding:10px;overflow:hidden;overflow-y:auto}.page-number{padding:8px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.page-number.current{background-color:#2860ca;color:#fff;border-color:#2860ca}.page-number.accessible:not(.current):hover{background-color:#e2edff;border-color:#2860ca}.page-number.locked{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.test-controls{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px dashed #ccc}.scenario-selector{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.scenario-dropdown{flex:1;padding:10px;border-radius:4px;border:1px solid #ddd;font-size:16px;min-width:250px;background-color:#fff;cursor:pointer}.scenario-dropdown:focus{outline:none;border-color:#2860ca;box-shadow:0 0 0 2px rgba(76,175,80,.2)}.scenario-dropdown option{padding:8px}.test-buttons{display:flex;gap:10px;flex-wrap:wrap}.test-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.test-button.scenario{background-color:#2860ca;color:#fff}.test-button.scenario:hover{background-color:#1750b9}.test-button.random{background-color:#2196f3;color:#fff}.test-button.random:hover{background-color:#1e88e5}.test-button.clear{background-color:#f44336;color:#fff;padding:10px 20px}.test-button.clear:hover{background-color:#e53935}.current-scenario{margin-top:10px;padding:8px;background-color:#e2edfff7;border-radius:4px;color:#2860ca;font-size:14px;font-weight:600}